- css

css

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} //-->

ANA MENÜ

ANA SAYFA

Forum

Haberler

Resimler

Videolar

Destek Verin

Yazar Hakkında

SİTE İÇİ

Ziyaretçi Defteri

ÜYELERE ÖZEL

KATEGORİLER

Dinimiz İslam

Forum Sitemiz

Fıkralar

RESİMLERLE ERZURUM

---------

Bu Bölümde Her Ay Bir Şehrimiz Yer Alacaktır...

DUYURULAR

Sitemiz 11/09/2008 Tarihinden İtibaren Hizmetinize Girmiştir.
-----------
Forum Sitemiz Hizmete Açılmıştır Girmek İçin Tıklayınız...
-----------
Forum Sitemize Moderatör Alınacaktır Bilginize İletisim burolili@hotmail.com
-----------

ADSENSE REKLAMLARIMIZA 1 DEFA TIKLAYARAK BİZE DESTEK VEREBİLİRSİNİZ...

1 DEFA TIKLAMAKLA İRŞEY KAYBETMEZSİNİZ...

ADSENSE REKLAMLARIMIZA 1 DEFA TIKLAYARAK BİZE DESTEK VEREBİLİRSİNİZ...

1 DEFA TIKLAMAKLA İRŞEY KAYBETMEZSİNİZ...

EXPLORER 7.0

SİZLER İÇİN HER SİTEDEN BİRER PARÇA DERLEYİP TOPLADIĞIMIZ CSS TASARIMLARI ÖNÜNÜZE SUNUYORUZ. MERAK ETMEYİN EN KISA SÜREDE KENDİ YAPIMIMIZ OLAN CSS TASARIMLARIDA BU BÖLÜMDE YAYINLAYACAĞIZ.
NOT: EMEĞE SAYGIMIZ OLDUGUNDAN ALINTI YAZMAYI UNUTMAYACAĞIZ VE ÖN İZLEMELERİN ÜZERİNDEKİ REKLAMLARIDA SİLMEYECEĞİZ...

Tasarımın Üstüne

Kod:

<div id="wrapper">
<div id="top">
</div>
<div id="content">

<div id="header">

</div>
<div id="menu">
<ul>
<li><a href="SAYFA URL">Ana Sayfa</a></li>
<li><a href="SAYFA URL">Menüye Gelince Çıkacak Resim</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
</ul>
</div>

Css Bölümüne

Kod:

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/**************************************************/
/* Body and Wrapper */
/**************************************************/

body {
background: #feae31 url(http://www.ww64.com/uploads/images/2008-09-27/F7Iu2sKGh5.png) top center repeat-x;
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/* Top Piece */
/**************************************************/

#top {
background: url(http://www.ww64.com/uploads/images/2008-09-27/NwdQzmYl31.png) top center no-repeat;
width: 800px;
height: 78px;
}

/**************************************************/
/* Content
another wrapper that holds all the content */
/**************************************************/

#content {
background: url(http://www.ww64.com/uploads/images/2008-09-27/kDuWDgI3eH.png) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/* All the content */
/**************************************************/

#header {
background: url(http://www.ww64.com/uploads/images/2008-09-27/pxoPJsUbVF.png) top center no-repeat;
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/* Menu */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: ""}"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}

#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background: url(http://www.ww64.com/uploads/images/2008-09-27/4iQ3KSuuAi.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

#menu li a:hover {
color: ORANGE;
background: url(http://www.ww64.com/uploads/images/2008-09-27/zcXwkclu2v.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background: url(http://www.ww64.com/uploads/images/2008-09-27/n71fbODvIc.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

img {
border: none;
}

/**************************************************/
/* Bottom */
/**************************************************/

#bottom {
background: none bottom center no-repeat;
width: 800px;
height: 50px;
}

EXPLORER 7.0

SİZLER İÇİN HER SİTEDEN BİRER PARÇA DERLEYİP TOPLADIĞIMIZ CSS TASARIMLARI ÖNÜNÜZE SUNUYORUZ. MERAK ETMEYİN EN KISA SÜREDE KENDİ YAPIMIMIZ OLAN CSS TASARIMLARIDA BU BÖLÜMDE YAYINLAYACAĞIZ.
NOT: EMEĞE SAYGIMIZ OLDUGUNDAN ALINTI YAZMAYI UNUTMAYACAĞIZ VE ÖN İZLEMELERİN ÜZERİNDEKİ REKLAMLARIDA SİLMEYECEĞİZ...

Tasarimin Üzerine

Kod:

<div id="body_wrapper">  <div id="body_container"> <div id="body_container_b"> <div id="body_container_c">  <div id="page_header">  <h1><span class="hidethis"> Counter Strike </span></h1> </div>   <div id="page_content">

Tasarimin Altina

Kod:

</div>  </div> </div> </div>   <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Oyun</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Toplist</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Hakkımızda</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Oyun</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Toplist</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Hakkımızda</a></li> </ul> </div> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web Tasarim by <a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim Merkezi</a> </div>  </div>

CSS Kod Bölümüne

Kod:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG */ /* WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GGG */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* WWW.CSS-TASARIMM.TR.GG Image Thumbnails WWW.CSS-TASARIMM.TR.GG */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* WWW.CSS-TASARIMM.TR.GG Body Wrappers WWW.CSS-TASARIMM.TR.GG */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* WWW.CSS-TASARIMM.TR.GG Body Container WWW.CSS-TASARIMM.TR.GG */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* WWW.CSS-TASARIMM.TR.GG Page Header WWW.CSS-TASARIMM.TR.GG */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-counterstrike_logo.gif') no-repeat 50% 50%; } /* WWW.CSS-TASARIMM.TR.GG Page Content WWW.CSS-TASARIMM.TR.GG */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-button_readmore.gif') no-repeat 0% 0%; } /* WWW.CSS-TASARIMM.TR.GG Navigation Menu WWW.CSS-TASARIMM.TR.GG */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* WWW.CSS-TASARIMM.TR.GG Page Footer WWW.CSS-TASARIMM.TR.GG */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; }

EXPLORER 7.0

css1

<= Tasarimin Üzerine =>

<div id="contentt"> <div id="back">  <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" _fcksavedurl="#" title="">Ana Sayfa</a></li> <li id="button2"><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li id="button3"><a href="#" _fcksavedurl="#" title="">Galeri</a></li> <li id="button4"><a href="#" _fcksavedurl="#" title="">Hakkında</a></li> <li id="button5"><a href="#" _fcksavedurl="#" title="">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div>   <div id="main"> <div id="right"> <h2>WwW.Css-TasaRiMm.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />

<= Tasarimin ALtına =>

</div> <div id="left"> <h3>MENÜ</h3> <ul> <li><ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Ekle</a></li> <li><a href="#" _fcksavedurl="#">Dost Siteler</a></li> </ul> </li> </ul> <h3>Takvim</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> <br /> </div>    </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="Css Tasarim Merkezi">Css Tasarim Merkezi</a></p> </div> </div> </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by WWW.CSS-TASARİMM.TR.GG */ * { margin: 0px; padding: 0px; } a:link { color: #A5A9B2; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #A5A9B2; } body { background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; } #contentt { margin: 0 auto; background: #ffffff; width: 742px; text-align: left; } #back { background: #ffffff; width: 742px; } #header { height: 406px; text-align: left; } #menu1 { width: 702px; height: 152px; padding-left: 40px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 79px; height: 32px; display: block; text-align: center; text-decoration: none; color: #000000; font-weight: bold; font-size: 12px; text-transform: uppercase; } #menu a:hover { width: 79px; height: 32px; color: #004586; text-decoration: underline; } #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; } #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; } #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; } #logo { background: url(https://img.webme.com/pic/c/css-tasarimm/1-header.jpg) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #000000; } #logo H2 a { font-size: 12px; } #left { width: 266px; } #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x } #left ul { list-style: none; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li li { padding: 4px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; } #left a { color: #A5A9B2; } #left a:visited { color: #A5A9B2; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { float: right; width: 450px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #C5C5C5; } #right a { color: #A5A9B2; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C5C5C5; } .date { text-align: right; color: #808080; font-size: 11px; } .date a { color: #D72020; } #footer { height: 29px; clear: both; padding-top: 50px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }

EXPLORER 7.0

Kod:

css kodu

Kod:

#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #counter{display: none;} a{ color:#4A9AF6; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} body { background-image:url(http://www.bilderspeicher24.de/bilder/2957.jpg); background-color:#000000;} *{ padding: 0; margin: 0; } #mydesignpage_design { margin: 0 auto; width: 980px; height:500px; background-image:url( BILD_URL);} #header_container { position: absolute; left: 50%; top:50px; margin-left:-490px; width: 980px; height:200px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3283.jpg); color:#FFFFFF; font-size:13px; border: 1px solid #BF520C;} #content { position: absolute; left: 50%; top: 260px; margin-left:-320px; width: 590px; height: 500px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png); border: 1px solid #BF520C; overflow:auto;} #sidebar_container{ position: absolute; left: 50%; top:260px; margin-left: 300px; width: 190px; height: 400px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3286.jpg); border:1px solid #BF520C; color:#cccccc; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:260px; margin-left: -490px; width: 160px; height: 400px; background-image:url(http://www.bilderspeicher24.de/bilder/3284.jpg); border:1px solid #BF520C;overflow:auto;} ul#nav{ width: 130px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:5px; width: 115px;} li.nav_element a{ display: block; width: 115px; padding:4px; font-weight: bold; text-decoration: none; text-align: center; color:#000000; background-color:#XXXXXX; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png); border: 1px solid #000000;} li.nav_element a:hover{ color: #cccccc; text-decoration: underline; background-color:#XXXXXX; border: 1px solid #000000; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png);} #counter { position: absolute; left: 50%; top:48px; margin-left: 340px; width: 150px; height:37px; color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;}