Bedava-Sitem Tasarimi Web New v.1

Merhaba Arkadaşlar...

Öncelikle bu tema kodlaması " Salih Toy " kardeşime ait'tir.Şimdi tema cok hoş bir görünüme sahiptir.Her alanda kullanıla bilir bir tasarım olarak düzenlenmiştir.Menü alanları düzenle şekilde ayarlanmıştır.Logo ya " opacity " kodu eklenmiştir." Bedava-Sitem " platformuna uyarlıdır tema.Dilerseniz " Weebly " platformunada kodlarda değişiklik yapmadan eklenebilir size kalmış birşey.

Tasarım Üzeri Kod

Tasarım Altı Kod

</div>
<!-- END content -->
<!-- BEGIN sidebar -->
<div id="sidebar">

<!-- Reklam Alanı -->
<div class="ads">
 
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
</div>
<!-- Reklam Alanı -->

<!--Arama -->
<form class="search" action="http://www.salihtoy.tr.gg/">
<input type="text" name="s" id="s" />
<button type="submit">Arama</button>
</form>
<!-- Arama -->

<div class="wrapper">

<!-- Popüler Konular -->
<h2>
Popüler Konular</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Yeni tasarım'a geçtik. :)</a></li>
<li><a href="http://enverblk.blogspot.com/">SalihToy kendini aştı. :)</a></li>
<li><a href="http://enverblk.blogspot.com/">''Seksenler'' dizisi çok yankı aldı.</a></li>
<li><a href="http://enverblk.blogspot.com/">Google yeni bir çağa giriş yaptı.</a></li>
</ul>
<!-- Popüler Konular -->

<!-- BEGIN left -->
<div class="l sbar">

<!-- Kategoriler -->
<h2>
Kategoriler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Tasarımlar</a></li>
<li><a href="http://enverblk.blogspot.com/">Html / Css</a></li>
<li><a href="http://enverblk.blogspot.com/">Bedava-Sitem</a></li>
<li><a href="http://enverblk.blogspot.com/">Bilgisayar</a></li>
<li><a href="http://enverblk.blogspot.com/">İnternet</a></li>
<li><a href="http://enverblk.blogspot.com/">Wordpress</a></li>
<li><a href="http://enverblk.blogspot.com/">Blogger</a></li>
<li><a href="http://enverblk.blogspot.com/">Joomla</a></li>
</ul>
<!-- Kategoriler -->
        
<!-- Menü -->
<h2>
Menü</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Anasayfa</a></li>
<li><a href="http://enverblk.blogspot.com/">İletişim</a></li>
<li><a href="http://enverblk.blogspot.com/">Hakkımızda</a></li>
<li><a href="http://enverblk.blogspot.com/">Yorum yap</a></li>
<li><a href="http://enverblk.blogspot.com/">Enver Balık</a></li>
<li><a href="http://www.salihtoy.tr.gg/">SalihToy</a></li>
</ul>
<!-- Menü -->
      
</div>
<!-- END left -->
<!-- BEGIN right -->
<div class="r sbar">

<!-- Arşivler -->
<h2>
Arşivler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Temmuz 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Agustos 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Eylül 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Ekim 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Kasım 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Ocak 2008</a></li>
</ul>
<!-- Arşivler -->
        

<!-- Dost Siteler -->
<h2>
Dost Siteler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Enver Balık</a></li>
<li><a href="http://www.salihtoy.tr.gg/">SalihToy</a></li>
</ul>
<!-- Dost Siteler -->
      
</div>
<!-- END right -->
</div>
</div>
<!-- END sidebar -->
<!-- BEGIN footer -->
<div id="footer">
<p>
Copyright © 2012 Design ßy: <a href="http://www.free-css.com/">Free-Css</a> | Tr.Gg Alt Yapı: <a href="http://www.salihtoy.tr.gg/">SalihToy</a></p>
</div>
<!-- END footer -->
</div>
<!-- END wrapper -->
<div id="freecssfooter">
<div id="fcssholder">
<div id="bsap_2365" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67">
</div>
<div id="bsap_1635" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67">
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-28";
urchinTracker();
</script>
</body>
</html>

Css Kod

/* 
Kodlama: Salih Toy.
Yayıncı: Enver Balık. */
::-moz-selection {

    background:#c00;

    color:#fff;

}

::selection {

    background:#c00;

    color:#fff;



}

input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }  

i {

    padding : 5px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em/1.5em 'Verdana';
    border : 1px solid #cccccc;
    -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px;
}

#osmantalay {display:none;}
//--></style> <div id="osmantalay">
<style type="text/css">
<!--table {margin-left: auto;margin-right: auto} 

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;}

* {
 margin: 0; padding: 0;
}
body {
 text-align: center;
 font: 12px Verdana;
 color: #565656;
 background-color: #e9e9e9;
}
a {
 color: #dc1000;
 text-decoration: none;
}
a:hover {
 color: #000000;
}
img {
 border: 0;
}

.break {
 font-size: 0;
 width: 0; height: 0;
 clear: both;
}
.alignleft {
 float: left;
 margin: 4px 10px 5px 0;
}
.alignright {
 float: right;
 margin: 4px 0 5px 10px;
}
.aligncenter {
 text-align: center;
}
.hidden {
 display: none;
}

/** BEGIN wrapper **/
#wrapper {
 width: 970px;
 background: url(http://a1210.hizliresim.com/12/5/dp229.gif) repeat-y 0 0;
 margin: auto auto;
 text-align: left;
 padding: 0 7px;
}
/** END wrapper **/

/** BEGIN header **/
#header {
 background: #ffffff url(images/header.gif) repeat-x 0 0;
}
 #header ul {
  float: left;
  list-style-type: none;
  padding: 10px 0;
  margin-left: -5px;
 }
  #header ul li {
   float: left;
   text-transform: uppercase;
   font-size: 0.9em;
   padding: 0 15px;
   border-left: 1px solid #252525;
  }
   #header ul li.f {
    border: 0;
   }
 #header .links {
  float: right;
  font-size: 0.9em;
  color: #252525;
  padding: 10px;
 }
  #header .links a {
   margin-left: 14px;
  }
 #header .logo {
  padding: 18px 18px 40px;
  float: left;
 }
  #header .logo h1 {
   font-family: "Lucida Sans";
   font-size: 2.5em;
   text-transform: uppercase;
  }
  #header .logo h1 a {
   color: #252525;
  }
  #header .logo p {
   color: #DE2011;
   font-weight: bold;
   padding-left: 10px;
  }
 #header .ad468x60 {
  float: right;
  padding: 16px 10px;
 }
 #header ol {
  list-style-type: none;
  height: 35px;
  background-color: #252525;
 }
  #header ol li {
   float: left
  }
  #header ol li a {
   color: #ffffff;
   display: block;
   padding: 10px 12px 11px;
  }
  #header ol li a:hover {
   background-color: #DC1000;
  }
 #header {
  
 }
/** END header **/

/** BEGIN content **/
#content {
 width: 666px;
 float: left;
}
 #content .post {
  width: 259px; height: 420px;
  float: left;
  padding: 20px 15px 0 35px;
 }
  #content .post h2 {
   font-family: Georgia;
   font-size: 1.5em;
   margin-bottom: 15px;
  }
   #content .post h2 a {
    color: #252525;
   }
  #content .post .date {
   font-size: 0.9em;
   font-family: Georgia;
   color: #808080;
   margin-bottom: 15px;
  }
  #content .post .continue {
   color: #ffffff;
   background-color: #DC1000;
   padding: 5px 10px;
   display: block;
   float: left;
   font-family: Georgia;
   font-weight: bold;
   margin-bottom: 25px;
  }
  #content .post p {
   margin-bottom: 10px;
   line-height: 1.4em;
  }
  #content .post .thumb {
   height: 92px;
   overflow: hidden;
   padding: 5px;
   background-color: #EEEEEE;
   border: 1px solid #E8E8E8;
   margin-bottom: 10px;
  }
   #content .post .thumb div {
    height: 92px;
    overflow: hidden;
   }
   #content .post .thumb img {
    width: 247px;
   }
 #content .postnav {
  clear: both;
  padding: 20px 34px 40px;
 }
  #content .postnav ul {
   list-style-type: none;
   border: 0;
  }
   #content .postnav ul li {
    float: left;
    padding: 2px;
    padding: 2px;
   }
   #content .postnav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    border: 0;
    padding: 5px 8px;
    background-color: #9F9F9F;
    color: #ffffff;
    font-family: Georgia;
    font-weight: bold;
   }
   #content .postnav ul li a:hover {
    background-color: #E05F00;
    border: 0 !important;
   }
   #content .postnav ul li.next a {
    width: auto;
    padding: 2px 4px;
   }
   #content .postnav .page_info {
    text-align: center;
    text-decoration: none;
    border: 0;
    padding: 5px 8px;
    background-color: #9F9F9F;
    color: #ffffff;
    font-family: Georgia;
    font-weight: bold;
    margin: 2px;
   }
/** END content **/

/** BEGIN sidebar **/
#sidebar {
 width: 304px;
 float: right;
 padding-bottom: 20px;
}
 #sidebar .wrapper {
  padding: 0 15px;
 }
 #sidebar h2 {
  color: #252525;
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 15px 0 10px;
 }
 #sidebar ul {
  list-style-type: none;
 }
  #sidebar ul li {
   border-bottom: 1px dotted #DADADA;
   line-height: 1.4em;
   padding: 4px 0;
   font-size: 0.9em;
  }
  #sidebar ul li a {
   color: #808080;
  }
  #sidebar ul li a:hover {
   color: #DC1000;
  }
 #sidebar .ads {
  text-align: center;
  padding: 10px 0;
 }
  #sidebar .ads img {
   margin: 3px;
  }
 #sidebar .search {
  background: #EEEEEE url(http://a1210.hizliresim.com/12/5/dp237.gif) no-repeat center center;
  border-width: 1px 0;
  border-color: #E8E8E8;
  border-style: solid;
  height: 52px;
 }
  #sidebar .search input {
   float: left;
   border: 0;
   font-size: 1.2em;
   font-family: Verdana;
   width: 200px;
   margin: 18px 11px 0 22px;
  }
  #sidebar .search button {
   float: left;
   border: 0;
   text-indent: -9999px;
   width: 53px; height: 32px;
   margin-top: 10px;
   background-color: transparent;
  }
 #sidebar .flickr { }
  #sidebar .flickr img {
   margin: 3px;
  }
 #sidebar .video {
  padding-bottom: 5px;
 }
 #sidebar .tags { 
  padding-bottom: 5px;
 }
  #sidebar .tags a {
   color: #808080;
  }
  #sidebar .tags a:hover {
   color: #DC1000;
  }
 #sidebar .l {
  float: left;
  width: 125px;
 }
 #sidebar .r {
  float: right;
  width: 125px;
 }
  #sidebar .sbar li {
   font-size: 1em;
   padding-left: 12px;
   background: url(http://a1210.hizliresim.com/12/5/dp23v.gif) no-repeat 0 8px;
   border: 0;
  }
/** END sidebar **/

/** BEGIN footer **/
#footer {
 clear: both;
 background-color: #252525;
 color: #ffffff;
 font-family: Georgia;
 padding: 30px;
}
 #footer p {
  line-height: 1.5em;
 }
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
 padding: 0 35px 20px;
}
 #comments h2 {
  margin: 20px 0 5px;
  font-size: 1.5em;
  font-weight: normal;
 }
 #comments p {
  margin-bottom: 10px;
  line-height: 1.5em;
 }
 #comments form {
  padding-top: 20px;
 }
  #comments form p {
   margin-bottom: 5px;
  }
  #comments form input, textarea {
   border: 1px solid #cccccc;
   font-size: 0.9em;
   font-family: Verdana;
   padding: 4px;
   background-position: 4px 4px;
   background-repeat: no-repeat;
  }
  #comments form input {
   width: 260px;
   border: 1px solid #cccccc;
  }
  #comments form textarea {
   width: 350px;
   padding: 4px 4px !important;
   border: 1px solid #cccccc;
  }
  #comments form button {
   border: 1px solid #909090;
   background-color: #cccccc;
   font-size: 0.9em;
   font-family: Verdana;
   width: 120px; height: 23px;
  }
 .commentdetails {
  margin-top: 25px;
 }
 .commentauthor {
  margin-bottom: 5px !important;
  font-weight: bold;
 }
 .commentdate {
  font-size: 0.8em;
  margin-bottom: 5px;
  color: #909090;
 }
 .required {
  color: #ff0000;
 }
h2.title {
 font-size: 1em;
 text-transform: uppercase;
 padding: 25px 35px 0;
 color: #565656;
}
.single {
 padding: 20px 35px;
}
 .single h2 {
  font-family: Georgia;
  font-size: 1.5em;
  margin-bottom: 15px;
 }
 .single .date {
  font-size: 0.9em;
  font-family: Georgia;
  color: #808080;
  margin-bottom: 15px;
 }
 .single h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 7px;
 }
 .single p {
  line-height: 1.4em;
  margin-bottom: 10px;
 }
 .single ul {
  margin: 0 0 10px 16px;
 }
 .single ol {
  margin: 0 0 10px 18px;
 }
 .single li {
  line-height: 1.4em;
  padding: 2px 0;
 }
 .single blockquote {
  padding: 10px 10px 5px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e8e8e8;
 }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
 list-style-type: none;
 clear: both;
 padding: 0;
 margin: 0;
}
 #comments ol li {
  padding: 10px;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;

 }
 #comments ol li .avatar {
  float: right;
 }
 #comments ol li .comment-author {
  
 }
  #comments ol li .comment-author .fn {
   font-weight: bold;
   font-size: 1.2em;
  }
 #comments ol li .comment-meta {
  font-size: 0.9em;
  color: #999999;
  margin: 5px 0 10px;
 }
 #comments ol li .reply {
  font-size: 0.9em;
  font-weight: bold;
  padding-bottom: 10px;
 }
 #comments .children {
  list-style-type: none;
 }
#comments .navigation {
 padding: 10px 0 20px;
 font-size: 0.9em;
}
 #comments .navigation a {
  color: #999999;
  padding: 3px 8px;
  border: 1px solid #cccccc;
 }
 #comments .navigation a:hover {
  color: #000000;
  border-color: #000000;
  text-decoration: none;
 }
/** END wordpress 2.7 comments **/

#footer { height: 0; }
#header ul { margin-left: 0; }
#below_content{margin-bottom:-950px;}   font[color="green"]{ background-color:#00E566; border:1px solid #00B233; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}   font[color="red"]{ background-color:
#FF6633; border:1px solid #CC0033; color:
#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}          A{ text-decoration : none; } a{color:#000000;text-decoration:none;font:bold} a:hover{color:
#33ccff;text-decoration:none;font:bold}  </style>

URL:

HTML Link:

Forum Link:

Blogger eklentileri

31 Mayıs 2013

Bedava-Sitem Tasarimi Web New v.1

2 yorum :

Kategoriler

Site Hakkında

Site Araçları