12-13-2013, 03:59 PM
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
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
bularıda kaydediniz.
Bu alanları değişbilir ve istediğiniz özlü sözü siz ekleyebilirsiniz
burayada istediğiniz resmi ekleyebilirsiniz. buda size kalmış
Alıntıdır... Kodlama: Yondaime - Hasan
Caps:
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:
/* 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:
<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:
txtList[txtList.length]="<p>Kuvvete dayanmayan adalet âciz, adalete dayanmayan kuvvet zalimdir. (Blaise pascal) </p>";
burayada istediğiniz resmi ekleyebilirsiniz. buda size kalmış
Kod:
<img src="http://yodofoo.net/images/colossalv3/duyuru.png" alt="" />
Alıntıdır... Kodlama: Yondaime - Hasan
Alıntı:http://destek.10tl.net/showthread.php?tid=50962&ssid=ee09ec0251faa2c60febcbf60a26e66d
Caps: