___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>

 

 

 

 

 

 
Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - 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    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!