Sie sind nicht angemeldet.

by.tutsak

Schüler

  • »by.tutsak« ist männlich
  • »by.tutsak« ist der Autor dieses Themas

Beiträge: 30

Registrierungsdatum: 5. Mai 2014

Wohnort: Ankara

  • Nachricht senden

1

Montag, 19. Mai 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

2

Montag, 19. Mai 2014, 22:58

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

Melye

Leitung

  • »Melye« ist weiblich

Beiträge: 23 448

Registrierungsdatum: 6. Februar 2010

Wohnort: ...HiÇ...

  • Nachricht senden

3

Montag, 19. Mai 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...

Quellcode

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>

Ähnliche Themen