AR Design
CSS
CSS : Vastag, dőlt, aláhúzott betűk formázása kóddal

Vastag, dőlt, aláhúzott betűk formázása kóddal


Ha azt szeretnéd, hogy a vastagra / dőltre / aláhúzottra állított szövegeid ugyanolyan színűek legyenek, akkor ezzel a kis kóddal megadhatod a színüket. Ebben az a jó, hogyha már van egy másik CSS-d, amitől az egész oldaladon ugyanolyan színű lett a szöveg, akkor ezzel a kóddal felül tudod írni.

Példa:
Tegyük fel, hogy a jelenleg használt CSS-dben a betűk színe szürke. Ha ebben a kódban piros színt adsz meg a vastag betűkhöz (félkövér), akkor, ha valamit a szövegszerkesztőben vastagra, tehát félkövérre állítasz, akkor az piros színnel fog megjelenni az oldalon.

Ha még mindig nem érted, kattints ide még egy példáért :)

De nem csak a szöveg színét, hanem a szöveg háttérszínét is megadhatod!
Ha valamelyik formázásnál nem akarsz változtatást, akkor írd, hogy none. Tehát, ha pl. a dőlt betűnél nem akarsz színt megadni, akkor írd: color: none, de ettől függetlenül a háttér színt megadhatod, vagy ha nem szeretnéd, akkor pedig background: none.

strong: vastag  (félkövér)
em: dőlt
u: aláhúzott

mind a 3 részre ezek vonatkoznak:

color: betű színe
background: betű háttérszín, ami akár kép is lehet, csak akkor írd át erre a background szót és a mögötte levő színkódot erre: background-image: url("KÉPED URL-JE")

Kód:

<style type="text/css">

strong
   {color: #ff0000; background: #000000; }
em
   {color: #50e3e5; background: #000000; }
u
   {color: #68e550; background: #000000; }

</style>

További formázások is megadhatók, másold innen, amit szeretnél, s illeszd be a kódban a { } közé, a többi elemtől pontosvesszővel elkülönítve:
font-family: verdana;              - betűtípus
font-size: 8pt;                           - betűméret
text-transform: uppercase;    - összes betű nagy
text-transform: capitalize;       - szó első betűje nagy
text-decoration: underline;     - aláhúzott
text-decoration: overline;        - felülhúzott
text-decoration: line-through; - áthúzott
letter-spacing: 2px;                   - betűk közötti távolság
border: #000000 1px solid;     - keret, ebben a formában az egész szöveg körül keret lesz látható, a keret színe a #000000, vastagsága az 1px, stílusa a solid, ami sima vonalat jelent. A solid szót átírhatod pontozottra: dotted, szaggatottra: dashed, dupla vonalra: double.
border-top: #000000 1px solid; - szegély a szöveg felett, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-bottom: #000000 1px solid; - szegély a szöveg alatt (aláhúzás), ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-right: #000000 1px solid; - szegély a szöveg jobb oldalán, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-left: #000000 1px solid; - szegély a szöveg bal oldalán, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?