SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod4

<====DYNAMIC CONTENT====>

Çoğu haber sitesinin anasayfasında görmüş olduğunuz bir javascript. Resimler sırası ile gösteriliyor, hem ileri hem geri gidiliyor ve tıklandığında ilgili habere gidiyor.Dynamic content ile sitenize slideshow şeklinde hem resimli hem yazılı javascript ekleyebilirsiniz.Bu javascript hem görsel olarak hemde sitenizi ziyaret eden kişilere içeriklerinizin daha kolay bulunabilmesi açısından oldukça önemlidir.Aşağıda gördüğünüz dynamic contect tarzı bir slideshow size örnek olsun diye koydum.Kodları aşağıda werilmektedir.Ama öncelikle kodda nerelerde değişiklik yapacaksınız oraya değinmek istiyorum.

1-Kodun en aşağılarında image kısmı ve tıklanma kısmı yer almaktadır.Yani resme tıkladığınızda gideceğiniz siteyi ayarlama ve resmin url sini koyma kısmı:

<a href="BURAYA GİDECEĞİNİZ SİTENİN URL'SİNİ YAZINIZ"><img class="slide" id="slide-img-1" alt="" src="BURAYA SLİDESHOWDA YER ALMASINI İSTEDİĞİNİZ RESMİ KOYUNUZ" /></a>

2-Yukarıdaki ayarlamaları yaptıktan sonra başka hiçbir koda dokunmayınız.Yoksa kod çalışmayabilir.

*{
 margin:0;
 padding:0;
}
html{
 height:50%;
}
body{
 height:50%;
 color:#FFFFFF;
 cursor:default;
 font-size:11px;
 line-height:16px;
 text-align:center;
 background-color:#;
 background-position:50% 0;
 background-repeat:no-repeat;
 font-family:Tahoma,sans-serif;
}

strong{
 font-weight:bold;
}
em{
 font-style:italic;
}
.underline{
 text-decoration:underline;
}
.clear{
 clear:both;
}
a:link,a:visited{
 color:#fff;
 text-decoration:none;
}
a:hover,a:focus{
 text-decoration:underline;
}
.white{
 color:#fff;
}
a img{
 border:0;
}

div.hr{
 border:0;
 clear:both;
 height:30px;
 margin:0 20px;
 background: none 0 14px repeat-x;
}
div.wrap{
 width:600px;
 margin:0 auto;
 text-align:left;
}

div#top{
 height:0px;
 background: none 0 0 repeat-x;
}
 div#top h1{
  float:left;
  width:266px;
  height:44px;
  margin:18px 0 0;
 }
  div#top h1 a{
   border:0;
   height:44px;
   display:block;
   line-height:44px;
   text-indent:-9999px;
  }

div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:299px;
  background: none 50% 0 no-repeat;
 }
 div#video-header div.wrap{
  background: none 0 0;
 }
 div#header img{
  margin:9px 0 0 9px;
 }
 div#header div#slide-holder{
  z-index:40;
  width:100px;
  height:299px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:600px;
   height:278px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }

div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:0;
   width:600px;
   height:46px;
   display:none;
   position:absolute;
   background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
   div#header div#slide-holder div#slide-controls p#slide-client{
    padding:0 20px 0 0;
    border-right:1px solid #363636;
   }
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }

div#pusher{
 min-height:299px;
 margin:-299px 0 0;
}
 div#pusher div.wrap{
  height:0;
  background: none 0 0;
 }

div#content{}
 div#content div.wrap{
  min-height:500px;
  padding-top:15px;
  background: none 0 0;
 }
 div#content div.info{
  padding:0 25px 0;
 }
  div#content div.info p{
   margin:0 0 5px;
  }
  div#content div.info p.title{
   color:#fff;
   font-size:22px;
   line-height:28px;
   letter-spacing:-1px;
   font-family:"Trebuchet MS";
  }
 div#content div.woops{
  padding:0 0 0 45px;
 }
 div#content div.woops p.big,
 div#content div.blog-info{
  color:#fff;
  font-size:20px;
  line-height:26px;
  font-family:"American Participants";
 }
 div#content h2{
  float:left;
  width:400px;
  height:16px;
  display:inline;
  line-height:16px;
  margin:5px 0 0 25px;
  text-indent:-9999px;
  background-position:0 0;
  background-repeat:no-repeat;
 }

div#content div.bar h2{
   width:964px;
   height:39px;
   cursor:pointer;
   margin:0 0 0 25px;
   background-position:0 -39px;
  }
 
   background-position:0 0;
  }
 div#content div.bar{
  float:left;
  margin:0 0 0 -10px;
 }
  div#content div.bar div{
   float:left;
   width:964px;
   height:330px;
   margin:0 15px 0 25px;
   background-color:#000;
   background-position:0 0;
   background-repeat:no-repeat;
  }
 
   div#content div.bar div p{
    color:#fff;
    clear:right;
    float:right;
    width:420px;
    display:inline;
    margin:0 25px 5px 0;
   }
   div#content div.bar div p.space{
    margin:0;
    height:80px;
   }
   div#content div.bar div p.dblspace{
    margin:0;
    height:120px;
   }
   div#content div.bar div a.big{
    float:left;
    height:32px;
    margin:20px 0 0;
    text-indent:-9999px;
    background-position:0 0;
    background-repeat:no-repeat;
   }
  
 div#video-comments div.comment{
  padding:0 10px 0 20px;
  background-position:0 5px;
  background-repeat:no-repeat;
 }
  div#video-comments div.comment p.author{
   margin:0;
   font-weight:bold;
  }
  div#video-comments div.comment p.date{
   color:#606060;
   margin:0 0 10px;
  }
  div#video-comments div.comment p.message{
   margin:0 0 5px;
  }
 div.column-right form.video{
  width:240px;
  overflow:hidden;
 }
  div.column-right form.video div.hr{
   margin-left:0;
   margin-right:0;
  }
  div.column-right form.video label{
   clear:both;
   float:left;
   width:220px;
   line-height:20px;
   font-weight:bold;
   margin:0 0 10px 0;
  }
   div.column-right form.video label .text{
    border:0;
    float:right;
    width:133px;
    height:20px;
    color:#515151;
    font-size:10px;
    margin:-20px 0 0 0;
    vertical-align:middle;
    padding:6px 10px 0 8px;
    font-family:Tahoma,sans-serif;
    background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/yazi-kucuk-bg.png) 0 0 no-repeat;
   }
   div.column-right form.video label input.textfocus{
    background-position:0 -27px;
   }
   div.column-right form.video label textarea.text{
    height:110px;
    overflow:hidden;
    padding:6px 11px 5px 8px;
    background: none 0 0 no-repeat;
   }
   div.column-right form.video label textarea.textfocus{
    background-position:0 -123px;
   }
  div.column-right form.video p.remember{
   clear:both;
   float:left;
  }
   div.column-right form.video p.remember label{
    width:auto;
    font-size:9px;
    font-weight:normal;
    text-transform:uppercase;
   }
    div.column-right form.video p.remember label input.checkbox{
     margin:-2px 5px 0 0;
     vertical-align:middle;
    }
  div.column-right form.video p.submit{
   float:right;
   display:inline;
   margin:0 5px 0 0;
  }
   div.column-right form.video p.submit input.submit{
    border:0;
    width:62px;
    height:21px;
    cursor:pointer;
   }

div#content form.blog{
 padding:10px 0;
}
 div#content form.blog div.left{
  float:left;
 }
 div#content form.blog div.right{
  float:right;
 }
 div#content form.blog label{
  color:#fff;
  clear:left;
  float:left;
  width:310px;
  line-height:20px;
  margin:0 25px 10px 0;
 }
  div#content form.blog div.right label{
   float:right;
   margin:0 0 10px 0;
  }
  div#content form.blog label .text{
    border:0;
    float:right;
    width:210px;
    height:20px;
    color:#515151;
    font-size:10px;
    margin:-20px 0 0;
    vertical-align:middle;
    padding:6px 10px 0 8px;
    font-family:Tahoma,sans-serif;
    background: none 0 0 no-repeat;
   }
   div#content form.blog label input.textfocus{
    background-position:0 -27px;
   }
   div#content form.blog label textarea.text{
    width:220px;
    height:87px;
    overflow:hidden;
    padding:6px 15px 5px 8px;
    background: none 0 0 no-repeat;
   }
   div#content form.blog label textarea.textfocus{
    background-position:0 -100px;
   }
  div#content form.blog p.rem{
   clear:both;
   float:left;
   font-size:9px;
   margin:15px 0 0;
   line-height:20px;
   text-transform:uppercase;
  }
   div#content form.blog p.rem label{
    color:#666;
    width:auto;
    cursor:pointer;
   }
   div#content form.blog p.rem input.checkbox{
    margin:-2px 5px 0 0;
    vertical-align:middle;
   }
  div#content form.blog input.button{
   border:0;
   width:92px;
   height:22px;
   float:right;
   display:inline;
   margin:15px 5px 0 0;
   text-indent:-9999px;
  }
 div#content div.blog-comments{
 }
  div#content div.blog-comments h3{
   color:#fff;
   font-size:18px;
   line-height:26px;
   font-weight:normal;
   font-family:"Trebuchet MS";
  }
  div#content div.blog-comments div.comment{}
   div#content div.blog-large div.blog-comments div.comment{
    padding:0 10px 0 20px;
    background-position:0 3px;
    background-repeat:no-repeat;
   }
    div#content div.blog-comments div.comment p.author{
     margin:0;
     font-weight:bold;
    }
    div#content div.blog-comments div.comment p.date{
     color:#3b403e;
     margin:0 0 10px;
    }
    div#content div.blog-comments div.comment p.message{
     margin:0 0 5px;
    }

div#content form.newsletter{
  float:right;
  display:inline;
  line-height:24px;
  margin:0 25px 0 0;
  padding:0 0 0 160px;
  background: none 0 10px no-repeat;
 }
  div#content form.newsletter span{
   display:none;
  }
  div#content form.newsletter input.text{
   width:200px;
   height:17px;
   color:#515151;
   font-size:10px;
   margin:0 5px 0 0;
   background:#050505;
   padding:5px 0 0 5px;
   vertical-align:middle;
   border:1px solid #1b1c1c;
   font-family:Tahoma,sans-serif;
  }
  div#content form.newsletter input.button{
   border:0;
   width:53px;
   height:22px;
   cursor:pointer;
   vertical-align:middle;
  }

div#content div.column-left{
  float:left;
  width:670px;
  display:inline;
  margin:0 0 0 25px;
 }
  div#content div.column-left div.hr,
  div#content div.column-right div.hr{
   margin:0 -5px;
  }
  div#content div.column-left h2,
  div#content div.column-right h2{
   margin-left:0;
  }

div#content div.blog-tiny{
  margin:10px 0;
 }
  div#content div.blog-tiny div.blog-img{
   float:left;
   width:230px;
   height:148px;
   background: none 0 0 no-repeat;
  }
   div#content div.blog-tiny div.blog-img img{
    width:212px;
    height:130px;
    margin:8px 0 0 8px;
   }
  div#content div.blog-tiny div.blog-entry{
   float:right;
   width:420px;
  }
   div#content div.blog-tiny div.blog-entry p.date{
    margin:2px 5px 0 0;
   }
   div#content div.blog-tiny div.blog-entry p.date,
   div#content div.blog-large div.blog-entry p.date{
    float:left;
    width:36px;
    color:#fff;
    height:40px;
    font-size:8px;
    padding:1px 3px;
    font-family:Arial;
    letter-spacing:1px;
    background-position:0 0;
    text-transform:uppercase;
    background-repeat:no-repeat;
   }
    div#content div.blog-tiny div.blog-entry p.date span,
    div#content div.blog-large div.blog-entry p.date span{
     color:#000;
     font-size:20px;
     line-height:18px;
     letter-spacing:0;
     font-weight:bold;
     padding:0 0 0 3px;
    }
   div#content div.blog-tiny div.blog-entry h3{
    float:left;
    width:340px;
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    font-family:Arial,sans-serif;
   }
   div#content div.blog-tiny div.blog-entry p.tags{
    float:left;
    color:#606060;
    line-height:22px;
   }
    div#content div.blog-tiny div.blog-entry p.tags a{
     color:#606060;
     text-decoration:underline;
    }
    div#content div.blog-tiny div.blog-entry p.tags a:hover{
     text-decoration:none;
    }
   div#content div.blog-tiny div.blog-entry div.entry{
    clear:both;
    margin:0 0 15px;
   }
    div#content div.blog-tiny div.blog-entry div.entry strong,
    div#content div.blog-large div.blog-entry div.entry strong{
     color:#fff;
    }
    div#content div.blog-tiny div.blog-entry div.entry ul,
    div#content div.blog-large div.blog-entry div.entry ul{
     margin:10px 0;
     list-style-type:none;
    }
     div#content div.blog-tiny div.blog-entry div.entry ul li,
     div#content div.blog-large div.blog-entry div.entry ul li{
      text-indent:0;
      padding:0 0 0 30px;
      background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/menubuton.png) 0 0 no-repeat;
     }

div#content div.blog-large{
  margin:20px 0 0 0;
 }
   div#content div.blog-large div.blog-entry div.info{
    float:left;
    margin:0 0 10px 0;
    padding:0 0 0 5px;
   }
    div#content div.blog-large div.blog-entry div.info h3{
     font-size:20px;
     line-height:26px;
     font-weight:normal;
     font-family:Arial,sans-serif;
    }
    div#content div.blog-large div.blog-entry div.info p.tags{
     color:#606060;
     line-height:22px;
    }
     div#content div.blog-large div.blog-entry div.info p.tags a{
      color:#606060;
      text-decoration:underline;
     }
     div#content div.blog-large div.blog-entry div.info p.tags a:hover{
      text-decoration:none;
     }
   div#content div.blog-large div.blog-entry div.entry{
    clear:both;
   }
    div#content div.blog-large div.blog-entry div.entry p{
     margin:3px 0 8px;
    }
    div#content div.blog-large div.blog-entry div.entry img{
     border:0;
     padding:8px;
     background: none 0 0 no-repeat;
    }

div#content div.blog p.bookmark a.on{
    background-position:0 -28px;
   }

div#content div.pagination{
  height:50px;
  line-height:50px;
  margin:20px 0 10px;
 }
  div#content div.pagination div.left{
   float:left;
   display:inline;
  }
   div#content div.pagination div.left a,
   div#content div.pagination div.pages a,
   div#content div.pagination div.right a{
    float:left;
    height:20px;
    font-weight:bold;
    line-height:20px;
    background-position:0 0;
    background-repeat:no-repeat;
   }
   div#content div.pagination div.left a{
    float:left;
    color:#292929;
    padding:0 25px 0 30px;
   }
   div#content div.pagination div.left a.p{
    background-position:0 -40px;
   }
   div#content div.pagination div.left a.f.on{
    background-position:0 -20px;
   }
   div#content div.pagination div.left a.p.on{
    background-position:0 -60px;
   }
  div#content div.pagination div.pages{
   float:left;
   width:300px;
   height:20px;
   display:inline;
   line-height:20px;
   margin:0 0 0 20px;
   text-align:center;
  }
   div#content div.pagination div.pages a{
    width:21px;
    margin:0 2px;
    display:inline;
    text-align:center;
   }
   div#content div.pagination div.pages a.on{
    color:#fff !important;
   }
  div#content div.pagination div.right{
   float:right;
  }
   div#content div.pagination div.right a{
    padding:0 30px 0 25px;
    background-position:100% 0;
   }
   div#content div.pagination div.right a.n{
    background-position:100% -80px;
   }
   div#content div.pagination div.right a.n.on{
    background-position:100% -100px;
   }
   div#content div.pagination div.right a.l.on{
    background-position:100% -20px;
   }

div#content div.column-right{
  float:right;
  width:250px;
  display:inline;
  margin:0 20px 0 0;
 }
  div#content div.column-right h2{
   width:200px
  }
  div#content div.column-right h4{
   width:250px;
   height:36px;
   margin:10px 0 15px;
   text-indent:-9999px;
   background-position:0 0;
   background-repeat:no-repeat;
  }
  div#content div.column-right h4.closed{
   background-position:0 -36px;
  }

div#content div.column-right ul{
   margin:10px 0 15px;
   list-style-type:none;
  }
  div#content div.column-right ul.children{
   margin:10px 0 15px 15px;
   margin:5px 0 0;
  }
   div#content div.column-right ul li{
    margin:0 0 5px;
    line-height:18px;
   }
    div#content div.column-right ul li a{
     display:block;
     overflow:hidden;
     padding:0 0 3px 40px;
     text-decoration:none;
    }
     div#content div.column-right ul li a:hover span{
      color:#fff;
     }
   div#content div.column-right ul.list li{
    padding:0 0 3px 40px;
   }
  div#content div.column-right p{
   margin:0 10px 10px 0;
  }
  div#content div.column-right p.caln{
   margin:0;
  }
  div#content div.column-right p.contact{
   margin:0 0 10px 25px;
  }
  div#content div.column-right ul.contact{
   margin:10px 0 25px -10px;
  }

div#content div.awards-pages{
  margin:0 0 15px;
 }
  div#content div.awards-pages a{
   float:left;
   width:70px;
   height:28px;
   display:inline;
   margin:0 10px 0 0;
   text-indent:-9999px;
   background-position:0 0;
   background-repeat:no-repeat;
  }
  div#content div.awards-pages a.on{height:33px;background-position:0 -29px;}
 div#content h3.awards{
  color:#fff;
  font-size:19px;
  line-height:26px;
  padding:5px 0 10px;
  font-weight:normal;
 }
  div#content h3.awards a{
   text-decoration:none;
  }

div#content div.sc-pages{
  margin:0 0 0 15px;
 }
  div#content div.sc-pages a{
   float:left;
   width:80px;
   height:28px;
   display:inline;
   margin:0 10px 0 0;
   text-indent:-9999px;
   background-position:0 0;
   background-repeat:no-repeat;
  }
  div#content div.sc-pages a.on{height:33px;background-position:0 -29px;}

div#content div.sc-large{
  clear:both;
  float:left;
  width:960px;
  margin:15px 15px 45px;
 }
  div#content div.sc-large h2{
   float:none;
   color:#fff;
   margin:0 10px;
   text-indent:0;
   font-size:22px;
  }
  div#content div.sc-large p.sinfo{
   float:left;
   margin:10px;
  }
   div#content div.sc-large p.sinfo span{
    color:#fff;
   }
  div#content div.sc-large p.scroll{
   float:right;
   margin:10px;
  }
   div#content div.sc-large p.scroll a{
    font-size:9px;
    margin-left:10px;
    padding-left:16px;
    text-transform:uppercase;
   }
   div#content div.sc-large p.scroll a.top{
    background: none 0 2px no-repeat;
   }
   div#content div.sc-large p.scroll a.down{
    padding-left:26px;
    border-left:1px solid #333;
    background: none 10px 2px no-repeat;
   }
  div#content div.sc-large div.img{
   clear:both;
   float:left;
   padding:8px;
   background: none 0 0 no-repeat;
  }
   div#content div.sc-large div.img a.tml_open{
    top:0;
    left:0;
    width:94px;
    display:block;
    height:84px;
    position:absolute;
    text-indent:-9999px;
   }
/*   div#content div.sc-large div.img a.tml_open{
    width:94px;
    float:right;
    height:84px;
    display:inline;
    text-indent:-9999px;
    margin:-541px -3px 0 0;
   }*/
   div#content div.sc-large div.img div.tml{
    width:940px;
    background:#070707;
    border:1px solid #fff;
    border-bottom:0;
   }
    div#content div.sc-large div.img div.tml p{
     padding:20px 20px 10px;
    }
     div#content div.sc-large div.img div.tml p strong{
      color:#fff;
      line-height:30px;
     }
   div#content div.sc-large div.img img{
    border:0;
    float:left;
    width:940px;
    height:531px;
    border:1px solid #fff;
   }

div#content div#tools-info{
  margin:10px 0;
 }
  div#content div#tools-info div.info{
   float:left;
   width:550px;
   display:inline;
   margin:10px 0 0;
  }
   div#content div#tools-info div.info a.sign-up-now,
   div#content div#tools-info div.info a.user-login{
    float:left;
    width:93px;
    height:22px;
    display:inline;
    text-indent:-9999px;
    margin:15px 10px 0 0;
   }
  div#content div#tools-info div.test{
   float:right;
   width:336px;
   height:122px;
   display:inline;
   font-size:13px;
   margin:0 25px 0 0;
  }
   div#content div#tools-info div.test p{
    margin:12px 15px 0 40px;
   }

div#content form.contact{
  margin:20px 0 0;
 }
  div#content form.contact label{
   color:#fff;
   float:left;
   width:310px;
   line-height:20px;
   margin:0 25px 10px 0;
  }
  div#content form.contact label.fix{
   line-height:14px;
  }
  div#content form.contact label.ta{
   width:653px;
  }
   div#content form.contact label .text,
   div#content div#contact-map p.get input.text{
    border:0;
    margin:0;
    float:right;
    width:210px;
    height:20px;
    color:#515151;
    font-size:10px;
    margin:-20px 0 0;
    vertical-align:middle;
    padding:6px 10px 0 8px;
    font-family:Tahoma,sans-serif;
    background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/yazi-bg.png) 0 0 no-repeat;
   }
   div#content form.contact label.fix input.text{
    margin:-26px 0 0;
   }
   @media screen and (-webkit-min-device-pixel-ratio:0){
    div#content form.contact label .text,
    div#content div#contact-map p.get input.text{
     margin:0;
    }
   }
   div#content form.contact label input.textfocus,
   div#content div#contact-map p.get input.textfocus{
    background-position:0 -27px;
   }
   div#content form.contact label textarea.text{
    width:550px;
    height:110px;
    overflow:hidden;
    padding:6px 15px 5px 8px;
    background: none 0 0 no-repeat;
   }
   div#content form.contact label textarea.textfocus{
    background-position:0 -123px;
   }
  
 div#content div#contact-map{
  width:663px;
  display:none;
  overflow:hidden;
 }
  div#content div#contact-map a.close{
   width:95px;
   height:7px;
   float:right;
   display:inline;
   text-indent:-9999px;
   margin:15px 10px 0 0;
   background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/close-map.png) 0 0 no-repeat;
  }
  div#content div#contact-map p.get{
   line-height:30px;
  }
   div#content div#contact-map p.get input.text{
    float:none;
    margin:0 5px 0 23px;
    vertical-align:middle;
   }
   div#content div#contact-map p.get input.button{
    border:0;
    width:96px;
    height:22px;
    cursor:pointer;
    vertical-align:middle;
   }
  div#content div#contact-map div#mapc{
   float:left;
   width:663px;
   height:305px;
   margin:10px 0 0;
   background: none 0 0 no-repeat;
  }
  div#content div#contact-map div#gmap{
   margin:9px 0 0 8px;
  }

div#footer ul{
  float:left;
  margin:25px 0 0;
  list-style-type:none;
 }
  div#footer ul li{
   float:left;
   padding:0 17px;
   line-height:12px;
   border-left:1px solid #858585;
  }
  div#footer ul li.h{
   border-left:0;
   padding-left:0;
  }
   div#footer ul li a{
    color:#858585;
   }
   div#footer ul li a:hover{
    color:#fff;
    text-decoration:none;
   }
 div#footer div p#fcpy{
  float:left;
  display:inline;
  margin:25px 0 0 75px;
 }
 div#footer div p#fdbk{
  float:left;
  display:inline;
  margin:20px 0 0 16px;
 }
  div#footer div p#fdbk a{
   width:28px;
   height:29px;
   display:block;
   text-indent:-9999px;
   background: none 0 0 no-repeat;
  }

div#media-centre-holder{
 left:50%;
 top:136px;
 z-index:50;
 width:993px;
 height:419px;
 display:none;
 overflow:hidden;
 position:absolute;
 margin:0 0 0 -497px;
}
 div#media-centre-holder div#media-centre{
  top:0;
  left:0;
  width:993px;
  height:419px;
  display:block;
  position:absolute;
  background:#000  none 0 0 no-repeat;
 }
 div#media-centre-holder div#media-centre a#ontwerp-tag{
  top:280px;
  left:630px;
  width:81px;
  height:56px;
  display:none;
  position:absolute;
  background: none 0 0 no-repeat;
 }
 div#media-centre-holder div#flash-mc{
  top:9px;
  left:9px;
  position:absolute;
 }
 div#media-centre-holder div#media-centre-controls{
  top:8px;
  right:5px;
  width:250px;
  height:400px;
  position:absolute;
 }
  div#media-centre-holder div#media-centre-controls div#media-centre-tabs{
   float:left;
   height:32px;
   line-height:31px;
  }
   div#media-centre-holder div#media-centre-controls div#media-centre-tabs a{
    float:left;
    width:81px;
    height:31px;
    display:inline;
    text-indent:-9999px;
    background-position:50% 3px;
    background-repeat:no-repeat;
   }
   div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.on{
    width:84px;
    background-position:50% -35px;
   }
   div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.video.on{
    width:86px;
   }
  div#media-centre-holder div#media-centre-controls div#media-centre-videos{
   clear:left;
   float:left;
   display:inline;
   margin:8px 0 0 6px;
  }
   div#media-centre-holder div#media-centre-controls div#media-centre-videos div{
    display:none;
   }
    div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video,
    div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news{
     clear:left;
     float:left;
     width:233px;
     height:69px;
     cursor:pointer;
     display:inline;
     text-align:left;
     margin:0 0 2px 0;
     background: none 0 0 no-repeat;
    }
    div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video.playing,
    div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news.hover{
     background-position:0 -69px;
    }
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video img,
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news img{
      clear:left;
      float:left;
      width:69px;
      height:47px;
      display:inline;
      margin:11px 0 0 8px;
     }
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video span,
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news span{
      clear:right;
      float:right;
      width:135px;
      display:inline;
      font-size:10px;
      line-height:12px;
      padding:0 10px 0 0;
      font-family:Arial,sans-serif;
     }
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video span.title,
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news span.title{
      color:#fff;
      padding:12px 10px 5px 0;
      text-transform:uppercase;
     }
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.video span.file,
     div#media-centre-holder div#media-centre-controls div#media-centre-videos div p.news span.url{
      display:none;
     }
div#mcdivhover{
 clear:both;
 float:left;
 width:69px;
 height:47px;
 display:none;
 cursor:pointer;
 display:inline;
 margin:-47px 0 0 8px;
 background: none 0 0 no-repeat;
}
div#mcdivhoverd{
 top:0;
 left:0;
 width:69px;
 height:47px;
 display:none;
 cursor:pointer;
 position:absolute;
 background: none 0 0 no-repeat;
}

div#top h1 a{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/logomuz.png) 0 0 no-repeat;}
div#nav ul li a{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/ust-menu.png) no-repeat;}
div#content div.column-right ul li a{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/menubuton.png) 5px 0 no-repeat;}
div#content div.column-right ul.list li{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/menubuton.png) 5px 0 no-repeat;}
div#content div.column-right ul li a:hover{background-position:5px -21px;}
div#content div.blog p.perma{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/perma-bg.gif) 0 0 no-repeat;}
div#content div.blog p.comments{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/comments-bg.gif) 0 0 no-repeat;}
div#content div.column-third h4.cms{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/cssnedir.png) 0 0 no-repeat;}
div#content div.column-third h4.otp{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/htmlnedir.png) 0 0 no-repeat;}
div#content div.column-third h4.crm{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/photoshopnedir.png) 0 0 no-repeat;}
div#content form.newsletter input.button{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/sign-up.png) 0 0 no-repeat;}
div.popup-login p.submit input.button{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/login.png) 0 0 no-repeat;}
div#content form.contact p.submit input.submit{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/submit-form.png) 0 0 no-repeat;}
div#content div#contact-map input.button{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/get-directions.png) 0 0 no-repeat;}
div#content div.woops{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/noresult.png) 0 5px no-repeat;}
div#content div.wwd-pages a#ww{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/web-services.png);}
div#content div.wwd-pages a#wd{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/application-development.png);}
div#content div.wwd-pages a#wa{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/all-services.png);}
div#content div.awards-pages a#a2009{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/a2009.png);}
div#content div.awards-pages a#a2008{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/a2008.png);}
div#content div.awards-pages a#a2007{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/a2007.png);}
div#content div.awards-pages a#a2006{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/a2006.png);}
div#content div.sc-pages a#a{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/archive.png);}
div#content div.sc-pages a#p{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/apps.png);}
div#content div.sc-pages a#e{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/e-com.png);}
div#content div.sc-pages a#f{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/featured.png);}
div#content div.sc-pages a#o{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/online.png);}
div#content div.sc-pages a#m{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/misc.png);}
div.blog-entry p.date{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/calendar.png);}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/silde-ust-menu.png);}
div#content div#tools-info div.info a.sign-up-now{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/sign-up-now.png);}
div#content div#tools-info div.info a.user-login{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/user-login.png);}
div#content div#tools-info div.test{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/testimonial-bg.png);}
div#content div.sc-large div.img a.tml_open{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/testimonial.png);}
div#video-comments div.comment{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/comment.gif);}
div#content div.blog-comments div.comment{background:url(http://csstasarimm.cs.funpic.org/YeniTasarim/comment.gif) 0 0 no-repeat;}
form.video p.submit input.submit{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/submit.png);}
div#content div.blog-right form.search input.button{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/go.png);}
div#content div.pagination div.left a{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/pagination.png);}
div#content div.pagination div.right a{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/pagination.png);}
div#content div.pagination div.pages a.on{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/pagination-on.gif);}
div#content form.blog input.button{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/add-a-comment.png);}
div#feedback_div input.button{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/feeback-submit.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.featured{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/favoriler.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.video{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/videolar.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.news{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/yeniler.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.cms{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/tab-cms.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.otp{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/tab-otp.png);}
div#media-centre-holder div#media-centre-controls div#media-centre-tabs a.crm{background-image:url(http://csstasarimm.cs.funpic.org/YeniTasarim/tab-crm.png);}

.colour,
div#content div.info p.title span,
div#content div.column-right ul li a span,
div#content div.column-right ul li a:hover,
div#content div.blog p.perma a,
div#content div.blog p.comments a{
 color:#01a9d3 !important;
}
div#content div.blog-right table.calendar td a{
 border-color:#01a9d3;
}

div#top ul#mininav li a,
div#nav{
 position:relative;
}

div#content form.contact label.cabinet input.file{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
div#pusher{
 height:auto !important;
 height:299px;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

--></style> <FCK:meta content="paDH23QJ2u9KpNBK0Agf+WyVduXWchxScJRZFgDImmc=" name="verify-v1" /> <FCK:meta content="text/css" http-equiv="content-style-type" /><span style="color: rgb(255, 255, 255);"><script src="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/jquery-1.2.2.pack.js" type="text/javascript"></script></span> <link media="screen" href="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/thumbnailviewer.css" type="text/css" rel="stylesheet" /><span style="color: rgb(255, 255, 255);"><script src="http://csstasarimm.cs.funpic.org/JavaScript/Css-Merkez/thumbnailviewer.js" type="text/javascript"></script><script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
</script></span><style type="text/css" media="all">     body{background-image: none;}   </style><span style="color: rgb(255, 255, 255);"><script type="text/javascript">var _siteRoot='http://www.css-merkez.tr.gg/',_root='http://www.css-merkez.tr.gg/';</script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez2.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkez3.js"></script><script type="text/javascript" src="http://csstasarimm.cs.funpic.org/YeniTasarim/css-merkezie6.js"></script></span> <div id="top"> <div class="wrap"> <div class="popup popup-login" id="popup-cms"> </div> <div class="popup popup-login" id="popup-client"> <div class="close"> </div> <form action="/Ziyaretci-Defteri.htm" method="post">     <script type="text/javascript">
function insert_smilie (code) {
    document.getElementById('kommentartext').value += ' ' + code;
    document.getElementById('kommentartext').focus();
}
</script>   </form> </div> </div> </div>  <div id="header"> <div class="wrap"> <div id="slide-holder"> <div id="slide-runner"><a href="http://cem-1905.tr.gg/Videolar.htm" _fcksavedurl="http://cem-1905.tr.gg/Videolar.htm"><img class="slide" id="slide-img-1" alt="" src="http://www.hizliupload.com/img/405851lost_lost.jpg" _fcksavedurl="http://www.hizliupload.com/img/405851lost_lost.jpg" /></a>   <a href="http://cem-1905.tr.gg/Webmaster.htm" _fcksavedurl="http://cem-1905.tr.gg/Webmaster.htm"><img class="slide" id="slide-img-2" alt="" src="http://www.hizliupload.com/img/427613html_logo.png" _fcksavedurl="http://www.hizliupload.com/img/427613html_logo.png" /></a>   <a href="http://cem-1905.tr.gg/Download.htm" _fcksavedurl="http://cem-1905.tr.gg/Download.htm"><img class="slide" id="slide-img-3" alt="" src="http://www.hizliupload.com/img/784431download_buton.jpg" _fcksavedurl="http://www.hizliupload.com/img/784431download_buton.jpg" /></a>   <a href="http://cem-1905.tr.gg/Sohbet.htm" _fcksavedurl="http://cem-1905.tr.gg/Sohbet.htm"><img class="slide" id="slide-img-4" alt="" src="http://www.hizliupload.com/img/321324sohbet.jpg" _fcksavedurl="http://www.hizliupload.com/img/321324sohbet.jpg" /></a>   <a href="http://cem-1905.tr.gg/Oyunlar.htm" _fcksavedurl="http://cem-1905.tr.gg/Oyunlar.htm"><img class="slide" id="slide-img-5" alt="" src="http://www.hizliupload.com/img/195871kovboy+oyunu.JPG" _fcksavedurl="http://www.hizliupload.com/img/195871kovboy+oyunu.JPG" /></a>   <a href="http://www.cem-1905.tr.gg/MSN--Oe-zel.htm" _fcksavedurl="http://www.cem-1905.tr.gg/MSN--Oe-zel.htm"><img class="slide" id="slide-img-6" alt="" src="http://www.hizliupload.com/img/202823MSN_Smiley.jpg" _fcksavedurl="http://www.hizliupload.com/img/202823MSN_Smiley.jpg" /></a>   <a href="http://www.cem-1905.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://www.cem-1905.tr.gg/Ziyaretci-defteri.htm"><img class="slide" id="slide-img-7" alt="" src="http://www.hizliupload.com/img/118855ziyaretci_defteri_menu.jpg" _fcksavedurl="http://www.hizliupload.com/img/118855ziyaretci_defteri_menu.jpg" /></a> <div id="slide-controls"> <p class="text" id="slide-client"> </p> <p class="text" id="slide-desc"> </p> <p id="slide-nav"> </p> </div> </div> </div> <script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"","desc":""},{"id":"slide-img-2","client":"","desc":""},{"id":"slide-img-3","client":"","desc":""},{"id":"slide-img-4","client":"","desc":""},{"id":"slide-img-5","client":"","desc":""},{"id":"slide-img-6","client":"","desc":""},{"id":"slide-img-7","client":"","desc":""}];
   </script></div> </div> <br /> </meta> </meta>

örnek kullanım için tıklayınız

DYNAMIC CONTECT TARZ DAHA DEĞİŞİK JAVASCRIPT EKLEMEK ISTIYORSANIZ TIKLAYINIZ.

Bugün 2 ziyaretçi (117 klik) kişi burdaydı!

eBlog Templates Demo

SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod4