css kodok & HTml kodok a hotdogra és más weblapokra is !

weblap Fejlesztés csak a hotdogon !!

Magazinban a Hozzászólás dobozok díszítése

A magazinokban cikkhez írható hozzászólás dobozok díszítése CSS-sel.


A szóban forgó dobozokból ugye 2 van a Hozzászólások és az Új hozzászólás, ezzel a kóddal mind a 2 egyszerre változtatható.
Ez a kód kivételesen működik Internet Explorerben is (elvileg), az avatar keret kivételével.
A kód nem éppen rövidke, de nem kell megijedni tőle, neked csak a színkódokat kell átírnod, az egész kódban összesen 3 féle színkódot használtam:
#514C4B a háttér
#999999 a szövegek színe
#FF8800 a keretek színe

Betűtípus is átírhatod, én mindenhol Tahoma-t állítottam be.

Azért nem írtam le minden egyes részhez hogy micsoda mert szerintem fölösleges.


<style type="text/css" rel="stylesheet">

div.box-520 {
border: 1px solid #514C4B !important;
background: #514C4B url(ITT ADHATSZ HÁTTÉRKÉPET AZ EGÉSZ DOBOZNAK) no-repeat top left !important;
}
.box-520 * {
background: none transparent !important/* CSS by srmark */;
border-color: transparent !important;
color: #999999 !important;
}
.box-520 img {visibilty: visible !important; display: inline !important;}
.box-520 .box-header {height: 22px !important;}
.box-520 .box-header .ff {
font-family: Tahoma !important;
font-size: 18px !important;
color: #999999 !important;
text-indent: 8px !important;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #FF8800 !important;
}
.box-520 .box-header-14 {
font-family: Tahoma !important/* CSS by srmark */;
font-size: 20px !important;
color: #999999 !important;
text-indent: 15px !important;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #FF8800 !important;
}
.box-520 .box-header-14:hover {border-bottom: 1px solid #FF8800 !important;}
.box-520 .box-body * {font-family: Tahoma !important/* CSS by srmark */;}
.box-520 .box-body div table.text_16 {
border: 1px solid #FF8800 !important;
padding-left: 5px !important;
margin-bottom: 2px !important;
margin-top: 2px !important;
}
.box-520 .box-body div table.text_16 table.text_16 div div {border: 1px solid #FF8800 !important;}

.box-520 .box-body div table.text_16 table.text_16 tbody tr td[align="right"][width="220"] {width: 400px !important; padding-top: 5px; padding-bottom: 5px;}
.box-520 .box-body div table.text_16 table.text_16 td.button_text_level_s_szurke {width: 100px !important;}


.box-520 .box-body div table.text_16 table.text_16 {
border: none !important;
padding-left: 0px !important/* CSS by srmark */;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.box-520 .button_text_level_s_szurke a * img {display: none !important;}
.box-520 .button_text_level_s_szurke {float: right; position: relative; top: -5px;}
.box-520 td[width="52"] a img {border: 2px solid #FF8800 !important;}

.box-520 textarea {
border: 1px solid #FF8800 !important/* CSS by srmark */;
color: #999999 !important;
font-size: 16px !important;
font-weight: normal;
}
.box-520 input {
border: 1px solid #FF8800 !important;
color: #999999 !important;
font-size: 16px !important;
font-weight: normal !important;
}
.box-520 select {
background-color: transparent !important;
color: #999999 !important;
font-family: Tahoma !important/* CSS by srmark */;
font-size: 16px !important;
font-weight: normal !important;
border: 1px solid #FF8800 !important;
height: 22px;
position: relative;
left: -4px;
}
.box-520 option {
background-color: #514C4B !important;
font-family: Tahoma !important;
font-size: 16px;
font-weight: normal;
border: none !important;
color: #999999 !important/* CSS by srmark */;
}

</style>

Ha ki akarod szélesíteni a dobozt akkor tedd bele ezt a kódot is:


div.v4_box.box-520 {width: 620px;}
div.v4_box.box-520 div.v4_box-body520 {width: 100%;}
div.v4_box.box-520 div.v4_box-body520 td.comment_table {width: 100%;}





Használjátok egészséggel! : )




Weblap látogatottság számláló:

Mai: 5
Tegnapi: 7
Heti: 44
Havi: 308
Össz.: 79 141

Látogatottság növelés
Oldal: agazin sablon
css kodok & HTml kodok a hotdogra és más weblapokra is ! - © 2008 - 2024 - csskodok.hupont.hu

Az ingyenes honlapkészítés azt jelenti, hogy Ön készíti el a honlapját! Ingyen adjunk: Ingyen Honlap!

ÁSZF | Adatvédelmi Nyilatkozat

X

A honlap készítés ára 78 500 helyett MOST 0 (nulla) Ft! Tovább »