Büyük Gelistirme: Buttons !

Tema geliştirme bölümü.

Büyük Gelistirme: Buttons !

İleti Emexci 18.03.2006, 23:10

Resim


Simdiki operasyonumuzda tüm gelistirmelerden bir fark olacak buttonlari öyle bir güzel olacakki sitenizin sitenize girmekten zevk alacaksiniz.
simdi adim adim izleyin

:1 . Sitenizin SubSilver.css adli dosyasini acin tema icerisindedir.

:2 . button.bg.gif adli dosyayi images klasörüne atin.

:3 . Dedigim Kodlari bulup degistirin

BUL
----

[syntax="css"]/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}[/syntax]

BUNUNLA DEGISTIR:
[syntax="css"]input.button {
BORDER-RIGHT: #616161 1px solid; PADDING-RIGHT: 2px;
BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px; BORDER-LEFT: #616161 1px solid; COLOR: #000262; PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}

input.mainoption {
BORDER-RIGHT: #616161 1px solid;
PADDING-RIGHT: 2px; BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px; BORDER-LEFT: #616161 1px solid; COLOR: #000262;
PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}

input.liteoption {
BORDER-RIGHT: #616161 1px solid;
PADDING-RIGHT: 2px; BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #616161 1px solid; COLOR: #000262;
PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}[/syntax]

KAYDET VE TADINI CIKART ;)

POWERED BY EMEXCI
En son Emexci tarafından, 08.04.2006, 14:07 tarihinde değiştirildi, toplamda 1 değişiklik yapıldı.
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

İleti the_alorak 18.03.2006, 23:13

Oldukça güzle birşey ben bilmiyordum kodları filan(yapıldığını biliyordum ama). Ellerine sağlık.
Kullanıcı avatarı
the_alorak
Üye
Üye
 
İleti: 212
Kayıt: 08.10.2005, 20:30
Konum: Zonguldak

Cvp: Önemli: Büyük Gelistirme: Buttons !

İleti Emexci 18.03.2006, 23:17

CALISMA 2 bu daha bi iyi görünüyo haksizmiyim :Ä)

Resim

ikinci button arkasi ekte ! button.bg.gif
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

İleti yigini 18.03.2006, 23:34

önemli :)
Kullanıcı avatarı
yigini
Üye
Üye
 
İleti: 661
Kayıt: 05.10.2005, 16:25

İleti Emexci 18.03.2006, 23:35

yigini yazdı:önemli :)


harikasin :) Devami bu baslik altinda gelecek demektir.
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

İleti CeNK 18.03.2006, 23:52

indiremiyorum bu gifi
Kullanıcı avatarı
CeNK
Üye
Üye
 
İleti: 584
Kayıt: 01.11.2005, 15:21
Konum: İstanbul

İleti Emexci 18.03.2006, 23:55

CeNK yazdı:indiremiyorum bu gifi


Ekte rar olarak indir.
Eklentiler
buttons.rar
(281 bayt) 625 defa indirildi
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

İleti the_alorak 18.03.2006, 23:55

Alttakini indimek epey zor iş ama(Opera sağ olsun):

1.si
2.si
Kullanıcı avatarı
the_alorak
Üye
Üye
 
İleti: 212
Kayıt: 08.10.2005, 20:30
Konum: Zonguldak

İleti ccanerr 08.04.2006, 14:00

çalımıyo.. veya ben çalıştıramadım...
ccanerr
Üye
Üye
 
İleti: 1
Kayıt: 21.03.2006, 14:05

?

İleti Kefen 07.05.2006, 13:48

css i düzenledim, olup olmadığını editor de önizlemede görebiliyorum.. ama yalnız sitede çalışmıyor? neden olabilir..
Kullanıcı avatarı
Kefen
Üye
Üye
 
İleti: 17
Kayıt: 02.05.2006, 01:11
Konum: İstanbul

İleti Simuzer 07.05.2006, 13:53

Sayfayı F5 ile Yenileyin
Kullanıcı avatarı
Simuzer
Geliştirme Grubu
Geliştirme Grubu
 
İleti: 668
Kayıt: 09.11.2005, 09:34
Konum: İstanbul

İleti Ares 07.05.2006, 13:54

Sorun bendemi bilmiyorum Benim *.CSS icinde yok :?
Ares
Üye
Üye
 
İleti: 285
Kayıt: 12.11.2005, 22:52
Konum: Yurt Dışı

:)

İleti Kefen 07.05.2006, 13:59

yenilemek mi? :)
localde kurulu bir phpbb.. ayrıca yenilemek adına..
opera, firefox ve ie yi kullandım.. :)
En son Kefen tarafından, 07.05.2006, 14:00 tarihinde değiştirildi, toplamda 1 değişiklik yapıldı.
Kullanıcı avatarı
Kefen
Üye
Üye
 
İleti: 17
Kayıt: 02.05.2006, 01:11
Konum: İstanbul

İleti Simuzer 07.05.2006, 14:00

Temporary Internet Files'taki CSS'leri sil.. :)
Kullanıcı avatarı
Simuzer
Geliştirme Grubu
Geliştirme Grubu
 
İleti: 668
Kayıt: 09.11.2005, 09:34
Konum: İstanbul

İleti Emexci 07.05.2006, 14:02

subSilver'den gelistirilen temalarda cok rahat kullanilir, diger temalarin yapisi farkli olabilir biraz incleyerek uygulanabilir.
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

Cvp: Büyük Gelistirme: Buttons !

İleti Simuzer 07.05.2006, 14:06

@Ares,

:file: Kullandigin_Temanin_Adi.CSS

dosya içerisinde, @Emexci'nin söylediği şeyleri bulamıyorsan eğer, öncelikle aynı dosyada şunları ayrı ayrı bi arattır.

[syntax="css"]input.button[/syntax]

[syntax="css"]input.mainoption[/syntax]

[syntax="css"]input.liteoption[/syntax]


Eğer bunlardan hiç biri yoksa, yine aynı dosyada, sayfanın en altına bir satır boşluk bırakarak

[syntax="css"]input.button {
BORDER-RIGHT: #616161 1px solid; PADDING-RIGHT: 2px;
BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px; BORDER-LEFT: #616161 1px solid; COLOR: #000262; PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}

input.mainoption {
BORDER-RIGHT: #616161 1px solid;
PADDING-RIGHT: 2px; BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px; BORDER-LEFT: #616161 1px solid; COLOR: #000262;
PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}

input.liteoption {
BORDER-RIGHT: #616161 1px solid;
PADDING-RIGHT: 2px; BORDER-TOP: #616161 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: url(images/button.bg.gif) repeat-x;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #616161 1px solid; COLOR: #000262;
PADDING-TOP: 2px;
BORDER-BOTTOM: #616161 1px solid
}[/syntax]

kodlarını yaz...
Kullanıcı avatarı
Simuzer
Geliştirme Grubu
Geliştirme Grubu
 
İleti: 668
Kayıt: 09.11.2005, 09:34
Konum: İstanbul

İleti Kefen 07.05.2006, 14:09

neyse olacağı yok, zaten geliştirilmiş text/edit eklemek lazım ben phpbb'yi öyle geliştirmeyi düşünüyorum.. mesela phpplusdaki text edit yada şuana kadar en iyisi oriondaki text/edit Tag editor..
Kullanıcı avatarı
Kefen
Üye
Üye
 
İleti: 17
Kayıt: 02.05.2006, 01:11
Konum: İstanbul

Cvp: Büyük Gelistirme: Buttons !

İleti alperen 21.05.2006, 15:06

Bunu plus a uyarlamaya çalıştım fakat beceremedim. BBcode daki butonlar aynı şekilde kaldı bazı yerler oldu bazıları olmadı.

Buda temedaki css dosyam. Nasıl uyarlayabilirim plusa :
alperen
Üye
Üye
 
İleti: 89
Kayıt: 01.04.2006, 13:26

İleti murtaza 27.05.2006, 12:25

eklenti butonlar inmiyo

Sevgiyle
Ögretmenim canim benim , canim benim...
Seni ben pek cok , pek cok severim.
Sen bir anaaaa , sen bir baabaaaaaa
Kalani neyyydiii yaaa unuttum , bu siirin sözlerini ariyorum...
Kullanıcı avatarı
murtaza
Üye
Üye
 
İleti: 1187
Kayıt: 15.11.2005, 17:15
Konum: Yurt Dışı

İleti Ares 27.05.2006, 21:06

murtaza yazdı:eklenti butonlar inmiyo

Sevgiyle


@the_alorak 'in mesajina bakarsan gorursun. Eklentiden inmedi eski mesajlarda soylendi oda linki paylasti.

http://canver.net/dosyalar/attach/buttonbg_364.gif
http://canver.net/dosyalar/attach/buttonbg_144.gif
Ares
Üye
Üye
 
İleti: 285
Kayıt: 12.11.2005, 22:52
Konum: Yurt Dışı

Sonraki

Tema Geliştirme



Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 0 misafir

cron