tsm
Yukarı
<div id="hast"> <div id="headerben"><div class="iconcan">Reklamlar Buraya.Reklam Kodu Felan.</div><div class="menucan">Üst Menü.Üst Menü Linkleri...</div></div> <div id="icerik"> <div id="icontent"> <div class="writer"><div id="hast"> <div id="headerben"><div class="iconcan">Reklamlar Buraya.Reklam Kodu Felan.</div><div class="menucan">Üst Menü.Üst Menü Linkleri...</div></div> <div id="icerik"> <div id="icontent"> <div class="writer">
Alt
</div> </div>
</div> <div id="footerbe"><div class="destekcan">Linkler Dost Siteler Felan Filan...</div></div>
</div></div> </div>
</div> <div id="footerbe"><div class="destekcan">Linkler Dost Siteler Felan Filan...</div></div>
</div>
CSS
body {
margin-left:auto;
margin-right:auto;
background:url(https://img.webme.com/pic/m/mylet/arkaplan1.jpg);}
#hast {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;}
#headerben{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mylet/v489.jpg);
width: 900px;
height: 198px;
float: left;}
.iconcan {
margin-left: auto;
margin-right:auto;
width:470px;
padding: 35px 0 0 0;
float: right;}
.menucan{
margin-left: auto;
margin-right:auto;
width:800px;
padding: 45px 0 0 50px;
float: left;}
#icerik {
margin-left : auto;
margin-right : auto;
background : url(https://img.webme.com/pic/m/mylet/v42.png);
float : left;
overflow : hidden;
text-align : justify; }
#icontent {
margin-left: auto;
margin-right:auto;
width: 875px;
padding: 0 0 0 25px;
overflow:hidden ;
float: left;
text-align:justify;}
.writer{
margin-left: auto;
margin-right:auto;
width: 845px;
padding:0 0 40px;
float: left;
overflow: hidden;
text-align:justify;}
#footerbe{
margin-left: auto;
margin-right: auto;
background:url(https://img.webme.com/pic/m/mylet/alttabaka.png);
width: 900px;
height: 293px;
float: left;}
.destekcan {
margin-left: auto;
margin-right:auto;
width: 840px;
padding:170px 0 0 30px;
float:left;
overflow:hidden;
text-align:justify;}
.uyari {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
.info {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/info.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
.dikkat {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/importante.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
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;}
.menu , .menu ul { width:202px; margin:auto; padding:5px; list-style-type: none; overflow:hidden; border:1px solid #eee; } .menu li { float:left; position:relative; } .menu li img { float:left; margin: 5px 0 0 5px; border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0 5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li a:active, .menu li a:focus { outline:0; } .menu li a .description{ float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal; font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited { height:35px; font-size:1em; color:#000; text-decoration:none; line-height:20px; border:1px solid #fff; display:block; font-weight:bold; } .menu li a:hover { background:#eee; }
.bilgikutu{
margin : 4px 8px;
padding : 13px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em "Lucida Sans Unicode", "Lucida Grande";
background: #e2ecee url(https://img.webme.com/pic/m/mylet/bilgi1.png) right bottom no-repeat;
border : 1px dashed #f00;
}
.kodkutu{
margin : 4px 8px;
padding : 13px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em "Lucida Sans Unicode", "Lucida Grande";
background: #e2ecee url(https://img.webme.com/pic/m/mylet/kodkutusu.png) right bottom no-repeat;
border : 1px dashed #f00;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#slantedmenu{
font-weight: bold;
font-size: 90%;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover{
color: black;
}
body {
margin-left:auto;
margin-right:auto;
background:url(https://img.webme.com/pic/m/mylet/arkaplan1.jpg);}
#hast {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;}
#headerben{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mylet/v489.jpg);
width: 900px;
height: 198px;
float: left;}
.iconcan {
margin-left: auto;
margin-right:auto;
width:470px;
padding: 35px 0 0 0;
float: right;}
.menucan{
margin-left: auto;
margin-right:auto;
width:800px;
padding: 45px 0 0 50px;
float: left;}
#icerik {
margin-left : auto;
margin-right : auto;
background : url(https://img.webme.com/pic/m/mylet/v42.png);
float : left;
overflow : hidden;
text-align : justify; }
#icontent {
margin-left: auto;
margin-right:auto;
width: 875px;
padding: 0 0 0 25px;
overflow:hidden ;
float: left;
text-align:justify;}
.writer{
margin-left: auto;
margin-right:auto;
width: 845px;
padding:0 0 40px;
float: left;
overflow: hidden;
text-align:justify;}
#footerbe{
margin-left: auto;
margin-right: auto;
background:url(https://img.webme.com/pic/m/mylet/alttabaka.png);
width: 900px;
height: 293px;
float: left;}
.destekcan {
margin-left: auto;
margin-right:auto;
width: 840px;
padding:170px 0 0 30px;
float:left;
overflow:hidden;
text-align:justify;}
.uyari {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
.info {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/info.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
.dikkat {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/importante.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
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;}
.menu , .menu ul { width:202px; margin:auto; padding:5px; list-style-type: none; overflow:hidden; border:1px solid #eee; } .menu li { float:left; position:relative; } .menu li img { float:left; margin: 5px 0 0 5px; border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0 5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li a:active, .menu li a:focus { outline:0; } .menu li a .description{ float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal; font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited { height:35px; font-size:1em; color:#000; text-decoration:none; line-height:20px; border:1px solid #fff; display:block; font-weight:bold; } .menu li a:hover { background:#eee; }
.bilgikutu{
margin : 4px 8px;
padding : 13px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em "Lucida Sans Unicode", "Lucida Grande";
background: #e2ecee url(https://img.webme.com/pic/m/mylet/bilgi1.png) right bottom no-repeat;
border : 1px dashed #f00;
}
.kodkutu{
margin : 4px 8px;
padding : 13px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em "Lucida Sans Unicode", "Lucida Grande";
background: #e2ecee url(https://img.webme.com/pic/m/mylet/kodkutusu.png) right bottom no-repeat;
border : 1px dashed #f00;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#slantedmenu{
font-weight: bold;
font-size: 90%;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover{
color: black;
}