MinikUzman | Bilgisayarın En Derinliklerinden: Html Kodları

Html Kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Navigasyon Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" width="200" /></a></div>
Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer css bilginiz varsa renkler üzerinde de biraz değişiklik yapabilirsiniz. Fakat kesinlikle telif haklarını silmeyin. Sizde blogger karalisteye girmeyin. Eğer bize birazcık saygınız varsa.<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 112px; margin: 0px; width: 389px;">

<minikuzman>
<style type="text/css">
.overview-button {
 position:fixed;
 left:-10px;
 top:10px;
 width:72px;
 height:62px;
 background-color: #363636;
 cursor:pointer;
 pointer-events: auto !important;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 z-index:999999;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    background-color: #000;
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #b72228;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.overview-button img
{
    width: 40px;
    height: 40px;
    float: right;
    padding: 12px 12px 0px 0px;
}
.overview-button:hover {
 background-color: #b72228;
 border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #000;
}
ul#minikuzman {
 position:fixed;
 margin: 0px;
 padding: 0px;
 top: 10px;
 right: 0px;
 list-style: none;
 z-index:999999;
 cursor:pointer;
 pointer-events: auto !important;
 display:block;
}
ul#minikuzman li
{
    width: 200px;
    margin-bottom: 5px;
}
ul#minikuzman li img
{
    width: 40px;
    height: 40px;
    float: left;
    padding: 10px 0px 0px 12px;
}
ul#minikuzman li a
{
    display: block;
    width: 200px;
    height: 62px;
    background-color: #b72228;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #000;
}
ul#minikuzman li a:hover
{
    background-color: #000;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #b72228;
}
ul#minikuzman li span {
 color:#fff;
 font-family: Arial;
 font-weight:normal;
 font-size:28px;
 line-height:62px;
}
@media screen and (max-width: 1024px) 
{
    .overview-button img
    {
        width: 30px;
        height: 30px;
        padding: 4px 6px 0px 0px;
    }
    .overview-button
    {
        width: 50px;
        height: 38px;
    }
    ul#minikuzman li img
    {
        width: 30px;
        height: 30px;
        padding: 5px 0px 0px 5px;
    }    
    ul#minikuzman li a
    {
        height: 40px;
    }
    ul#minikuzman li span
    {
        font-size: 20px;
        line-height: 40px;
        padding-right:20px;
    }
    ul#minikuzman li 
    {
        margin-right:-20px;
    }
    .hint {
 font-size: 18px;
 padding: 5px 10px 10px 10px;
}    
}
      </style>

<ul id="minikuzman">
<li><a href="#"><img src="http://redcode.web.tr/images/home.png" alt="" /><span>AnaSayfa</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/skills.png" alt="" /><span>MinikUzman</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/resume.png" alt="" /><span>Servisler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/portfolio.png" alt="" /><span>Haberler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/about.png" alt="" /><span>Hakkımızda</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/contact.png" alt="" /><span>Iletişim</span></a></li>
</ul>
</minikuzman>

Navigasyon Kodu

Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer cs...

Devamı »

02:45

Slider Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kodburada.com/wp-content/uploads/2013/02/html.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.kodburada.com/wp-content/uploads/2013/02/html.jpeg" width="165" /></a></div>
Html slider kodunu kullanarak sitenize muazzam bir güzellik katabilirsiniz. Yapmanız gereken kodu sitenize eklemek. Farkettiyseniz bu bizim kullandığımız slider. Hangi site böyle birşey yapar ki?<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><style type="text/css">

#sliderFrame {position:relative;width:700px;margin: 0 auto 40px;}
        
#slider {
    width:700px;height:306px;/* Make it the same size as your images */
 background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLtSfOZ-DJGDOABLYLICFEm3pdYtaY16c0fhWRzdJdykY6l1prJvBUeoSnXkPb2YVMadMKdLXCedNXOnsX_9bMog6zapnaxPq_8HHGdm9eHOkUAc3Pm73xVnlMYMM8jU-bMgBWwOGFq7a/s1600/loading.gif) no-repeat 50% 50%;
 position:relative;
 margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#slider img {
 position:absolute;
 border:none;
 display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
 z-index:2;
 display:none;position:absolute;
 top:0px;left:0px;border:0;padding:0;margin:0;
 width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
 position:absolute;
 width:100%;
 height:auto;
 padding:0;
 left:0px; 
 bottom:15px;
 z-index:3;
 overflow:hidden;
 font-size: 0;
}
div.mc-caption-bg {
 background-color:black;
}
div.mc-caption {
 font: bold 14px/20px Arial;
 color:#EEE;
 z-index:4;
 padding:10px 0;
 text-align:center;
}
div.mc-caption a {
 color:#FB0;
}
div.mc-caption a:hover {
 color:#DA0;
}

/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
 top:320px; left:280px; /* Its position is relative to the #slider */
 width:150px;
 background:none;
 padding-left:20px;
 position:relative;
 z-index:5;
 cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirvdqXHS30h6_7cAmTf5mdNq5BQ4ywkBeBDyPtHnkZnbNa34wKz8FA5__p4rJ5v0OXM5L9EROI8G01c3IxUKkDyaEtPLGa9ZnHqanALuhuf1hitYMCNvw1FiRPWVxgSPAcXBFKRPt3mwxm/s1600/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}
div.navBulletsWrapper div.active {background-position:0 -11px;}
.intro {
    bottom: 0;
    color: rgba(0, 0, 0, 0.2);
    font-size: 16px;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 99999;
}
/* --------- Others ------- */
#slider 
{
 transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
</style>
<script src="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script>
<script src="http://project.dimpost.com/image-slider/js-image-slider-2.js" type="text/javascript"></script>

<div id="sliderFrame">
<div id="slider">
<a href="http://minikuzman.blogspot.com/p/iletisim.html"><img src="http://blog.ucuzavm.com/wp-content/uploads/2013/03/yazar_araniyor.jpg" alt="Yazar Arıyoruz!" /></a>
<a href="#"><img src="http://recepaltun.com.tr/wp-content/uploads/2014/02/HTML5_Banner_002-700x300.jpg" alt="Yepyeni HTML Kodları." /></a>
<a href="http://minikuzman.blogspot.com/p/forum_8.html"><img src="http://switchandshift.com/wp-content/uploads/2013/10/social_people_Image-credit-a-hrefhttp-__www.123rf.com_photo_9842683_silhouette-of-young-people-with-speech-bubbles.htmlmarish-_-123RF-Stock-Photo_a700x300.jpg" alt="Forum Açıldı!" /></a>
<a href="http://minikuzman.blogspot.com/2014/04/en-populer-android-oyunlar.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsn5AQ6F7XeJOVpFdz3KU5xjkHPWx3-tNPJntkqDOIMWLLEwkqxFhp2-P2mDfoPK3evbhRtP86jCDm5PH4Dcn5Qp_BUjtIE8JwFL7Bp-mwW59L_MwVOkqCseqKhFuxBt1r1g0viR_tmA2h/s1600/android-subway-surfers.jpg" alt="En Populer Android Oyunları" /></a>
<a href="http://minikuzman.blogspot.com/2014/04/her-bilgisayarda-olmas-gereken-baz.html"><img src="https://ineqe.com/wp-content/uploads/2013/06/iStock_000025138182Small-700x300.jpg" alt="Her Bilgisayarda Olması Gereken Bazı Programlar"/></a>
</div>
<div id="htmlcaption1" style="display: none;">
Image Slider by <a href="minikuzman.blogspot.com" target="_blank">MinikUzman.com</a>
</div>
<div id="htmlcaption2" style="display: none;">
<a href="http://www.w3schools.com/css/" target="_blank">CSS</a> <a href="http://www.w3schools.com/js/default.asp" target="_blank">JavaScript</a> Rocks.
</div>
</div>

Slider Kodu

Html slider kodunu kullanarak sitenize muazzam bir güzellik katabilirsiniz. Yapmanız gereken kodu sitenize eklemek. Farkettiyseniz bu bizi...

Devamı »

08:18

Site İçi Arama Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.experian.com/assets/marketing-services/images/icons/search.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="172" src="http://www.experian.com/assets/marketing-services/images/icons/search.png" width="200" /></a></div>
Site içi arama kodu ile sitede bulunmak istenilen şeyi ziyaretçilere kolaylıkla buldurabilirsiniz.<br />
Not: Bu bir tam arama kodu değildir. Otomatikmen google'da yazılan şeyi arar. Yani Site üzerinde gösterilmez. Site üzerinde göstermek için pek çok kodla oynamak lazım.<br />
<textarea class="bginput" cols="42" name="skycoa" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><form action="http://www.google.com/search" method="get">
 <input type="text" value="" maxlength="230" size="20" name="q" /><br /> <input type="submit" value="ARA" /><br /> <input type="radio" value="" name="sitesearch" />
Google Arama
<br />
<input type="radio" checked="" value="Site Adresi.com" name="sitesearch" />
Sitede Arama <br /> </form>

Site İçi Arama Kodu

Site içi arama kodu ile sitede bulunmak istenilen şeyi ziyaretçilere kolaylıkla buldurabilirsiniz. Not: Bu bir tam arama kodu değildir. O...

Devamı »

08:48

Site Yönlendirme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1R5r2hqGtrpoKZ5exF14axTeVy10GYxEu0FWK5Ac_ICRKTR7Cdp1myPkFB_EQIbDqj3qlb53kcCU_jyUwc6pc1LqcioxsNH7zdXytm5ODVaUSISM5-bogynXUwjIU-yvVA8g0zyarkkQ/s1600/Y%C3%B6nlendirme+Kodlar%C4%B1+html+asp+php+htm+cgi+y%C3%B6nlendirme+kodlar%C4%B1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1R5r2hqGtrpoKZ5exF14axTeVy10GYxEu0FWK5Ac_ICRKTR7Cdp1myPkFB_EQIbDqj3qlb53kcCU_jyUwc6pc1LqcioxsNH7zdXytm5ODVaUSISM5-bogynXUwjIU-yvVA8g0zyarkkQ/s1600/Y%C3%B6nlendirme+Kodlar%C4%B1+html+asp+php+htm+cgi+y%C3%B6nlendirme+kodlar%C4%B1.png" width="200" /></a></div>
Site yönlendirme kodu ile sitenizi başka sitelere otamatikmen yönlendirebilirsiniz. "Yönlendirilecek Sayfa Adresi" kısmına yönlendirilecek siteyi yazabilirsiniz.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;">< meta http-equiv="refresh" content="5;URL=Yönlendirilecek Sayfa Adresi" />

Site Yönlendirme Kodu

Site yönlendirme kodu ile sitenizi başka sitelere otamatikmen yönlendirebilirsiniz. "Yönlendirilecek Sayfa Adresi" kısmına yönle...

Devamı »

08:39

Sitene Html Kodlarını Ekle

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJV5CdwFSVpFEltJaKyJk_y5qydzN4Q2AJK7fVNeoF2oRD1v0hVWsWYtjWi49XYttCC0w7dRit7oqb3c0pCnK1FfxSQeOrYMVEkprpnsPU1Uy5mVJz1fNNETtuduIctR2tF8ukXA4uXU0/s1600/cooltext1529187630.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJV5CdwFSVpFEltJaKyJk_y5qydzN4Q2AJK7fVNeoF2oRD1v0hVWsWYtjWi49XYttCC0w7dRit7oqb3c0pCnK1FfxSQeOrYMVEkprpnsPU1Uy5mVJz1fNNETtuduIctR2tF8ukXA4uXU0/s1600/cooltext1529187630.png" width="320" /></a></div>
<br />
Bizden gurur duyuyorsan bizi sitene ekle. Eğer bir kod sitesi açtıysan pek olmaz ama bilgisayar hakkında bir site kurduysan bunu reklam gibi kenara koyabilirsin.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><iframe src="http://www.minikuzman.blogspot.com" frameborder="0" align="center" height = "200" width = "400" name="test" border="0">
</iframe>

Sitene Html Kodlarını Ekle

Bizden gurur duyuyorsan bizi sitene ekle. Eğer bir kod sitesi açtıysan pek olmaz ama bilgisayar hakkında bir site kurduysan bunu rekl...

Devamı »