css tasarim2


   
 



Tasarımın Üzerindeki Yazı ;

Kod:
<div id="bg">
<div id="maincontainer">
<div id="contentwrapper">
<div id="content">
<h1>SitenizinAdi.Tr.Gg</h1>
</div>







Tasarımın Altındaki Yazı ;

Kod:
<div id="footer">
Design by <a href="http://css-tasarim.tr.gg/">Css-Tasarim.Tr.Gg</a>
</div>







[b]
Css Kodları ;



Kod:
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;}
body {background-color:#F2F2F2;}
a{color:#000080; font-size: 14px; text-decoration: none;}
a:hover {color: #000080; font-size: 14px; text-decoration: none;}
a:link {color: #000080; font-size: 14px; text-decoration: none;}
a:active {color: #000080; font-size: 14px; text-decoration: none;}
a:visited {color: #000080; font-size: 14px; text-decoration: none;}

/*LAYOUT*/

* { outline: none; }

#bg { background: url(http://www.opendesigns.org/designs/1674/images/bg.jpg) no-repeat 0% 0%; position: absolute; width: 520px; height: 420px; left: 50%; top: 50%; margin-left: -260px; /* width -(520px/2) = -260px */margin-top: -210px; /* height -(420px/2) = -210px */}

#nav_contai<zxner{ width: 520px; margin: 0 auto; }

#contentwrapper{ float: left; width: 100%; }

#content{ margin: 0 0 0 235px; padding: 0 25px 0 0; }

#nav_container{ float: left; width: 210px; margin: 65px 0 0 -520px; }

#footer { clear: left; text-align: right; padding: 50px 10px 0 0; }

/*NAVIGATION*/

#nav_container { margin: 0 0 0 25px; padding-left: 0; list-style: none; }

#nav_container li a { padding-left: 5px; }

/*STYLES*/

body { background: #fff; color: #666; font: normal 13px/1.5em arial, helvetica, sans-serif; word-spacing: 0.1em; }

#text { height: 255px; width: 250px; padding-right: 5px; overflow: auto; margin-top: 45px; }

p { margin: 0 0 18px 0; }

a, a:link, a:visited, a:active { color: #069; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #cc0000; font-size: 1.5em; text-align: right; line-height: 1em; margin: 25px 0 0 0; }
h2, h3, h4 { color: #069; font-size: 1.3em; line-height: 1em; margin: 0 0 9px 0; }

#footer { font-size: 0.85em; }

#counter {
font-family:Comic Sans MS;
font-weight: bold;
font-size:15px;
   margin-top: 250px;
   border-top: 1px solid #D5D4D0;
   border-bottom: 1px solid #D5D4D0;
   padding-left: 30px;
   height: 25px;
   background-color: #FFF6D8;

li.nav_element a{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 120px;
height: 25px;
background-image:url(http://img233.imageshack.us/img233/890/27hv3.jpg);
background-color:}
li.nav_element a:hover{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 120px;
height: 25px;
background-image: none;
background-color:}
* { padding: 0; margin: 0;

Yeni Bir Tema Daha ;



Tasarımın Üzerindeki Yazı ;


Kod:
<div id="wrap">
  <div id="header">
    <div id="logo">
      <h1>Css-Tasarim.Tr.Gg</h1>
      <div>Tasarım Sayfaları</div>
    </div>


<div id="bg">


<div style="font-family: Comic Sans MS;" id="nav"><span
 style="font-weight: bold; color: rgb(0, 0, 0);">





Tasarımın Altındki Yazı ;

Kod:
<ul id="nav">
<center><a href=#>Css-Tasarim.Tr.GG</a>
    </div>






Css Kodları ;

Kod:
body {
   text-align:center;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page80/makemyday/images/bg.gif);



/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{contt:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


   
}
a {
   text-decoration:none;
   color:#FFFFFF
}
a:hover {
   text-decoration: underline;
   color:#990000
}
#wrap {
   width:742px;
   text-align:left;
   margin:0 auto;padding:50px
   
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header {background: url(http://img515.imageshack.us/img515/5550/hdfn8.png); height:161px; position:relative }
#header .quest {background:url(http://img515.imageshack.us/img515/2714/51948903dq1.gif); height:116px; width:177px;  position:absolute; top:40px; right:30px; font-size:18px; text-align:center; padding-top:25px}
#logo { position:absolute; top:50px; left:30px}
#logo div{ position: relative; top:-10px; left:30px}

#logo h1 { font-size:50px; font-weight:700; color:#F79C1A}
#logo div {font-weight:700}


.main { width:160px}
.main h2 {font-size:16px}
.side {margin:70px 0 0 0 ; width: 250px;}
.si {margin-left: 60px;}
#ct { width:380px; padding:50px 0 0 50px; font-size:11px}
#ct div.fr h2 {font-size:24px; font-weight:700; text-align:right}
ul#nav li {float:left; padding:0 10px}
ul#nav {position:absolute; right:10px; top:10px; font-weight:700}
ul#nav li a:hover {color:#990000}
div.bt  { margin:50px 0 0 70px}
/* footer */
#footer { height:50px; margin:20px}
#footer a {color:#333333}


h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;}   #Header_oben { height: 170px; width: 695px; background:; background-image: none; color: #FFFFFF; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:254px;top:40px;}   body {background-image: none;background-position:center;}  a{color:#ffffff; font-size: 13px; text-decoration: none;} a:hover {color: #ffffff; font-size: 13px; text-decoration: none;} a:link {color: #ffffff; font-size: 13px; text-decoration: none;} a:active {color: #ffffff; font-size: 13px; text-decoration: none;} a:visited {color: #ffffff; font-size: 13px; text-decoration: none;}    li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 13,5px; background-image: none; background-color:}   li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 13,5px; background-image: none; background-color:}  * { padding: 0; margin: 0; }  #Design { margin: 0 auto;  }   #nav_container { width: 100px; height: 370px; background:; background-image: none; color: ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:550px;top:100px;}  #content { height: 180px; width: 355px; background:; background-image: none; color: #000000; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; position:absolute;left:50px;top:75px;}   #sidebar_container { height: 0px; width: 0px; background:; background-image: none; color:#000000 ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; position:absolute;left:500px;top:500px;}   



#bg { background: url(http://img401.imageshack.us/img401/1383/bgyz7.png) no-repeat 0% 0%; position: absolute; width: 742px; height: 397px; left: 50%; top: 370px; margin-left: -370px; /* width -(520px/2) = -260px */margin-top: -210px; /* height -(420px/2) = -210px */}

#counter {
font-family:Comic Sans MS;
font-weight: bold;
font-size:15px;
   margin-top: 400px;
   border-top: 1px solid #D5D4D0;
   border-bottom: 1px solid #D5D4D0;
   padding-left: 30px;
   height: 25px;
   background-color: #FFF6D8;


RazorDesigns.De.TL nin Yapmış Olduqu TVCss Tasarımını Editledim Smile



Tasarımın Üzerindeki Yazı;

Kod:
<style type="text/css"> table.wallpaper{background-image:url(http://img501.imageshack.us/img501/7301/tvhg5.gif);position:absolute;left:1px;top:35px; height: 515px; width: 1000px;} </style>  <table border="0" cellpadding="0" cellspacing="0" class="wallpaper"><tr><td></td></tr></table>

<div style="font-family: Comic Sans MS; text-align: center;"
 id="nav_element ">

Css Kodları;

Kod:
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;}   #Header_oben { height: 170px; width: 695px; background:; background-image: none; color: #FFFFFF; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:254px;top:40px;}   body {background-image: none;background-position:center;}  a{color:#ffffff; font-size: 13px; text-decoration: none;} a:hover {color: #ffffff; font-size: 11px; text-decoration: none;} a:link {color: #ffffff; font-size: 11px; text-decoration: none;} a:active {color: #ffffff; font-size: 11px; text-decoration: none;} a:visited {color: #ffffff; font-size: 11px; text-decoration: none;}    li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 13,5px; background-image: none; background-color:}   li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 110px; height: 15px; background-image: none; background-color:}  * { padding: 5; margin: 5; }  #Design { margin: 0 auto;  }   #nav_container { width: 150px; height: 300px; background:; background-image: none; color: ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:20px;top:75px;}  #content { height: 278px; width: 540px; background:; background-image: none; color: #000000; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; position:absolute;left:339px;top:125px;}   #sidebar_container { height: 0px; width: 0px; background:; background-image: none; color:#000000 ; border: 0px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; position:absolute;left:500px;top:500px;}   

li.nav_element a{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 110px;
height: 25px;
background-image:url(http://img233.imageshack.us/img233/890/27hv3.jpg);
background-color:}
li.nav_element a:hover{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 110px;
height: 25px;
background-image:url(http://img516.imageshack.us/img516/6636/14hi1.jpg);
background-color:}
* { padding: 0; margin: 0;

#counter {
font-family:Comic Sans MS;
font-weight: bold;
font-size:15px;
   margin-top: 10px;
   border-top: 1px solid #D5D4D0;
   border-bottom: 1px solid #D5D4D0;
   padding-left: 30px;
   height: 25px;
   background-color: #FFF6D8;
 
Bugün 4 ziyaretçi (12 klik) kişi burdaydı!



Bu Tasarım Hypnaty
Tarafından Düzenlenmiştir.

Yazı Ekle





Yazı Ekle





Yazı Ekle





Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol