bwweb - dynamiccontent

Tüm Konular Bilgisayar Güvenliği XP Dersleri Programlar İkon Arşivi Word Dersleri

Tüm Konular Resimli Anlatımlar Yazılı Anlatımlar Videolu Anlatımlar Tasarım Kodları Hazır Kodlar Tasarım Kodları Javascript Kodları Google Kod Editörü

Tüm Konular Oyunlar Yerli Müzikler Yerli Klipler Yabancı Klipler Komik Videolar

Sorularınız Toolbarımız Sitenizi Ekleyin Sitemizdeki Yenilikleri Takip Edin

Yeni Haberler Tüm Haberler

Tüm Konular Dinimiz Küresel Isınma Sağlık Bilgileri Hayvanlar Alemi

BILGI-WORLD

WEB TASARIM

DİĞER

dynamiccontent

DYNAMİC CONTENT İLE GÜZEL BİR KOD

Merhaba arkadaşlar. Bizim anasayfamızda güncel konular için kullandığımız kodu paylaşacağız demiştik. Bu kod dynamic content kodu olup, javascript ile oluşturulmuş, otamik geçişleri olan çoğu haber sitesindeki javascript'e benzeyen fakat, tek farkı tıklama zorunluluğu olan bir koddur. Bu kod daha önce bazı sitelerde verildi, fakat bu kodu çalmışlar. Çünkü tüm css kodları yer alıyordu kodun içinde, dolayısıyla kodu sitenize eklediğinizde, sitenizinn arkaplanı, katmanları vs. her şeyi değişiyordu. Kodu biz bu halinden kurtararak, orjinal haline getirdik ve ikiye böldük. Aşağıdaki kodu tümünü seç yapıp ctrl+c yapıp kopyalayınız ve ilgili sayfanıza yapıştırın. 2. kodu indirip, kendinize göre editleyin ve 1. kodun hemen altına yapıştırıp kaydet deyin.

<style  type="text/css"> 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(https://img.webme.com/pic/b/bilgi-world/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(https://img.webme.com/pic/b/bilgi-world/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(https://img.webme.com/pic/b/bilgi-world/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(https://img.webme.com/pic/b/bilgi-world/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#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; }       <span style="color: rgb(255, 255, 255);"><script src="  http://www.fileden.com/files/2009/1/4/2252344/gk1.java"  type="text/javascript"></script></span> <link  media="screen" href="  http://www.fileden.com/files/2009/1/4/2252344/gk1.css" type="text/css"  rel="stylesheet" /><span style="color: rgb(255, 255,  255);"><script src="  http://www.fileden.com/files/2009/1/4/2252344/gk3.java"  type="text/javascript"></script><script  type="text/javascript">     jQuery(document).ready(function($) {       $('a[rel*=facebox]').facebox()     }) </script></span><style type="text/css" media="all">        </style><span style="color: rgb(255, 255,  255);"><script type="text/javascript">var  _siteRoot='http://www.bilgi-world.tr.gg/',_root='http://www.bilgi-world.tr.gg/';</script><script  type="text/javascript" src="  http://www.fileden.com/files/2009/1/4/2252344/gk4.java"></script><script  type="text/javascript" src="  http://www.fileden.com/files/2009/1/4/2252344/gk5.java"></script><script  type="text/javascript" src="  http://www.fileden.com/files/2009/1/4/2252344/gk6.java"></script><script  type="text/javascript" src="  http://www.fileden.com/files/2009/1/4/2252344/gk7.java"></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">

2. KODU İNDİRMEK İÇİN TIKLAYIN.

Öncelikle 580 x 285 boyutlarında resimlerinizi oluşturun. Oluşturduğunuz resimleri Siteye giriş >> Resimlerimi Yönet >> yeni resim ekle'den sitenize yollayın.

Dynamic content

…devam etmek için tıklayınız…

bilgi-world

Link artırmak için

Bu örneğimizde tek bir resim yapacağız.

bilgi-world

Link azaltmak için.

…devam etmek için tıklayınız…

bilgi-world

ßilgi-World ßilgi Dünyası
© ßilgi-World ßilgi Dünyası hizmetleri. © Tasarımın çalınması durumunda gerekli işlemler yapılacaktır.
Sitemiz 1280x800 çözünürlüğünde optimize edilmiştir.
Firefox, İnternet Explorer, Opera, Google Chorome gibi tarayıcılarda sorunsuz çalışmakla beraber en iyi firefox ile görüntülenir.
Etiketler: |bilgi world| |bilgi-world| |bilgisayar| |webtasarım| |tr.gg| |bedava-sitem| |program| |kodlar|

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol