|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
sitene butonlar
|
|
|
|
sitene gifler
|
|
|
|
sitene tasarım
|
|
|
|
|
|
|
|
|
|
karışık html kodlar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
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; |
|
|
|
|
|
|
|
|
|