Idzetblokk testreszabsa
2018.12.02. 12:02
Szemly szerint nagyon sokszor hasznlom az idzetblokkot egy tartalom kiemelsre. Az ltalam megosztott kdokat is idzetblokkban talljtok, gy mr tallkozhattatok ezzel a lehetsggel.
Elrshez mindssze ki kell jellntk a kiemelni kvnt szvegrszt, s ezzel az ikonnal mris ki tudjtok emelni.
Az idzetblokk kinzett ezzel a kddal tudjtok szerkeszteni:
/*IDZET BLOKK*/
.blockquote {
background-color: #eeeeee !important;
border-bottom: 4px solid #cccccc !important;
color: #333333 !important;
font-style: normal;
margin: 20px 75px 10px 10px;
padding-right: 10px;
padding: 5px;
quotes: "\201C" "\201D";
}
.blockquote:after {
font-style: italic;
margin-top: -40px;
margin-right: -70px;
padding: 0px;
content: open-quote;
font-weight: bold;
color: #000000;
font-size: 80px;
font-family: 'Lucida Sans Unicode';
float: right;
}
Ez a kd ezt az alapkinzetet adja a blokknak:
Termszetesen llthatunk a szneken:
Valamint fnykpet is llthatunk be a szveg mg, ezzel a kddal:
background-image: url(); /* kp url cmnek helye */
|