You are not logged in.

web Pagede Kodlarken

Dear visitor, welcome to AllaTurkaa. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

by.tutsak

Trainee

  • "by.tutsak" is male
  • "by.tutsak" started this thread

Posts: 30

Date of registration: May 5th 2014

Location: Ankara

  • Send private message

1

Monday, May 19th 2014, 10:44pm

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

Posts: 7,152

  • Send private message

2

Monday, May 19th 2014, 10:58pm

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

Melye

Super Moderator

  • "Melye" is female

Posts: 23,448

Date of registration: Feb 6th 2010

Location: ...HiÇ...

  • Send private message

3

Monday, May 19th 2014, 11:01pm

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...

Source code

 
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>

1 user apart from you is browsing this thread:

1 guests

Similar threads