Giriş yapmadınız.

web Pagede Kodlarken

by.tutsak

Stajyer

  • "by.tutsak" bir erkek
  • Konuyu başlatan "by.tutsak"

Mesajlar: 30

Kayıt tarihi: May 5th 2014

Konum: Ankara

  • Özel mesaj gönder

1

Monday, 19.05.2014, 22:44

web Pagede Kodlarken

Belki AnLiyan arkadaslar vardir shopda yaptigimiz indexi web page de Kodlarken http://vaveylafmm.blogspot.com.tr/ mesela bu sitedeki gibi butonlarin üstüne nasl renk wericegiz

Ruzii

Jüri

Mesajlar: 7,154

  • Özel mesaj gönder

2

Monday, 19.05.2014, 22:58

Butonları çift yaparacaksiniz bir tanesi renkli olcak...

Melye

Yönetici

  • "Melye" bir kadın

Mesajlar: 23,454

Kayıt tarihi: Feb 6th 2010

Konum: ...HiÇ...

  • Özel mesaj gönder

3

Monday, 19.05.2014, 23:01

Bahsettiğiniz işlemin ismi, rollever image'dir.

Örneğin DJ GİRİŞİ butonu için anlatayım. Photoshopta indexin tasarımını yaparken her butondan 2 renk hazırlamanız lazım.
Yani DJ GİRİŞİ normal görünümde (üzerinde fare yokken) mavi renk olarak tasarlamışsanız, aynı butonun ölçülerini yazılarını vs... değiştirmeden bir de farklı rengini (üzerine fare gelince görünmesini istediğiniz rengi) hazırlayın.

Programın üstmenüsünde INSERT sekmesi olması lazım, o sekmenin altındaki başlıklar da IMAGES seçeneğinin yan menüsünde ROLLEVER IMAGE seçeneğini seçerek açılacak olan kutucukta ilk url alanına hazırladığınız butonun NORMAL hali görünümündeki buton resmininsini... 2. url alanına ise FARE ÜZERİNE GELİNCE değişecek olan renkteki butonun adresini yazarak resim olarak ekleyebilirsiniz.

alttaki kodlarda resim urllerini kendi tasarımınıza göre söylediğim şekilde düzenleyerek bahsettiğim sonuca ulaşabilirsiniz...

Kaynak kod

 
1
2
3
4

<div id="rollimg1" style="position:absolute; overflow:hidden; left:278px; top:327px; width:90px; height:45px; z-index:1">
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rollimg1','','http://a1208.hizliresim.com/10/l/c0kxm.png',1)" href="http://www.allaturkaa.de/forum/index.php?page=Portal" title="Anasayfa">
<img name="rollimg1" onload="MM_preloadImages('http://a1208.hizliresim.com/10/l/c0kxm.png')" width="90" height="45" alt="" title="" border="0" src="http://a1208.hizliresim.com/10/l/c0kxj.png">
</a></div>

Benzer konular