V3 buton yapımı

Başlatan anizeo, Tem 31, 2007, 10:49 ÖÖ

« önceki - sonraki »

« ąŋîZєø »

Menü Yapımı için aşağıdaki ekteki photoshop dosyasını kullanabilirsiniz. yada photoshoptan anlamıyorsanız bu başlık altında çöl ateşi için yapılmış menü butonlarını görebilir, istekte bulunabilirsiniz.

                                           


buton yapma
kod kısmı ise şöyle

örneğin anasayfa butonundan sonra bir örnek diye bir buton koymak istiyoruz

index.templateyi açıyoruz

bu kodu bulup altına
// Show the [home] button.
echo '<a href="', $scripturl, '?action=home"><img src="', $settings['images_url'], '/buton/anasayfa.gif"></a>';


altına bu kodu ekliyoruz
   // yeni menu [ornek] button.
echo '<a href="burayada linki"><img src="', $settings['images_url'], '/buton/ornek.gif"></a>';

buton klasorunede yaptığımız ornek.gif isimli menü resmini atıyoruz (dikkat edin buttons değil buton)


BuRaK ve Matthew ye yaptıklarıı butonlar için teşekkürler


Menüleri Kim Görsün? kim görmesin?
Sadece Adminin Görmesini İstiyosan
if ($context['allow_admin'])
Sadece Üyelerin Görmesini İstiyosan
if ($context['user']['is_logged'])
Sadece Ziyaretçilerin Görmesini İstiyosan
if ($context['user']['is_guest'])
Kodalarını Buton Kodlarının Başına Ekle
örnek: // yeni menu [ornek] button.
if ($context['user']['is_logged'])
echo '<a href="burayada linki"><img src="', $settings['images_url'], '/buton/ornek.gif"></a>';


Menüler başka yada aynı sayfada açılsın
Yeni Sayfada Açma
<a target="_blank" href="LİNK"></a>
Normal Sayfada Açma
<a href="LİNK"></a>
Kodlarını Ekle





Önce resmimizi buluyoruz ve Photoshopta açıyoruz..Sonra adminin verdiği psd dosyasını da photoshopa sürüklüyoruz(yani açıyoruz)..Sonraki aşamalar :




Daha sonra Layer Menüsünden new layer komutu ile iki tane layer oluşturuyoruz(adminin verdiği psdnin içine)sonra bulduğumuz resmimizi seçiyoruz ve image menüsünden image size'a tıklıyoruz...(Alt+Ctrl+I)Açılan pencere Width ve Height değerlerini 50x50 yapıp Ok diyoruz..ve resmin üzerine Move Tool ile gelip farenin sol tuşu ile basılı tutarak adminin verdiği psdye sürükleyip bırakıyoruz...




bu işlemden sonra tekrar az önce seçtiğimiz resme yani örnekteki yıldıza gelip İmage menüsünden rotate canvas / flip canvas vertical diyoruz..ve resim ters dönüyor..bu işlemi yaptıktan sonra resmi tekrar adminin psdsindeki açtığımız diğer layerlardan ikincisine sürükleyip bırakıyoruz..(iki layer açmıştık)



şimdi alt resimde gördüğümüz işlemi yapıyoruz ve ters çevirip sürüklediğimiz layer seçili haldeyken( yani ikinci layer) fill ve opacity değerini resimde gördüğümüz yerden değiştiriyoruz



şimdi ilk başta yaptığımız işlemi geri çeviriyoruz yani yazıları tekrar görünür hale getiriyoruz..sonra alt resimdeki işlemi yapıp yazıyı da kendimize göre düzenliyoruz...



işlemimiz bitti şimdi file menüsünden save for web diyoruz we gif formatında kaydediyoruz bitti...

                                                                                                                                                alıntıdır

« ąŋîZєø »


« ąŋîZєø »

ßy-scary merak etme emeğe saygımız sonsuz ewt alıntı ve ben bunu belirtim dikkat edersen en alta gorebilirsin :)

cezBeT


apokoc

abi süpersin ya çok işime yarıyacak ;D
aynı ımzayı koyma bırdaha (ÇaNaK)

apokoc

aynı ımzayı koyma bırdaha (ÇaNaK)