Tk-Miniblog V1

Bugün sizlerle küçük bir kişisel blog tasarımı kodlarını paylaşacağız. Tasarımımızın adı 'TK-Miniblog V1'. Tasarım gayet sade ve hoş . İşte 'TK-Miniblog V1' ve kodları Güle Güle Kullanın. Sizden Tek Ricam En Alttaki 'Copyright' Bölümünü Değiştirmeyin..!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<div id="ust"><table width="150" height="150" border="0" align="left" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td><img src="http://img.webme.com/pic/b/bskurdu/bhlogo.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/bhlogo.png" alt="" /></td>         </tr>     </tbody> </table></div><div id="menuarka">      <nav class="ustmenuu">      <a href="http://bskurdu.tr.gg/" _fcksavedurl="http://bskurdu.tr.gg/">Ana Sayfa</a>      <a href="#" _fcksavedurl="#">İletişim</a>      <a href="http://bskurdu.tr.gg/Z-.-defteri.htm" _fcksavedurl="http://bskurdu.tr.gg/Z-.-defteri.htm">Yorumlar</a>      <a href="#" _fcksavedurl="#">Hakkımda</a>      <a href="#" _fcksavedurl="#">Son Yazdıklarım</a> <a href="#" _fcksavedurl="#">Arşiv</a>     </nav>       </div>           <style type="text/css">  *, *:after, *::before {     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box; }  body {  font-family: 'Comic Sans MS', Century Gothic; }  nav a {  position: relative;  display: inline-block;  margin: 2px 17px;  outline: none;  color: #ffffff;  text-decoration: none;    letter-spacing: 1px;  font-weight: 60;  text-shadow: 0 0 1px rgba(255,255,255,0.3);  font-size: 12px; }  nav a:hover, nav a:focus {  outline: none;   position: relative;  display: inline-block;  margin: 2px 17px;  outline: none;  color: #ffffff;  text-decoration: none;    letter-spacing: 1px;  font-weight: 60;  text-shadow: 0 0 1px rgba(255,255,255,0.3);  font-size: 12px; }   .ustmenuu a {  padding: 0 10px;  height: 30px;  line-height: 30px; }  .ustmenuu a::before  {  position: absolute;   width: 29px;  height: 1px;  background: #ffffff;  content: '';  opacity: 0.5;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  pointer-events: none; }  .ustmenuu a::after {   position: absolute;  width: 30px;  height: 1px;  background: #ffffff;  content: '';  opacity: 0.5;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  pointer-events: none; }     .ustmenuu a::before {   top: 0;  left: 0;  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  transform: rotate(90deg);  -webkit-transform-origin: 0 0;  -moz-transform-origin: 0 0;  transform-origin: 0 0; }  .ustmenuu a::after {   right: 0;  bottom: 0;  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  transform: rotate(90deg);  -webkit-transform-origin: 100% 0;  -moz-transform-origin: 100% 0;  transform-origin: 100% 0; }  .ustmenuu a:hover::before, .ustmenuu a:hover::after, .ustmenuu a:focus::before, .ustmenuu a:focus::after {  opacity: 1; }  .ustmenuu a:hover::before, .ustmenuu a:focus::before {  left: 50%;  -webkit-transform: rotate(0deg) translateX(-50%);  -moz-transform: rotate(0deg) translateX(-50%);  transform: rotate(0deg) translateX(-50%); }  .ustmenuu a:hover::after, .ustmenuu a:focus::after {  right: 50%;  -webkit-transform: rotate(0deg) translateX(50%);  -moz-transform: rotate(0deg) translateX(50%);  transform: rotate(0deg) translateX(50%); }   </body></html></style><div id="icerik"><div id="icerik2">

Tasarımın altındaki yazı:

</div></div><div id="alt1"><table width="725" height="32" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: left;"><strong>Bu Blogtaki Yazıların Hepsi Şahsıma Aittir, Kaynak Gösterilmeden Kullanılması Halinde Gerekli İşlemler Yapılacaktır</strong></td>             <td style="text-align: right;"><a href="http://tasarimkurdu.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/Ana-Sayfa.htm" target="_blank"><img src="http://img.webme.com/pic/b/bskurdu/tkminialt.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tkminialt.png" width="50" height="30" alt="" /></a></td>         </tr>     </tbody> </table></div><div id="alt2"><table width="690" height="32" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: left;">© 2014 Siteadı | Tüm Hakları Saklıdır |   Bugünkü ziyaretçi: 10 | Tıklama: 95 | İp Adresiniz: 85.102.36.232 <table width="100" border="0" align="right" cellpadding="0" cellspacing="0">     <tbody>         <tr>             <td>             <div class="don"><a href="https://www.facebook.com/" _fcksavedurl="https://www.facebook.com/"><img src="http://img.webme.com/pic/t/tasarimkurdu/facebook2.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/facebook2.png" width="17" height="16" alt="" /></a></div>             </td>             <td>             <div class="don"><a href="https://twitter.com/Hancberk" _fcksavedurl="https://twitter.com/Hancberk"><img src="http://img.webme.com/pic/t/tasarimkurdu/twitter2.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/twitter2.png" width="17" height="16" alt="" /></a></div>             </td>             <td>             <div class="don"><a href="https://plus.google.com/u/0/108099423071095698098/posts" _fcksavedurl="https://plus.google.com/u/0/108099423071095698098/posts"><img src="http://img.webme.com/pic/t/tasarimkurdu/gplus.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/gplus.png" width="17" height="16" alt="" /></a></div>             </td>                         <td>             <div class="don"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/email.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/email.png" width="17" height="16" alt="" /></a></div>             </td>                    </tr>     </tbody> </table></td>         </tr>     </tbody> </table></div>   <center><br />

CSS kodu:

<!--
      <!--
                  /*tasarim: Belenmedia & Tasarimkurdu */
/*URL: http://www.tasarimkurdu.tr.gg*/

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;}
 
img{
border: 0px;

}

body {
 background: #ffffff
url(http://img.webme.com/pic/d/designbelenlee/background2.png)fixed;  background-size:cover; -moz-background-size:cover; } html, .main {  padding:0;  margin:0; } .main { } .clr {  clear:both;  padding:0;  margin:0;  width:100%;  font-size:0;  line-height:0; } .logo {  margin:0;  padding:0;  float:left;  width:auto; } h1 {  margin:0;  padding:36px 0 36px 40px;  color:#feffff;  font:bold 40px/1.2em Arial, Helvetica, sans-serif;  letter-spacing:-2px; } h1 a, h1 a:hover {  color:#feffff;  text-decoration:none; } h1 small {  display:block;  padding-left:80px;  font:normal 12px/1.2em Arial, Helvetica, sans-serif;  color:#edf3f6;  letter-spacing:normal; } h2 {  font:normal 24px/1.5em Arial, Helvetica, sans-serif;  padding:8px 0;  margin:8px 0;  color:#323a3f; } p {  margin:8px 0;  padding:0 0 8px 0;  font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec {  text-align:left; } a {  color:#333333;  text-decoration:underline; } a.com { }     a {    font-size: 13px;    color:#A5CEF5;    text-decoration: none;     }   a:visited {    font-size: 12px;    text-decoration: none;   }   a:hover {    font-size: 13px;                              color:#66AED8;    text-decoration: crosses the cut;   }

#tasarim{

margin-top:5px;
margin-left:auto;
width:810px;
margin-right:auto;

}
#ust{
margin:auto;
box-shadow:0px 0px 5px #3B3B3B;
border: px solid #ffffff;
text-align: center;
height: 150px; border: px solid #000000; background: white
url(http://img.webme.com/pic/b/bskurdu/miniblogbaslik.jpg) no-repeat;
padding-top: 0px; padding-right: 0px;
width:695px;
border: 0px solid #ffffff;
border-radius: 6px 6px 0px 0px;
color:#3E97B3;
font-family: Arial;
font-size:12px;
background-position: 70% 50%;
}


#altt{
margin-top: 10px;
box-shadow:0px 0px 1px #56A1CC;
border: px solid #ffffff;
text-align: center;
height: 40px; border: px solid #000000; background: #56A1CC;
url() no-repeat right bottom;
padding-top: 0px; padding-right: 0px;
width:810px;
border: 0px solid #ffffff;
border-radius: 6px 6px 6px 6px;
 background-size:cover; -moz-background-size:cover;
color: #ffffff;
margin-left:auto;
margin-right:auto;
font-family: Arial;
font-size:13px;
font-weight:bold;
}




#menuarka{
box-shadow:0px 0px 3px #858585;
padding-top:px;
font-size:17px;
color:#ffffff;
height:32px;
clear:both;
margin-top:0px; background: #56A1CC;
url(http://img.webme.com/pic/b/bskurdu/kate.png) no-repeat left;
background-position: 1% 51%;
 filter: alpha(opacity=90);
    opacity: 0.9;
border-radius: 6px 6px 6px 6px;
width:728px;
margin-left:auto;
margin-right:auto;
}



#icerik{
margin-top: 1px;
width: 695px;
height: auto;
border-radius: 0px 0px 0px 0px;
overflow: hidden;
background: #ffffff; url(http://img.webme.com/pic/b/bskurdu/siyahbg.png)repeat-x;
margin-left:auto;
margin-right:auto;
box-shadow:0px 0px 5px #3B3B3B;
font-size: 12px;
font-family: Arial;

display:block;
clear:both;

color: #AFAFAF;

}

#icerik2{
border: 0px solid #DBDBDB;
background: url(http://img.webme.com/pic/b/bskurdu/baslik-bg.png) no-repeat top left;
width: 695px;
color: #ACACAC;
font-size: 13px;
font-family: tahoma;
text-align: left;
display:block;
margin-top:-55px;

}


#alt1{
box-shadow:0px 0px 3px #858585;
padding-top:px;
font-size:12px;
font-family:arial;
color:#ffffff;
height:32px;
clear:both;
margin-top:0px; background: #56A1CC;
url(http://img.webme.com/pic/b/bskurdu/kate.png) no-repeat left;
background-position: 1% 51%;
 filter: alpha(opacity=90);
    opacity: 0.9;
border-radius: 6px 6px 6px 6px;
width:728px;
margin-left:auto;
margin-right:auto;
}

#alt2{
box-shadow:0px 1px 3px #3B3B3B;
font-size:11px;
font-family:arial;
color:#3E97B3;
height:32px;
clear:both;
margin-top:0px; background: #ffffff;
url(http://img.webme.com/pic/b/bskurdu/kate.png) no-repeat left;
background-position: 1% 51%;
 filter: alpha(opacity=90);
    opacity: 0.9;
border-radius: 0px 0px 6px 6px;
width:695px;
margin-left:auto;
margin-right:auto;
}


#blogkutu{
padding-top: 5px;
margin-top: 7px;
margin-bottom: 15px;
width:222px;
height: 300px;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
background: #ffffff; url(http://img.webme.com/pic/b/bskurdu/siyahbg.png)repeat-x;
box-shadow:0px 0px 5px #3B3B3B;
font-size: 12px;
font-family: Arial;
color: #AFAFAF;
text-align:center;
float:left;
margin-left:7px;
}






#konudevam img:hover {opacity:0.1;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;

}
#konudevam:hover {background-image:url(http://img.webme.com/pic/b/bskurdu/konud.png);background-repeat: no-repeat;background-position: 50% 45%;

}



                #webme_footer_textlink_dont_hide {
font-size:12px;
font-family:arial;
z-index: 10000;
color: #AFAFAF;
background: none;
}           


::-moz-selection {
    background:#5FE8B1;
    color:#ffffff;
}
::selection {
    background:#5FE8B1;
    color:#ffffff;
 
 }

.don a:hover {
background-color: #;
}
.don img {

-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.don img:hover {


-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
#modulenter{
display:none;
}
input[type="text"]  { resize:none; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6  none repeat-x top; }

 input[type="text"]:focus, input[type="text"]:active { border-color : #777; }

 input[type="submit"] { border-radius: 3px;  cursor : pointer; font-family : "Trebuchet MS"; font-size : 13px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4  none repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6  none repeat-x top;

border-radius: 3px; }
   //-->

Ana sayfaya eklenecek kod:

<div id="blogkutu"><div id="konudevam"><a href="#"><img src="https://www.agreedo.com/blog/upload//2013/11/blog-world.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>
<div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://img.webme.com/pic/y/yazan-blog/seos.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>
<div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://img.webme.com/pic/y/yazan-blog/yazar.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>
<div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://bumhaber.hurriyet.com.tr/wp-content/uploads/2010/09/2010-9-publishers-blog.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>
<div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://www.smartis.com.tr/blog/wp-content/yuklenen/2013/12/1.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>
<div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://www.capoon.com/blog/wp-content/themes/wegraphics_bello/custom-uploads/Fotolia_14245172_M1.jpg" width="180" height="130" alt="" /></a></div><hr />
<br />
Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar  Yazabilirsiniz.</div>    </div>

Tk-Miniblog V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar