Log In · Register

 
imge rollovers on divs and image maps, in psp.
BryDeeC
post Nov 3 2007, 12:57 PM
Post #1


Member
**

Group: Member
Posts: 28
Joined: Oct 2007
Member No: 583,934



how do you do them?
 
 
Start new topic
Replies (1 - 3)
digitalfragrance
post Nov 4 2007, 09:34 PM
Post #2


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043



Well it really doesn't matter what image program you use, but the first step is to make your separate images: your images without rollover and your image with rollover.

The rest of it is coding from there.
 
RCKstarh
post Nov 8 2007, 10:37 AM
Post #3


Onyi eff. babii
*****

Group: Member
Posts: 529
Joined: Aug 2005
Member No: 204,660



this is one with javascript (image rollover): http://www.createblog.com/tutorials/tutorial.php?id=91

more image mapping for both psp and ps: http://www.createblog.com/tutorials/index....tag=image%20map
 
newkidontheblock
post Nov 11 2007, 07:24 AM
Post #4


Offline.
*****

Group: Official Designer
Posts: 609
Joined: Mar 2007
Member No: 507,591



Here Is A HTML/CSS type. This Works On Myspace.


preview

Here Is With Image
CODE
<style type='text/css' >

.id_hl a,.id_hl a:active, .id_hl a:visited {
display:BLOCK;
font-family: Times New Roman;
background-image:url(http://cbimg6.com/layouts/07/11/10/22997b.jpg);
font-weight:BOLD;
font-size:15PX;
padding:10PX;
border-left:0PX SOLID;
border-bottom:2PX SOLID;
border-color:000000;
text-decoration:NONE;
color:222222;
background-color:444444;
z-index:2;
}

.id_hl a:hover {
color:222222;
background-color:333333;
background-image:url(http://cbimg6.com/layouts/07/11/10/22995b.jpg);
text-decoration:NONE;
z-index:2;
}

</style>
<div class='id_hl' >
<a href='http://fawaz.createblog.com' class='id_h1' > Link </a>
</div>


Those Are Just To Random Images I Copy From Createblog.com
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: