2 sayfadan 1. sayfa

Büyük Gelistirme: Buttons !

İletiTarih: 18.03.2006, 23:10
Emexci
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

İletiTarih: 18.03.2006, 23:13
the_alorak
Oldukça güzle birşey ben bilmiyordum kodları filan(yapıldığını biliyordum ama). Ellerine sağlık.

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

İletiTarih: 18.03.2006, 23:17
Emexci
CALISMA 2 bu daha bi iyi görünüyo haksizmiyim :Ä)

Resim

ikinci button arkasi ekte ! button.bg.gif

İletiTarih: 18.03.2006, 23:34
yigini
önemli :)

İletiTarih: 18.03.2006, 23:35
Emexci
yigini yazdı:önemli :)


harikasin :) Devami bu baslik altinda gelecek demektir.

İletiTarih: 18.03.2006, 23:52
CeNK
indiremiyorum bu gifi

İletiTarih: 18.03.2006, 23:55
Emexci
CeNK yazdı:indiremiyorum bu gifi


Ekte rar olarak indir.

İletiTarih: 18.03.2006, 23:55
the_alorak
Alttakini indimek epey zor iş ama(Opera sağ olsun):

1.si
2.si

İletiTarih: 08.04.2006, 14:00
ccanerr
çalımıyo.. veya ben çalıştıramadım...

?

İletiTarih: 07.05.2006, 13:48
Kefen
css i düzenledim, olup olmadığını editor de önizlemede görebiliyorum.. ama yalnız sitede çalışmıyor? neden olabilir..

İletiTarih: 07.05.2006, 13:53
Simuzer
Sayfayı F5 ile Yenileyin

İletiTarih: 07.05.2006, 13:54
Ares
Sorun bendemi bilmiyorum Benim *.CSS icinde yok :?

:)

İletiTarih: 07.05.2006, 13:59
Kefen
yenilemek mi? :)
localde kurulu bir phpbb.. ayrıca yenilemek adına..
opera, firefox ve ie yi kullandım.. :)

İletiTarih: 07.05.2006, 14:00
Simuzer
Temporary Internet Files'taki CSS'leri sil.. :)

İletiTarih: 07.05.2006, 14:02
Emexci
subSilver'den gelistirilen temalarda cok rahat kullanilir, diger temalarin yapisi farkli olabilir biraz incleyerek uygulanabilir.

Cvp: Büyük Gelistirme: Buttons !

İletiTarih: 07.05.2006, 14:06
Simuzer
@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...

İletiTarih: 07.05.2006, 14:09
Kefen
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..

Cvp: Büyük Gelistirme: Buttons !

İletiTarih: 21.05.2006, 15:06
alperen
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 :

İletiTarih: 27.05.2006, 12:25
murtaza
eklenti butonlar inmiyo

Sevgiyle

İletiTarih: 27.05.2006, 21:06
Ares
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