Stílus váltó kód Vendégkönyvhöz
2012.11.13. 21:29
Itt egy kód, amit egy jobb vagy baloldali egyszerű menübe kell raknod. (vedd ki a pipát, így nem fog látszódni a fejléc és a háttér se.)
<STYLE type=text/css>
<!--
td.listheader3 {
background-color: #000000;
border-left: 3px double #005943;
border-right: 3px double #005943;
border-top: 3px double #ffffff
font-family: verdana;
font-size: 9px;
color: #ffffff;}
td.list1 {
background-color: #ccffcf;
border-left: 3px double #005943;
border-right: 3px double #005943
border-bottom: 3px double #005943;
font-family: verdana;
font-size: 9px;
color: #005943;}
-->
</STYLE>
Egy kis magyarázat a kódhoz:
Akkor nézzük végig pontról pontra,mi micsoda itt a CSS kódban:
<STYLE type=text/css>
<!--
td.listheader3 {
background-color: #000000; /fejléced színe/
border-left: 3px double #005943; /a VK. fejlécének a színe és stílusa és a keret mérete./
border-right: 3px double #005943; /a VK. fejlécének a színe és stílusa és a keret mérete./
border-top: 3px double #ffffff /a VK. fejlécének a színe és stílusa és a keret mérete./
font-family: verdana; /betűtípus és mérete/
font-size: 9px; /betűtípus és mérete/
color: #ffffff;} /betű színe/
td.list1 {
background-color: #ccffcf;
border-left: 3px double #005943; a VK. fejlécének a színe és stílusa és a keret mérete./
border-right: 3px double #005943 a VK. fejlécének a színe és stílusa és a keret mérete./
border-bottom: 3px double #005943; a VK. fejlécének a színe és stílusa és a keret mérete./
font-family: verdana; /betűtípus és mérete/
font-size: 9px; /betűtípus és mérete/
color: #005943;} /betű színe/
-->
</STYLE>
Megváltoztathatod a kerettípust is (border) : solid, dashed, dotted és double. (a szavakat kell kicserélni!)
Solid: sima csík
Dashed: szaggatott
Dotted: pontozott
Double: dupla
(erről többet a Keretek CSS kóddal almenüben találsz.)
Nem is olyan bonyolult igaz? :)
Jó designolást :)
Sandalphon
|