___pacajdesign*

css kdok

me pr alapszn css-kd, s hozz segtsg, hogy is alakthato t sajt magad a kedvenc szneidre.

Sztr:

 - ahol # jel van, s utnna hat karakter, az egy szn kdja.
 - background-color: ez a httr sznt jelenti, ha azt rod, hogy transparent, akkor tltsz lesz
 - font-family: bettpus, fontos hogy helyesen rd be a nevt, s olyat keress, ami olvashat, s ltalban minden szmtgpen van
 - font-size: ez a bet mrete, pixelbe kell megadni, ennek a rvidtse a px
 - font-style: a bet stlusa, teht flkvr (bold), dlt (italic), vagy alhzott (underlined)
 - border-bottom(-left, -right, -top): ez a vonalakat jelenti, a 3px a vastagsgot, a #808080 a sznt, a solid az egyenes vonalat jelenti (solid - egyenes, dotted - pttyztt, dashed - szaggatott vonal)
 - cursor: ez a kurzor tpusa, lehet norml (normal) vagy esetleg egy kijell-kereszt (crosshair)

Figyelj r:

 - a dlt betket mindenkpp trld ki!
 - mieltt css-t raksz fel, mindenkpp csinlj egy kln modult is, s abba tedd
 - ha beraktad a css-t, akkor a szvegszerkeszt ablak alatt van kt kocka, amikben pipk vannak, ezeket vedd ki, hogy tltsz legyen a modul,s senki se lssa
 - a kdot a Forrskdba illeszd, ezt a gombot megtallod ott, ahol a bettpust, vagy a flkvr bett lehet belltani
 - ha a css-t felraktad, jobb, ha minden KZPS modulnl ki van piplva mindkt kocka

Modulfejlc megjelentve
Modulkeret s -httr megjelentve

Itt egy alap css, lssuk, hogy mi mit jelent:
Fontos, hogy minden dlt bets rszt trlj ki belle!
Kp rla:

<p>&#160;</p>
<p><style type="text/css">

input {  -ez az egsz a bejelentkezs s a szmll rsze, ezt hagyhatod.
background-color: #ffffff;
font-family: "trebuchet ms";
font-size: 10px; color: #a3a3a3;
border-left: c0c0c0 1px solid;
border-right: c0c0c0 1px solid;
border-top: c0c0c0 1px solid;
border-bottom: c0c0c0 1px solid;
}

td.modtitle { - ez a modulfejlc kdja, teht ami a modul felett van felirat, ez ugye csak akkor ltszik, ha a szvegszerkeszt alatt ki van piplva mindkt kocka! ezt mr alakthatod.
background-color: #ffffff; - mf. httrszn
font-family: trebuchet ms; - bettpus
text-transform: uppercase; - ez azt jelenti, hogy nagybets lesz a modulfelirat
color: #000000; - a bet szne
font-style: bold; - a bet stlusa, teht flkvr, dlt, vagy alhzott
font-size: 10px; - a bet mrete
letter-spacing: 0px; - bet trkz
text-align: left; - a szveg igaztsa, jobbra, balra, vagy kzpre
border-bottom: 3px solid #C3C0C0; - a modul tartalmt s a modulfejlcet elvlaszt vonal mrete, stlusa s szne
}

td.modbody { - ez a modul kdja
background-color: #ffffff; - a modul httere
font-family: "trebuchet ms"; - a modulban a betk bettpusa, amennyiben ltalnosra lltottad
color: #838383; - a betk szne
font-size: 10px; - a betk mrete
padding: 4px;
}

a:active { - a link kdja, ha norml
font-family: "trebuchet ms"; - bettpus
color: #c0c0c0; - szn
text-decoration: none; - dszts
cursor: normal; - kurzor tpusa
}

a:link { - a link kdja, ha rviszed az egeret
font-family: "trebuchet ms";  - bettpus
color: #838383; - szn
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:visited { - a link kdja, ha mr kattintottl r korbban is
font-family: "trebuchet ms";  - bettpus
color: #838383; - szn
text-decoration: none;
cursor: normal;
}

a:hover { - a link kdja, ha kattintasz
font-family: "trebuchet ms";  - bettpus
color: #c0c0c0; - szn
text-decoration: none;
cursor: normal;
}

i, em { - ha dlt a bet, akkor ....
font-style: italic;
font-family: georgia;  - bettpus
color: #E19756;- szn
}

b, strong { - ha flkvr a bet, akkor ....
font-style: bold;
font-family: "trebuchet ms";  - bettpus
color: #2B7BAD; - szn
font-size: 10px;
}

u, underlined { - ha alhzott a bet, akkor ....
font-style: underlined;
color: #8FAFD8;- szn
font-size: 10px;
font-family: "trebuchet ms";  - bettpus
}

p {
line-height: 10px;
}

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
}</p></style></p>

Egy vilgoskk, szaggatott vonalas, tltsz htter kd:
Kp rla:



<p><style type="text/css">

input {
background-color: #F8F8F6;
font-family: "trebuchet ms";
font-size: 9px;
color: #a3a3a3;
border-left: a3a3a3 1px solid;
border-right: a3a3a3 1px solid;
border-top: a3a3a3 1px solid;
border-bottom: a3a3a3 1px solid;
}

td.modtitle {
background-color: transparent;
font-family: "trebuchet ms";
font-size: 14px;
color: #6381ba;
border-bottom: 2px dashed #bebebe;
}

BODY {
scrollbar-face-color: #f8f8f6;
scrollbar-highlight-color: #a3a3a3;
scrollbar-3dlight-color: #30b3ad;
scrollbar-darkshadow-color: #30b3ad;
scrollbar-shadow-color: #282219;
scrollbar-arrow-color: #a3a3a3;
scrollbar-track-color: #F8F8F6;
}

td.modbody {
background-color: transparent;
font-family: "trebuchet ms";
color: #a3a3a3;
font-size: 9px;
}

a:active {
color: #6381ba;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:link {
color: #808080;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:visited {
color: #808080;
line-weight: 1px;
text-decoration: none;
cursor: crosshair;
}

a:hover {
color: #6381ba;
line-weight: 1px;
text-decoration: none;
cursor: crosshair;
}

i, em {
font-style: italic;
color: #bebebe;
}

b, strong {
font-style: bold;
color: #6381ba;
}

p {
line-height: 12px;
}</style></p>
<p><style type="text/css">

 


<!--
td.modbody {
     background-color: transparent;
     font-family: Trebuchet MS;
     font-size: 7,5px;
     color: #999999;
     line-height: 12px;}
--> </style></p>

Egy narancssrga, szaggatott vonalas, tltsz htter kd:
Kp rla:



<p><style type="text/css">

input {
background-color: #F8F8F6;
font-family: "trebuchet ms";
font-size: 9px;
color: #a3a3a3;
border-left: a3a3a3 1px solid;
border-right: a3a3a3 1px solid;
border-top: a3a3a3 1px solid;
border-bottom: a3a3a3 1px solid;
}

td.modtitle {
background-color: transparent;
font-family: "trebuchet ms";
font-size: 14px;
color: #f4bf59;
border-bottom: 2px dashed #bebebe;
}

BODY {
scrollbar-face-color: #f4bf59;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}

td.modbody {
background-color: transparent;
font-family: "trebuchet ms";
color: #a3a3a3;
font-size: 9px;
}

a:active {
color: #f4bf59;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:link {
color: #808080;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:visited {
color: #808080;
line-weight: 1px;
text-decoration: none;
cursor: crosshair;
}

a:hover {
color: #f4bf59;
line-weight: 1px;
text-decoration: none;
cursor: crosshair;
}

i, em {
font-style: italic;
color: #bebebe;
}

b, strong {
font-style: bold;
color: #f4bf59;
}

p {
line-height: 12px;
}</style></p>
<p><style type="text/css">

 


<!--
td.modbody {
     background-color: transparent;
     font-family: Trebuchet MS;
     font-size: 7,5px;
     color: #999999;
     line-height: 12px;}
--> </style></p>

 

Egy nagyon kk szn, tltsz htter css:
Kp rla:



<p><style type="text/css">

input {
background-color: transparent;
font-family: "trebuchet ms";
font-size: 10px;
color: #0077FF;
border-left: 808080 1px solid;
border-right: 808080 1px solid;
border-top: 808080 1px solid;
border-bottom: 808080 1px solid;
}

td.modtitle {
background-color: transparent;
font-family: "trebuchet ms";
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #0077FF;
font-style: bold;
border-left: 6px solid #0077FF;
}

BODY {
scrollbar-face-color: #0077FF;
scrollbar-highlight-color: #0077FF;
scrollbar-3dlight-color: #0077FF;
scrollbar-darkshadow-color: #0077FF; scrollbar-shadow-color: #0077FF;
scrollbar-arrow-color: #0077FF;
scrollbar-track-color: #0077FF;
}

td.modbody {
background-color: transparent;
font-family: "trebuchet ms";
color: #0077FF;
font-size: 10px;
}

a:active {
font-family: "trebuchet ms";
color: #0077FF;
line-weight: 1px;
text-decoration: none;
cursor: normal;
border-bottom: 2px solid c0c0c0;
background-color: e2e2e2;
}

a:link {
font-family: "trebuchet ms";
color: #0077FF;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:visited {
font-family: "trebuchet ms";
color: #0077FF;
line-weight: 1px;
text-decoration: none;
cursor: normal;
}

a:hover {
font-family: "trebuchet ms";
color: #0077FF;
line-weight: 1px;
text-decoration: none;
cursor: normal;
border-bottom: 2px solid c0c0c0;
background-color: e2e2e2;
}

i, em {
font-style: italic;
font-family: georgia;
color: #0077FF;
}

b, strong {
font-style: bold;
font-family: verdana;
color: #0077FF;
text-transform: uppercase;
font-size: 7px;
letter-spacing: 1,5px;
}

p {
line-height: 10px;
}</style></p>

 

 

 

 

 

 
Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    Nagyon ütõs volt a Nintendo Switch 2 Direct! Elemzést a látottakról pedig itt olvashatsz!    *****    Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    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!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    Mindig tudnod kell, melyik kiköt&#245; felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    Akad mindannyijukban valami közös, valami ide vezette õket, a delaware-i aprócska kikötõvárosba... - FRPG    *****    boroszkány, vérfarkas, alakváltó, démon és angyal... szavak, amik mind jelentenek valamit - csatlakozz közénk - FRPG    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    CRIMECASESNIGHT - Igazi Bûntényekkel foglalkozó oldal    *****    Figyelem, figyelem! A második vágányra karácsonyi mese érkezett! Mesés karácsonyt kíván mindenkinek: a Mesetáros    *****    10 éves a Haikyuu!! Ennek alkalmából részletes elemzést olvashatsz az anime elsõ évadáról az Anime Odyssey blogban!