AR Design
Segítség
Segítség : CSS tulajdonságok

CSS tulajdonságok


Ebben a cikkben összeírjuk Nektek a legfontosabb CSS tulajdonságokat, amiket tudtok használni a portálotokon. FONTOS! Ezek csak kód részletek, tehát ezeket hiába illeszted be forráskódba, NEM történik semmi! Ezeket a paramétereket azért írtuk ide össze, hogy aki már ismeri kicsit a CSS kódokat, át tudja benne írni az adatokat, illetve új paramétereket is megadhassanak. Pl. ha a CSS-ben nincs szó betű közti távolságról, akkor itt meg tudja nézni, mely kódrészletet kell megadnia, ahhoz, hogy közelebb/távolabb kerüljenek a betűk egymáshoz. Értelemszerűen a CSS-dben arra a részhez másold be, ahol szeretnéd látni a változást. Pl. ha az előbb említett betű közti távolságot szeretnéd növelni a modulfejlécek címeinél, akkor a CSS-ben a td.modtitle résznél add meg a letter-spacing-t.
Remélem érthető. Ha nem, akkor a Kérdezőben kérdezz rá, hová kell rakni, amit szeretnél megváltoztatni.

Szöveg, betű tulajdonságok
font-color: #000000; szövegszín, írhatod a színek angol nevét, vagy hexa színkódban is megadhatod (ezt látod a példában), illetve simán color-ként is szerepelhet font nélkül
font-family: verdana; betűtípus, lehet még pl. Arial, Tahoma, Comic Sans Ms, Courier New, Times New Roman, Georgia
font-size: 8pt; betűméret; megadhatod pt-ben, %-ban, vagy: xx-small, x-small, small, medium, large, x-large, xx-large
font-style: italic; betűstílus, lehet: normal, ekkor nem történik semmi, s lehet még: italic vagy oblique, mindkettő azt jelenti, hogy dőlt 
font-weight: bold; betűvastagság, lehet: normal (normál), bold (félkövér)
line-height: 9px; sortávolság, ajánlot a betűméretnél nagyobb számot megadni, ellenben összecsúsznak a sorok, s ez nem túl esztétikus!
word-spacing: 10px; szavak közötti távolság pixelben megadva
text-transform: uppercase; uppercase: összes betű nagy, capitalize: első betű nagy, lowercase: összes betű kicsi (ezek linkeknél nagyon jók)
text-decoration: none; szöveg dekorációját adhatod meg, jelenleg none, tehát nincs, ha linknél használod, akkor az alapértelmezett aláhúzás eltűnik. Lehet még: underline (aláhúzott), overline (felülhúzott), line-through (áthúzott)
text-align: center; szöveg igazítása, center (középre), left (balra), right (jobbra), justify (sorkizárt)
letter-spacing: 2px; betűk közötti távolság pixelben megadva
Keretek
border: #000000 1px solid; a border szó jelenti a keretet, szegélyt, a színkód adja meg a keret színét, az 1px a méretét, a solid a stílusát. Ez egy alap, lentebb láthatod szétbontva.
border-right:  #000000 1px solid; ez a jobb oldali szegély, a right szó helyére írhatod: left (bal), top (teteje), bottom (alja). Így külön-külön is megadhatod a szegélyek méretét, stílusát, színét.
border: solid; a solid a sima szegélyt jelenti, állíthatod még pontozottra: dotted, és szaggatottra: dashed.
Háttér
background háttér, lentebb olvashatod, miket adhatsz meg
background-color: #000000; háttérszín, megadhatod hexaszínkódban (ez van a példában), beírhatod a szín angol nevét, de állíthatod átlátszóra is: transparent
background-image: url ("") háttérkép, a zárójelben az idézőjelek közé írd a kép URL címét, ha nem akarsz háttérképet: none, vagy így üresen hagyod
 background-position:  top left; innen kezdi a háttérképet betölteni, most a bal sarok van beállítva, szerintem ez az ideális.
background-attachment: scroll; a háttérkép gördüljön a tartalommal (scroll) vagy ne mozduljon (fixed)
background-repeat: repeat; Háttérkép ismétlése. Ismételje: repeat; Ne ismételje: no-repeat
Egyéb
width: 300px; szélesség
height: 20px; magasság
margin: 10 px;  margó, megadható oldalanként: margin-left, margin-right, margin-bottom, margin-top

 
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?