Tasarımlarinizi Yapiyoruz |
Saydam Tasarim |
Eğitim Adresiniz |
|||
 |
Sİzlere Daha İyi Tasarımlar Sunmak İçin Devamlı Çalışıyoruz Tasarım Yapiyoruz.tr.gg Aittir ;) |  |
Bu Tasarım Saydam Olarak Hazırlanmıştır.Yani Arka Plana Göre Kendini Düzenler Deneyiniz ;) |  |
Eğitim Videolarımız İle Ders öğrenmeye Hazırmısınız O Zaman Bu Konuyu Zİyaret Etmeyi İhmal Etmeyin ;) |
Css Eğitim Merkeziniz |
HTML Kodları |
Google Reklamları |
|||
 |
Css Hakkında Geniş Bilgi Almak İçin Bu Konuya Bakmayı İhmal Etmeyin. |  |
Sürülerce HTML Kodları İçin Bu Sayfaya Kesinlikle Bakmalısınız. |  |
Google Reklamlarını Sitenize Almakmı İstiyorsunuz Bu Konuya Bakmanızda Fayda Var ;) |
İcon Arşivimiz |
Grafik Tasarım |
İyi Bir Tasarım? |
|||
 |
Sürülerce İcon Web Tasarımında İşinize Yarıyacak Sürülerce İconu Bu Sayfada Bulabilirsiniz. |  |
Photoshop,Firefoworks v.b Programlarından Grafik Tasarımı Hakkında Bilgi Almak İçin Bu Konuya Bakınız. |  |
İyi Bir Tasarım Nasıl Olmalı İçeriği ve Devamı Hakkında Topladıklarımız Bilgilere Buradan Ulaşabilirsiniz. |
CSS, HTML, WORDPRESS, JAVA, AJAX, tema, theme, web, site, website, kod, code, teknik, bilgi, tekno, haber, youtube, v
css tasarımlar
tasarımın üstü
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TuSitio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header2">
<h1 id="sitename"><a href="http://www.free-css.com/"><span class="blue">Mis</span>Sitio</a><span class="caption"></span></h1>
<div id="nav">
<form action="ANASAYFA">
<div id="topmenu">
</div>
</div>
<div class="clear"></div>
<div id="breadcrumb">TuSitio » <a href="LINK" class="active">DENEME</a> »</div>
</div>
<div id="content">
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
<div class="cse-branding-form">
<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="009392224003819317404:y70m7r7nybs" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Ara" />
</div>
</form>
</div>
<div class="cse-branding-logo">
<img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
</div>
<div class="cse-branding-text">
Özel Arama
</div>
</div>
<div id="right">
<div id="featured">
<div> WWW.DOST13.TR.GG</div>
<span class="ftd_btm"><a href="Link">Leer Mas..</a></span></div>
<div class="post">
tasarımın altı
<div class="postbottom">
</div>
</div>
</div>
<div id="sidebar">
<div id="sidebartop"></div>
<h2>GENEL MENÜ</h2>
<ul>
<li class="active"><a href="http://dost13.tr.gg/">ANASAYFA</a></li>
<li><a href="http://dost13.tr.gg/ileti%26%23351%3Bim.htm">İLETİŞİM</a></li>
<li><a href="http://dost13.tr.gg/Ziyaret%E7i-defteri.htm">ZİYARETÇİ DEFTER</a></li>
<li><a href="http://dost13.tr.gg/Top-liste.htm">TOP LİSTE</a></li>
<li><a href="http://dost13.tr.gg/oyunlar.htm">EĞLENCE</a></li>
<li><a href="http://dost13.tr.gg/videolar.htm">MÜZÜK</a></li>
</ul>
<h2>DİĞER MENÜ</h2>
<ul>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
</ul>
<div id="sidebarbtm"></div>
</div>
<div class="clear"></div>
<div id="bottom">
<p>Copyright © 2008 BAYRAM KUMANDAVEREN</p>
<p><a href="http://dost13.tr.gg/">ANASAYFA</a> | <a href="http://dost13.tr.gg/ileti%26%23351%3Bim.htm">İLETİŞİM</a> | <a href="FERDİ">FERDİ</a> | <a href="Links">Links</a> | <a href="Por">Por</a> | <a href="">HTML KODLAR</a></p>
</div>
</div>
<div id="footer">
<div id="credits"> <a href="http://ramblingsoul.com">CSS Template</a> by RamblingSoul</div>
</div>
<div align="center"> </div> <div align="center"><script src="http://kalpsizonur.sitemynet.com/reklam.js" type="text/javascript"></script>
</div>
</body>
</html>
css koduna
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}
*{
margin: 0px;
padding: 0px;
}
a {
color: #0EA2CC;
text-decoration: none;
}
h1, h2, h3 {font-family:"Trebuchet MS", Verdana, sans-serif;}
h1 {font-size:26px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
body {background:url(https://img.webme.com/pic/d/dost13/cmb.jpg) fixed center top; background-color:##ccc; font:12px Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:950px; margin:0 auto 0 auto;}
#header2 {background:url(https://img.webme.com/pic/d/dost13/usttt.gif) no-repeat; height:174px;}
#content {background:url(https://img.webme.com/pic/w/webneki/ccccc.gif) repeat-y; padding:0 13px 0 13px;}
#right { float:right; width:610px;}
#right p {line-height:20px; margin-bottom:20px;}
#right a {border-bottom: solid 1px #0ea2cc;}
#right a:visited, active {border:none;}
#right a:hover {color:#008020; border-bottom:solid 1px #008020;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none; border:none!important;}
.clear {clear:both;}
#sidebar {float:left; width:250px; background:url(MCCCC) left repeat-y;}
#sidebartop {background: url(MCCC) left top no-repeat; height:10px;}
#sidebarbtm {background:url(MCCC) left top no-repeat; height:9px;}
#sidebar ul {list-style:none; font:bold 14px "Trebuchet MS", Verdana, sans-serif; margin-bottom:15px;}
#sidebar li {display:block; height:36px; margin-bottom:2px;}
#sidebar a, #sidebar a:visited {
display:block;
background:url(https://img.webme.com/pic/w/webneki/menu1i.jpg) right top no-repeat;
padding: 10px 10px 0 40px;
height: 26px;
color:#999;
}
#right h2 {
color:#014782; font:normal 18px "Trebuchet MS", Verdana, sans-serif;
}
#right h2 a {color:#014782}
#right h2 a:hover {color:#000; background:#ffffee; border:none;}
#sidebar a:hover {background:url(https://img.webme.com/pic/w/webneki/menu2q.jpg) right top no-repeat; color:#333;}
#sidebar .active a{background:url(https://img.webme.com/pic/d/dost13/menu3.jpg) right top no-repeat; color:#000;}
#sidebar h2 {
display:block;
background:url(https://img.webme.com/pic/d/dost13/sidebarh2i.jpg) no-repeat;
height:40px;
padding:14px 10px 0 40px;
color: #186185;
text-transform:uppercase;
}
#footer {background:url(https://img.webme.com/pic/d/dost13/adres.gif) no-repeat; height:66px;}
#sitename {
display:block;
float:left;
width:210px;
padding:15px 0 0 40px;
text-align:center;
color: #FFFFFF;
font: normal 28px "Trebuchet MS", Verdana, sans-serif;
}
#sitename a{color:#fff;}
.caption {
display:block;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-top:30px;}
#sitename a .blue {
color:#0F9EC8;
font-style: italic;
}
#sitename a:hover {color:#0f9ec8;}
#sitename a:hover .blue{color:#9c6; font-family:Georgia; font-weight:normal;}
#nav {float:right; width:34px; padding:0 40px 0 0; height:134px;}
#breadcrumb { background:url(#) center bottom no-repeat;
padding:7px 220px 5px ;
height: 18px;
color:#00c0ff; text-transform:uppercase;
font: bold 16px"Trebuchet MS", Verdana, sans-serif;}
#breadcrumb a.active {color:#ff00ff!important;}
#breadcrumb a{text-decoration:none; color:#ffffff;}
#breadcrumb a:visited, breadcrumb a:active {color:#999;}
#breadcrumb a:hover {color:#ffffff;}
#nav #search{
padding-left: 20px;
padding-top: 17px;
height: 48px;
}
#nav #search .keyword{
background: transparent url(http://img5.imageshack.us/img5/8623/searchd.png) no-repeat;
height: 70px;
width: 150px;
padding: 40px 20px 0 40px;
font-size: 12px;
color: #999;
border:none;
overflow:hidden;
}
#header form {padding:0; margin:0;}
#topmenu { height:51px; font:bold 14px "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; padding-top:15px;}
#topmenu ul {list-style:none; padding-left:10px;}
#topmenu li {display:inline; margin-left:3px;}
#topmenu a, #topmenu a:visited {display:block; float:left; background:url(http://img24.imageshack.us/img24/9928/nav2.png) repeat-x; text-align:center; padding:5px 25px 0 25px; height:25px; color:#0EA2CC;}
#topmenu .active a {background:url(http://img509.imageshack.us/img509/7338/nav1.png) repeat-x; color:#333;}
#topmenu .active a:hover {background:url(http://img24.imageshack.us/img24/1596/nav4.png) repeat-x; color:#333;}
#topmenu a:hover {background:url(http://img24.imageshack.us/img24/6036/nav3i.png) repeat-x; color:#fff;}
#featured {
background:url(https://img.webme.com/pic/w/webneki/thtrht.png) no-repeat;
height:150px;
color:#ffffff;
margin-bottom:15px;
}
#featured div {
padding:25px 10px 0 50px;
height: 90px;
font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.ftd_btm {display:block; height:20px; padding:15px 5px 0 35px; background:url(http://img5.imageshack.us/img5/1768/ftrdlink.png)8px 12px no-repeat}
#featured a {color:#000000; border-bottom:none;}
#featured a:visited, #featured a:active{color:#ff00ff;}
#featured a:hover { text-decoration:underline; color:#fff!important;}
.postbottom {background:url(https://img.webme.com/pic/w/webneki/altineklentisi.gif) no-repeat; height:26px; margin-bottom:20px;}
.postbottom ul {list-style:none;}
.postbottom li {display:inline; margin:0!important; padding:0!important;}
.postbottom a, .postbottom a:visited, .postbottom a:active{color:#fff; border:none!important; display:block; float:left; height:20px; padding:6px 5px 0 30px;}
.postbottom a:hover {color:#000;}
.permalink a, .permalink a:visited, .permalink a:active {background:url(images/ico_more.png)5px 5px no-repeat;}
.cats a{background:url(http://img24.imageshack.us/img24/2779/icocat.png)5px 5px no-repeat;}
.auth a{background:url(http://img24.imageshack.us/img24/737/icousr.png)5px 5px no-repeat;}
.date a{background:url(http://img24.imageshack.us/img24/9229/icodate.png) 5px 5px no-repeat;}
.comnts a{background:url(http://img24.imageshack.us/img24/1592/commentx.png)5px 5px no-repeat;}
.post h2 {display:block; margin-bottom:15px;}
.post .description {display:block; font-size:12px; color:#999;}
.post blockquote {background:#eee url(http://img24.imageshack.us/img24/630/quotetmc.png) 5px 5px no-repeat; padding:8px 8px 0 35px; font:normal 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; border: solid 1px #ddd; }
.post .extract { float:left; margin-right:10px; width:250px;}
.post ul {margin-left:25px;}
.post ol {margin-left:25px;}
.post li {padding:3px;}
.post .leftalign {display:block; padding:5px; background:#eee; margin:8px; float:left; border:solid 1px #ddd;}
.post .rightalign {display:block; padding:5px; background:#eee; margin:8px; float:right;border:solid 1px #ddd;}
/*tables and Forms */
#right table {
width:90%;
border:1px solid #0075A4;
margin-bottom:20px;
background: #E3F6FF;
margin-top: 15px;
}
#right th {
background:#0075A4;
padding:5px 15px 5px 15px;
color:#8ADBFF;
text-align:center;
border-bottom:1px solid #000000;
font: bold 16px "Trebuchet MS", Verdana, sans-serif;
text-transform: uppercase;
}
#right td {
border-bottom:1px solid #0075A4;
padding:5px 15px 5px 15px;
border-right:1px solid #0075A4;
}
.textfield {
display: block;
width:50%;
margin:3px 3px 3px 30px;
padding:3px;
border: 1px solid #CBE0E7;
background: #E9F2F5;
}
label {
display: block;
margin:3px;
padding: 5px;
font-weight: bold;
}
.button {
display: block;
padding:0px;
margin:3px;
border: 1px solid #9DC6D2;
color:#000000;
background: #E9F2F5;
}
.textfield:hover {
background:#FFFFCC;
}
.textfield:focus {
background:#ffffff;
border: 1px solid #3A2C1B;
}
.hide {display:none;}
#bottom {padding:20px; background:url(http://img24.imageshack.us/img24/7671/bottombg.png) repeat-x; margin-top:15px;}
#bottom p {display:block; padding:3px; text-align:center;}
#credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; }
.pagenavi { height:22px; padding: 5px 5px 0 5px; background: #eee; border: solid 1px #ddd; margin:25px 0 15px 0;}
.pagenavi .alignleft {display:block; text-align:left;}
.pagenavi .alignright {display:block; float:right;}
.pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;}
.pagenavi a:hover {color:#0099CC!important;}
/*shopping Cart */
#catalogue {margin:10px 0 10px 0; background:#eee; border:solid 1px #ddd; padding:5px;}
.item {width:135px; float:left; height:220px;}
.item h3 {display:block; padding:3px;}
.item span {display:block; padding:3px;}
.item .price {color:#993300; font-weight:bold; }
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none;}
.item img {}
img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}
.clear2 {width:100%; clear:left;}
.sec_head {
display:block;
background: #0077A2 url(http://img24.imageshack.us/img24/6044/ftrdboxn.jpg) no-repeat 0px -60px;
padding:3px;
margin-bottom:15px;
color: #FFF !important;
}
DOST13 İLE BİLGİ PAYLAŞTIKÇA BÜYÜR
8px){kind=link}
5px){kind=link}
5px){kind=link}
5px){kind=link}
