Mesaj Önizleme  Konuyu Gönder 


Sayfa (2): « İlk [1] 2 Sonraki > En Son »
Gazetelerdeki gibi yazıların ilk harfi büyük olsun
Yazar Mesaj
AngelSlayer
Forbitten Love
*****


Mesajlar: 912
Grup: Üye
Katılım: 2007
Statü: Çevrimdışı
Karma Puanı: 17
Mesaj: #1
Gazetelerdeki gibi yazıların ilk harfi büyük olsun

Gazete okurken(okuyusunuzdur umarım) dikkatinizi çekmiştir paragraflara başlarken ilk harf kocamandır.Bunu birazcık css ile mybb için uygulamak tabikide mümkün;

şimdi isterseniz öncelikle mantığı kavrayalım daha sonra bu kodlamayı mybb için uygulamaya çalışalım;
Örnek;
angelslayer

şimdi arkadaşlar yukardaki yazının başlığını hep birlikte büyütelim
öncelikle yazımızı div editketiyle tanımlayalım şöyle ki;
<div class="ilkharf">angelslayer</div>
div ile tanımladıktan sonra css kodlamasına geçelim ;)

.ilkharf:first-letter {
font-size:400%;
float:left;
line-height:.8em;
}


yukarıdaki kodlama en basitinden yazımızın baş harfinin boyutunu büyütür şimdi isterseniz buna biraz daha özellik ekleyelim;
yazımızın baş harfi daha janjanlı olması için arka plan atayalım bunuda;

background: url('skins/gokyuzu/icons/ilkharf.gif') no-repeat;

no-repeat diyoruz ki arka plan resmimiz birden çok tekrarlanmasın;

birde baş harfimiz birazdaha ayırt edilmesi açısından ona noaml yazımzıdan ayrı bir renk atayalım;

color: #0099FF;

birde unutmadan padding değerini koyalım;
padding:10px 0 0 20px; yeterli olur sanırım hoşunuza gitmezse siz sayıları küçültüp büyütebilrisiniz ;)

şimdi css kdumuzu toplayalım;

.ilkharf:first-letter {
font-size:400%;
float:left;
line-height:.8em;
color: #0099FF;
background: url('skins/gokyuzu/icons/ilkharf.gif') no-repeat;
padding:10px 0 0 20px;
}


Not: burda yazıların baş harflerinin büyük olmasını first-letter özelliği sayesinde yapıyoruz

güzel oldu (= şimdi gelelim bizi ilgilendiren kısıma!!!
önemli olan burda mybb'de hangi kodu div ile tanımlıycağımızdır.
mybb'de forumda yazılan mesejlar posbit kalıbında {$post['message']} adlı kodla yerine getirilir. bizde en başta yazdığımız angelslayer adnın yerine bunu div ile tanımalrsak şöyle ki;

<div class="ilkharf">
{$post['message']}
</div>


şeklinde yapıp kaydediyoruz. daha sonra tema düzenleden ek css kısmına gelip;

.ilkharf:first-letter {
font-size:400%;
float:left;
line-height:.8em;
color: #0099FF;
background: url('skins/gokyuzu/icons/ilkharf.gif') no-repeat;
padding:10px 0 0 20px;
}


yukarıda css kodunu yapıştırıyoruz ;)

kaynak: html kitabım (=


HaylazForum.org
Pardus | Özgürlük İçin
MyBBToplist.com
______________________________________________
İmkansız bu dünyayı
Değiştirebilecek gücü
İçlerinde keşfetmek yerine,
Kendilerine sunulan dünyada
Yaşamayı daha kolay bulan,
Küçük insanların ortaya attığı
Büyük bir kelimedir.
İmkansız bir gerçeklik,
Bir görüştür.
İmkansız potansiyeldir. Geçicidir.
İmkansız yoktur.

En son düzenleme: 22-07-2007 02:18 PM AngelSlayer.

22-07-2007 02:18 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
CanCoNTi
(OKS)
******


Mesajlar: 3,100
Grup: Super Moderatör
Katılım: 2007
Statü: Uzakta
Karma Puanı: 29
Mesaj: #2
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

Açıkçası pek hoşuma gitmiyor çünkü sadelikten yanayım, sağ ol Angel.


En son düzenleme: 22-07-2007 02:39 PM CanCoNTi.

22-07-2007 02:23 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
tamupro Ban!!
Banlanmış


Mesajlar: 869
Grup: Banlanmış
Katılım: 2007
Statü: Çevrimdışı
Mesaj: #3
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

Güzel bir şeye benziyor

22-07-2007 02:37 PM
Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
OxiD
Banned :p
*****


Mesajlar: 914
Grup: Üye
Katılım: 2007
Statü: Çevrimdışı
Karma Puanı: 9
Mesaj: #4
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

bir ara bu sitede vardı sanırım :? güzel birşey bence...sağol angel



22-07-2007 03:12 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
dazgir
Abone Üye
****


Mesajlar: 354
Grup: Üye
Katılım: 2007
Statü: Çevrimdışı
Karma Puanı: 3
Mesaj: #5
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

plugin olsa daha hoş olurdu


http://www.antifor.net
genel blog sayfam
üniversiteme yerleşene kadar
22-07-2007 03:22 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
nayhki
Mesajcı Üye
*****


Mesajlar: 1,134
Grup: Üye
Katılım: 2007
Statü: Çevrimdışı
Karma Puanı: 6
Mesaj: #6
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

elbette biri çıkar plugin yapar


.
20-08-2007 05:06 PM
Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
yemudira
Forever MD
*****


Mesajlar: 1,621
Grup: Üye
Katılım: 2007
Statü: Uzakta
Karma Puanı: 26
Mesaj: #7
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

bunun içinde mi plugin:D
beyler editlemek daha kolay plugin yükle felan :D

saolasın
ya bunu arıyodum denk geldi:D
saol

20-08-2007 05:40 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
muhammet93
WwW.AnimeTrk.OrG
***


Mesajlar: 155
Grup: Üye
Katılım: 2007
Statü: Çevrimdışı
Karma Puanı: 1
Mesaj: #8
Cvp: Gazetelerdeki gibi yazıların ilk harfi büyük olsun

plugin olsa süper olur ya ilk harf gifi ney :S


08-10-2007 06:06 PM
Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği mesajları bul Bu mesajı bir cevapta alıntı yap
Sayfa (2): « İlk [1] 2 Sonraki > En Son »
Mesaj Önizleme  Konuyu Gönder 

Yazdırılabilir Bir Versiyona Bak
Bu Konuyu Bir Arkadaşına Gönder
Bu Konuya Abone Ol | Konuyu Favorilerine Ekle