https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
Forumunuza Konu Reklam Alanı Ekleyin
#1
Merhaba Arkadaşlar Bir sitede bulduğum bir kodlama,Sizler için 10tl.net için çevirdim. İstediğiniz gibi kullanabilirsiniz bir sorun yoktur.Olursa da Yorum olarak atabilirsiniz...

Kodlamadan Bir Resim.adsiz.png

Aşağıdaki kodları ;

AdminKP > Şablon&Stil > Şablonlar > temanız > Ana Sayfa Şablonları > İndex > {$header} Altına Ekleyin...

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<link href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/style.css" rel="stylesheet" type="text/css" />
<script src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<script src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
<script src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<link href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/jquery.fancybox-1.3.4.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
        $(document).ready(function() {
            $("a.calismalar").fancybox();
        });
    </script>
</head>

<body>


    <center><div id="slayt">
        
        <div class="carousel main">
            <a class="prev" href="#"></a>
            <div class="jCarouselLite">
                <ul>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                    <li><a class="calismalar" href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data-buyuk.jpg">
                    <img alt="" height="170" src="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/data.jpg" width="267" /></a></li>
                </ul>
            </div>
            <a class="next" href="#"></a>
            <div class="clear">
            </div>
        </div>
    </div></center>
    
<script type="text/javascript">
    $(".jCarouselLite").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });  
</script>

</body>

</html>


Kodlar Alıntıdır. MyBB için Ben çevirdim...
Ara
Cevapla PGM
Teşekkür verenler:
#2
Çevirecek pek bişey yokmuş ama reklam alanı olarak beğendim :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
:D Style.css filan Birşey yok zaten :D Hazır olarak vermek maksat.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Güzel güzel yinede emek var :).
Ara
Cevapla PGM
Teşekkür verenler:
#5
ruqiem tema versem upload etsen :) olurmu
Ara
Cevapla PGM
Teşekkür verenler:
#6
Sorman hata yolla Ö.M.
Ara
Cevapla PGM
Teşekkür verenler:
#7
İşime yarayacak bir kod,sanırım ben yapamadım,veya kod da küçük bir sorun var.Resimleri yan yana çektiremedim.Sayfa boyunca alt alta dizili çıkıyor.Kontrol etmek mümkünmü.Teşekkürler...
Ara
Cevapla PGM
Teşekkür verenler:
#8
Teşekkürler şefim :)
“Mazlumun zalimden öcünü alacağı gün,
şüphesiz zalimin zulmettiği günden daha çetin olacaktır !"
Hz. Ali (r.a)

Kuş ölür, sen uçuşu hatırla...
Ara
Cevapla PGM
Teşekkür verenler:
#9
(08-12-2012 Saat: 04:23)dreamer Nickli Kullanıcıdan Alıntı: İşime yarayacak bir kod,sanırım ben yapamadım,veya kod da küçük bir sorun var.Resimleri yan yana çektiremedim.Sayfa boyunca alt alta dizili çıkıyor.Kontrol etmek mümkünmü.Teşekkürler...

Hocam Kodlar çakışıyor olabilir. birde Header kısmından ekleyin. eğer ki olmazsa ;

İndex'e Attığınız kod içinden :
Kod:
<link href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/style.css" rel="stylesheet" type="text/css" />
Bu kodu bulup silin. Sonra Temalar Kısmından .css oluşturmaya girin Alttaki özelliklerle css oluşturun ;

Dosya Adı : reklamst.css
İlişkilendirilen : Genel

Kendi İçeriiğimi yaz deyin ve aşağıdaki kodlar yapıştırıp kaydedin.

Kod:
#tasiyici {
    width: 960px;
    margin: 0px auto;

}

#slayt {
    margin: 20px 0px 0px 0px;
}
#slayt img {
    border: 5px solid #32454d;
}
#slayt li {
    margin: 0px 8px 0px 8px;
}
.carousel {
    width: 960px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/slayt-bg.png);
    margin: 20px 0px 0px 0px;
}
.jCarouselLite {
    padding: 10px;
    float: left;
}
.prev {
    width: 31px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/geri.jpg) no-repeat;
    float: left;
}
.next {
    width: 31px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/ileri.jpg) no-repeat;
    float: right;
    position: absolute;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ .next { margin-left:929px; z-index:999; } }

.baslik {
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/h1.png) repeat-y;
    height: 40px;
    line-height: 41px;
    color: #ffffff;
    padding: 0px 0px 0px 20px;
}
.h-baslik {
    font-size: 18px;
    line-height: normal;
}
.h-tarih {
    font-size: 10px;
}
.h-detay {
    font-size: 12px;
    padding: 5px 0px 0px 0px;
    color: #c4c0c0;
}
.devami {
    background-color: #0f2229;
    font-size: 12px;
    color: #c9c6c6;
    padding: 5px;
    float: right;
    border: 1px solid #25424e;
}
.devami a {
    color: #c9c6c6;
}
Ara
Cevapla PGM
Teşekkür verenler:
#10
(08-12-2012 Saat: 13:05)Requiem™ Nickli Kullanıcıdan Alıntı:
(08-12-2012 Saat: 04:23)dreamer Nickli Kullanıcıdan Alıntı: İşime yarayacak bir kod,sanırım ben yapamadım,veya kod da küçük bir sorun var.Resimleri yan yana çektiremedim.Sayfa boyunca alt alta dizili çıkıyor.Kontrol etmek mümkünmü.Teşekkürler...

Hocam Kodlar çakışıyor olabilir. birde Header kısmından ekleyin. eğer ki olmazsa ;

İndex'e Attığınız kod içinden :
Kod:
<link href="http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/style.css" rel="stylesheet" type="text/css" />
Bu kodu bulup silin. Sonra Temalar Kısmından .css oluşturmaya girin Alttaki özelliklerle css oluşturun ;

Dosya Adı : reklamst.css
İlişkilendirilen : Genel

Kendi İçeriiğimi yaz deyin ve aşağıdaki kodlar yapıştırıp kaydedin.

Kod:
#tasiyici {
    width: 960px;
    margin: 0px auto;

}

#slayt {
    margin: 20px 0px 0px 0px;
}
#slayt img {
    border: 5px solid #32454d;
}
#slayt li {
    margin: 0px 8px 0px 8px;
}
.carousel {
    width: 960px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/slayt-bg.png);
    margin: 20px 0px 0px 0px;
}
.jCarouselLite {
    padding: 10px;
    float: left;
}
.prev {
    width: 31px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/geri.jpg) no-repeat;
    float: left;
}
.next {
    width: 31px;
    height: 200px;
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/ileri.jpg) no-repeat;
    float: right;
    position: absolute;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ .next { margin-left:929px; z-index:999; } }

.baslik {
    background: transparent url(http://st.10tl.net/tema/smeaqol/destek10tl/tasiyici/images/h1.png) repeat-y;
    height: 40px;
    line-height: 41px;
    color: #ffffff;
    padding: 0px 0px 0px 20px;
}
.h-baslik {
    font-size: 18px;
    line-height: normal;
}
.h-tarih {
    font-size: 10px;
}
.h-detay {
    font-size: 12px;
    padding: 5px 0px 0px 0px;
    color: #c4c0c0;
}
.devami {
    background-color: #0f2229;
    font-size: 12px;
    color: #c9c6c6;
    padding: 5px;
    float: right;
    border: 1px solid #25424e;
}
.devami a {
    color: #c9c6c6;
}


Mantıklı Bu Şekilde Kod Çakışması Olamyacaktır :D
Kuvvete dayanmayan adalet âciz, adalete dayanmayan kuvvet zalimdir. (Blaise pascal)

Bilginin efendisi olmak için çalışmanın uşağı olmak şarttır. (Balzac)

İnsanın en büyük düşmanı, bizzat kendisidir. (Çiçero)

Affetmek ve unutmak iyi insanların intikamıdır. (Schiller )
Ara
Cevapla PGM
Teşekkür verenler:
#11
Degerli Requiem™ ve Ares açıklamalar için çok teşekkürler.Maalesef o şekilde de olmadı.Dediğiniz gibi kod çakışması ihtimali yüksek.Denemeye devam,gelişme olursa bu başlıkta bildirecegim.Teşekkürler,İyi çalışmalar.....
Ara
Cevapla PGM
Teşekkür verenler:
#12
Ben teşekkür ederim :) Tema kabul etmiyor olabilir.
Ara
Cevapla PGM
Teşekkür verenler:
#13
teşekkürler..
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 3 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping