CSS : Bekezdésünk első betűjének formázása (iniciálé) |
Bekezdésünk első betűjének formázása (iniciálé)
Az iniciálé a bekezdéseid első betűje, ami általában jóval nagyobb, mint a szöveged többi része. Demót láthatod! Te is szeretnéd így megjelenítetni a szöveges tartalmadat? Akkor olvasd el figyelmesen a lentebb lévő írásunkat! :) Átírhatod a betű színét, méretét, akár háttérszínt is adhatsz neki!
Hogyan használhatok a portálomon iniciálét?
CSS nyelvben a first-letter (első betű) elemmel lehet iniciálét készíteni. A CSS záró és nyitó elemei közé írd:
P:first-letter
{color: #ff0000;
background-color: #cccccc;
font-family: verdana;
font-size: 300%;
float:left}
Color: betűd színe, background-color: háttérszín, font-family: betűtípus, font-size: háromszor nagyobb lesz a betű, mint a többi. Ezeket átírhatod, viszont a float elemnél maradjon a left, így a bekezdésed többi része közvetlen az első betű mellett fog megjelenni, ha right-re állítod, akkor csak az első sor lesz mellette.
Értelemszerűen, ha valamelyik parancsra nincs szükséged, azt a sort töröld ki nyugodtan.
Hová rakjam a kódot?
A CSS-t általában bal/jobb oldalon lévő egyszerű modul forráskódjába rakjuk, viszont ezt a kódot nem ajánljuk így használni, hiszen akkor az oldaladon lévő összes bekezdésednél használ iniciálét, az pedig nem mutatna túl jól. Gondold át, mely szöveges tartalmadnál nézne ki jól ez a megjelenítés, s abba a modulba rakd csak, amelyikre szeretnéd, hogy vonatkozzon.
Megj.: figyelj oda, hogyha bal/jobb oldalon van olyan egyszerű modulod, amelybe írtál, s használtál entert (p), akkor az iniciálé ott is meg fog jelenni. SHIFT+ENTER használatakor az iniciálé nem működik, tehát, ahol nem szeretnél iniciálét, ott a sima enter helyett nyomj kettő shift+entert.
|