The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to create seamless buttons?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

How to create seamless buttons?

Post by Diana on November 8th 2010, 5:09 pm

First topic message reminder :

I've seen forums have buttons that aren't like separated, they're all like in one picture. How to do that?

And how to put rollover buttons in the menu?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down


Re: How to create seamless buttons?

Post by Diana on December 17th 2010, 3:06 pm

rhe wrote:
rhe (December 15th 2010, 4:44 pm) wrote:
rhe wrote:
rhe wrote:Okay, I still don't know how to create the seamless buttons.
Here's an example of what I want:


I want that^ instead of this:

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Re: How to create seamless buttons?

Post by Diana on December 18th 2010, 1:43 pm

rhe wrote:
rhe (December 15th 2010, 4:44 pm) wrote:
rhe wrote:
rhe wrote:Okay, I still don't know how to create the seamless buttons.
Here's an example of what I want:


I want that^ instead of this:

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Re: How to create seamless buttons?

Post by Guest on December 25th 2010, 3:15 am

I think best way is to create your bar as a single extra large button, and then cut it.

For example mine is that file.

You can notice i didn't cut it. I cut that navbar directly via CSS. Maybe a bit longer to configure my css stylesheet, but at least browsers only have to load one pic for all normal buttons and all hover buttons. I use only 2 states but you can notice i can switch colors as often as i want.

Guest
Guest


Back to top Go down

Re: How to create seamless buttons?

Post by phat-master on March 10th 2011, 3:26 pm

guys for those seamless pics, i dont know about everyone else but i just made my button pic go right to the edge of the photoshop page.


now to my question:

how do you make it so the image changes from the same url??

e.g. i currently have to images/2 url's and its not really working using two dif url's because theres a massive delay before the whtie writing appears... help please

heres my buttons.

http://i66.servimg.com/u/f66/16/26/09/29/member12.png
http://i66.servimg.com/u/f66/16/26/09/29/member13.png

how do i make em work from 1 url???


dont worry guys got it myself, cheers for all info on this thread tho, think its fixed my problem

phat-master
Forumember

Posts : 31
Reputation : 0
Language : english

Back to top Go down

Re: How to create seamless buttons?

Post by Diana on March 23rd 2011, 9:45 pm

Okay, I got the whole thing working and all. And I already changed the forum look so the codes and things are gone. I cannot remember how to get the search rollover button working.
#i_icon_mini_WhatGoesInHere?{width:100px; height:30px; background:url("Image'sURL") no-repeat 0 0;}
#i_icon_mini_WhatGoesInHere?:hover{background:url("Image'sURL") no-repeat 0 -30px;}

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Re: How to create seamless buttons?

Post by conbogamco6590 on June 7th 2011, 8:38 am

rhe wrote:1) How do you make a double button? Can you create two individual buttons and then put them together or does it require a use of some picture editing programme?

2) That is a very nice forum! How did you get the picture to fit the background like that?
It doesnt work >"<

conbogamco6590
New Member

Posts : 3
Reputation : 0
Language : Vi&#7879;t Nam

Back to top Go down

Re: How to create seamless buttons?

Post by Diana on July 11th 2011, 1:29 pm

How is it possible to create a roll over button on the nav bar that links to an html page?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Re: How to create seamless buttons?

Post by Diana on August 13th 2011, 3:16 pm

How do I create a custom meny button that has a rollover effect?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum