Yazar
Hasan | 03-01-2024, 04:39 PM
Merhaba arkadaşlar,
Başbuğumuz ve ülkemizin kurucusu Gazi Mustafa Kemal ATATÜRK'ün en bilinen sözlerinden oluşan Atam diyor ki! panelini MyBB forumumuza ekleyeceğiz. Kurulumu çok kolay, iki işlem üzerine yapacağız. Unutmadan şunu ekleyelim istediğiniz her yerde bunu kullanabilirsiniz, ben size forum indexinde kurulumunu anlatacağım.
İlk olarak:
Admin KP Temalar ve Şablonlar Şablonlar Kullanılan Temaların Şablonları Anasayfa (İndex) Şablonları İndex şablonlarını aç ve bul
|
Altına ekle ve kaydet:
Kod:
<style>
/* Ata Söz */
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 40px;
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;
}
</style>
<div class="grid8">
<div class="span6"><blockquote class="testimonial">
<script type="text/javascript" language="Javascript">
var txtList = new Array()
txtList[txtList.length]="<p>Eğer bir gün benim sözlerim bilimle ters düşerse bilimi seçin!</p>";
txtList[txtList.length]="<p>Gençler cesaretimizi takviye ve idame eden sizlersiniz. Siz, almakta olduğunuz terbiye ve irfan ile insanlık ve medeniyetin, vatan sevgisinin, fikir hürriyetinin en kıymetli timsali olacaksınız. Yükselen yeni nesil, istikbal sizsiniz. Cumhuriyeti biz kurduk, onu yükseltecek ve yaşatacak sizsiniz.</p>";
txtList[txtList.length]="<p>Dünyada her şey için, medeniyet için, hayat için, başarı için, en hakiki mürşit bilimdir, fendir.</p>";
txtList[txtList.length]="<p>Bilim ve fen nerede ise oradan alacağız ve her ulus kişisinin kafasına koyacağız. Bilim ve fen için kayıt ve şart yoktur.</p>";
txtList[txtList.length]="<p>Bir millet eğitim ordusuna sahip olmadıkça, savaş meydanlarında ne kadar parlak zaferler elde ederse etsin, o zaferlerin kalıcı sonuçlar vermesi ancak eğitim ordusuyla mümkündür.</p>";
txtList[txtList.length]="<p>Gençliği yetiştiriniz. Onlara ilim ve irfanın müspet fikirlerini veriniz. Geleceğin aydınlığına onlarla kavuşacaksınız.</p>";
txtList[txtList.length]="<p>Hürriyet olmayan bir memlekette ölüm ve çöküş vardır. Her ilerleyişin ve kurtuluşun anası hürriyettir.</p>";
txtList[txtList.length]="<p>Uygarlık yolunda başarı yenileşmeye bağlıdır. Sosyal hayatta, iktisadi hayatta, ilim ve fen sahasında başarılı olmak için yegane gelişme ve ilerleme yolu budur.</p>";
txtList[txtList.length]="<p>Bir ulus, sımsıkı birbirine bağlı olmayı bildikçe yeryüzünde onu dağıtabilecek bir güç düşünülemez.</p>";
txtList[txtList.length]="<p>Hayatta en hakiki mürşit ilimdir.</p>";
txtList[txtList.length]="<p>Egemenlik verilmez, alınır.</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="images/ata-soz.png" alt="" width="80px" height="80px"></div><p><strong> Atam diyor ki!</strong></p></div>
</div>
<br class="clear" />
İkinci aşamada ise ftp yardımıyla
public_html/images/ içine hemen alttaki resmi yükleyiniz.
Önizleme:
Sadece MyBB değil Wordpress, vBulletin vb. sistemlerde de kullanabilirsiniz. Ben style kodlarını da kodların içine ekledim. <style></style> arasında yer alan CSS kodlarını ilgili CSS tablosuna eklersiniz.
|
DİKKAT |
Yazarımız Hasan hakkında: 2009 da başladı web maceram, MyBB, Wordpress, Matematik, Bilgisayar Programcılığı, Adalet derken şimdide burada bir şeyler yapmaya çalışıyorum :)