Jump to content
alexutz90

Butoane din imagini

Recommended Posts

Da ca acelea.Sau acelea nu sunt facute din imagini ?...ca nu mi-am dat seama.

Sa le schimb culoarea cand duc cursorul deasupra lor stiu, dar vreau butoane sa le fac asa curbate in colturi etc..nu stiu daca m-am facut inteles.Un exemplu mai e si meniul de pe lasttorrents...(daca ai cont acolo :P) sau chiar si cele de pe Rst..acestea cu new reply etc:)

Link to comment
Share on other sites

Sper ca nu am inteles gresit, in caz ca am facut-o sorry.

Ideea e in felul urmator. Tu ai o imagina x.png photoshopata dupa dimensiunile si aspectul dorit de tine. O introduci ca pe o imagine normala in cod si ii pui link cu <a> . Daca vrei sa isi si schimbe culoarea de exemplu, cum e pe trilulilu, ai nevoie de o a doua imagine. Care sa aibe culoarea dorita de tine. Practic ce faci este ca in momementul in care tu pui mouse-ul pe imaginea x.png cod-ul iti schimba automat imaginea aia in poza2.extensie.

Mai jos ai codul pe care l-am folosit eu sa fac ceea ce ai zis tu. Maybe it helps.

<body onload="MM_preloadImages('../butoane/finish/home1.png','../butoane/finish/faq1.png','../butoane/finish/about1.png','blog1.png')">

<div id="apDiv1">

<div align="center">

<p><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','home1.png',1)"><img src="home.png" name="Image10" width="125" height="50" border="0" id="Image10" />

Link to comment
Share on other sites

Da ca acelea.Sau acelea nu sunt facute din imagini ?...ca nu mi-am dat seama.

Sa le schimb culoarea cand duc cursorul deasupra lor stiu, dar vreau butoane sa le fac asa curbate in colturi etc..nu stiu daca m-am facut inteles.Un exemplu mai e si meniul de pe lasttorrents...(daca ai cont acolo :P) sau chiar si cele de pe Rst..acestea cu new reply etc:)

Poti face asta in css cu -moz-border-radius: ( google it ) .

cat despre faza cu schimbarea culorii cand cursorul e deasupra poti folosi a:hover { } (tot in css ) ; Sper ca te-am ajutat

Link to comment
Share on other sites

Pai in photoshop,folosesti Rounted Rectangle Tool (U) pentru a obitine forma acelor butoane iar dupa ce a iesit totul bine,selectezi blending options si bifezi gradient overlay si personalizezi cum iti este mai drag.

Edited by slacker
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...