MyBB Özlü Sözler

[#Ares#]

Merhaba Arkadaşlar,

Bugün sitemizde olan bir özelliği sizinle paylaşacağım. Malumunuz sitenin alt bölümünde özlü sözler diye bir alanımız var, isteyenler bunu kullansınlar diye de paylaşıyorum.

İlk olarak Tema ve Şablonlara gidip Kullandığımız temanın global.css'sinin gelişmiş düzenle diyoruz ve en alta ekliyoruz

Kod: Tümünü Seç Tümünü Kopyala

/* Yodofoo Özlü Sözler */
blockquote.testimonial {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #4a4a4a;
    border-radius: 10px;
    border: 0;
    color: #0099E6;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
}

blockquote.testimonial p {
    color: #FFF;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1em;
    line-height: 1.3;
}

blockquote.testimonial:before {
    left: 10px;
    top: 0;
}

blockquote.testimonial:before,
blockquote.testimonial:after {
    color: #FFF;
    content: "\201C";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}

blockquote.testimonial:after {
    bottom: -0.5em;
    content: "\201D";
    right: 10px;
}

div.testimonial-arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4a4a4a;
    height: 0;
    margin: 0 0 0 25px;
    width: 0;
}

div.testimonial-author {
    margin: 8px 0 0 8px;
}

div.testimonial-author div.thumbnail {
    float: left;
    margin-right: 7px;
    margin-top: -5px;
}

div.testimonial-author strong {
    color: #111;
    display: block;
    padding-top: 7px;
}

div.testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px;
}

div.testimonial-author p {
    color: #999;
    margin: 0 0 0 25px;
    text-align: left;
}

.ipucu{background-color:#35BDFF;}
.span6 .testimonial p a {
    color: rgb(255,255,255);
    text-decoration: blink;
}

kaydedip şablonlara(istediğiniz şablona eklemekte özgürsünüz ister footer ister index şablonuna ekleyin isterse header dediğim gibi sizin keyfinize kalmış ) geliyoruz ve bu kodları ekliyoruz

Kod: Tümünü Seç Tümünü Kopyala

<br class="clear" />

<div class="span6"><blockquote class="testimonial">
<script type="text/javascript" language="Javascript">
var txtList = new Array()

txtList[txtList.length]="<p>Kuvvete dayanmayan adalet âciz, adalete dayanmayan kuvvet zalimdir. (Blaise pascal) </p>";
txtList[txtList.length]="<p>Doğru işlemeyen akıl, keskinmiş, neye yarar? Saatin iyiliği çalışmasında değil, doğru gitmesindedir. (Vauvenargues)</p>";
txtList[txtList.length]="<p>Kusurlarınızı size söyleyebilecek arkadaşlar bulun. (N.Boileau)</p>";
txtList[txtList.length]="<p>Bilginin efendisi olmak için çalışmanın uşağı olmak şarttır. (Balzac)</p>";
txtList[txtList.length]="<p>İnsanın en büyük düşmanı, bizzat kendisidir. (Çiçero)</p>";
txtList[txtList.length]="<p>İnsan gençliğindne öğrenir, ihtiyarlığındna anlar. (Eschenbach)</p>";
txtList[txtList.length]="<p>İnsanın rütbesi yükseldikçe utancı azalır. ( Mahmut Kemal İnal )</p>";
txtList[txtList.length]="<p>Kadınlar, zayıf ama anneler kuvvetlidir. ( V. Hugo )</p>";
txtList[txtList.length]="<p>O bayıldı siz devam edin! ( Uz. Mahmut Çelik )</p>";
txtList[txtList.length]="<p>Hele bir susun hele! ( Uz. Mahmut Çelik )</p>";
txtList[txtList.length]="<p>Bizim Unuttuklarımızı Millet Yeni Öğreniyor! ( Uz. Mahmut Çelik )</p>";
txtList[txtList.length]="<p>Eğer yapamam diyorsan, hiçbir şeye ihtiyacın yok demektir! ( Uzumaki Naruto )</p>";
txtList[txtList.length]="<p>Beni parçalamak istemen beni senin yanına yaklaştırmaz! ( Yondaime Hokage )</p>";


j=parseInt(Math.random()*txtList.length);
j=(isNaN(j))?0:j;
document.write(unescape(txtList[j]));
</script>
<p></p>
</blockquote>
<div class="testimonial-arrow-down"></div>
<div class="testimonial-author"><div class="thumbnail thumbnail-small"><img src="http://yodofoo.net/images/colossalv3/duyuru.png" alt="" /></div><p><strong>      Sözün Özü</strong></p></div>
</div>
<br />

                <div id="debug"></div>

bularıda kaydediniz.

Bu alanları değişbilir ve istediğiniz özlü sözü siz ekleyebilirsiniz

Kod: Tümünü Seç Tümünü Kopyala

txtList[txtList.length]="<p>Kuvvete dayanmayan adalet âciz, adalete dayanmayan kuvvet zalimdir. (Blaise pascal) </p>";

burayada istediğiniz resmi ekleyebilirsiniz. buda size kalmış

Kod: Tümünü Seç Tümünü Kopyala

<img src="http://yodofoo.net/images/colossalv3/duyuru.png" alt="" />

Hayırlı olsun Alıntıdır Kodlama: Yondaime - Hasan


Caps:


Demo:www.merlin.10tl.net Mevcut

[MassiveStroke'']

Teşekkürler. Site içi demo verirsen güzel olur.

[Ciri]

Peki Sürekli Değişiyor mu? Elle mi Değiştireceğiz?

[#Ares#]

Peki Sürekli Değişiyor mu? Elle mi Değiştireceğiz?

Sayfa Yenileme Yapıldığında yada Konudan anasayfa dönüldüğünde değişiyor.

Demo:www.merlin.10tl.net Mevcut

[BySansar]

Paylaşım için teşekkürler aranılan birşeydi :)

[Rutin]

güzelmiş..paylaşım için tşkler

[Secilmis42]

Teşekkürler +rep.

[#Ares#]

Beğendiğinize sevindim :)