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.

HTML in pic management

View previous topic View next topic Go down

Solved HTML in pic management

Post by fatmanjumprope on January 24th 2013, 7:00 am

I was wanting to make some of my pictures in the pic management (the home and faq button to be precise) into rollover images. I've already created the rollover images but they're in html format which isn't up loadable. Can someone help a html noob figure out if it's even possible how to make my buttons rollover images? Thanks! Very Happy


Last edited by fatmanjumprope on January 24th 2013, 9:35 pm; edited 1 time in total

fatmanjumprope
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: HTML in pic management

Post by Sir Chivas™ on January 24th 2013, 7:08 am

Hi,

You can do this by using the image itself and adding CSS.
Code:
a.rollover {
   display: block;
   width: 150px;
   height: 44px;
   text-decoration: none;
   background: url("webvamp.jpg");
   }

a.rollover:hover {
   background-position: -150px 0;
   }

.displace {
   position: absolute;
   left: -5000px;
   }



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: HTML in pic management

Post by fatmanjumprope on January 24th 2013, 7:28 am

CJ11™ wrote:Hi,

You can do this by using the image itself and adding CSS.
Code:
a.rollover {
   display: block;
   width: 150px;
   height: 44px;
   text-decoration: none;
   background: url("webvamp.jpg");
   }

a.rollover:hover {
   background-position: -150px 0;
   }

.displace {
   position: absolute;
   left: -5000px;
   }

Could you try to elaborate a little bit? I'm super new to all of this kinda stuff Sad

fatmanjumprope
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: HTML in pic management

Post by SLGray on January 24th 2013, 10:58 am

Add it to your CSS:
Administration Panel [Advanced Mode] > Display > Colors & Pictures > Colors
CSS Stylesheet Tab


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: HTML in pic management

Post by fatmanjumprope on January 24th 2013, 11:01 am

@SLGray wrote:Add it to your CSS:
Administration Panel [Advanced Mode] > Display > Colors & Pictures > Colors
CSS Stylesheet Tab

Yep! Got it all figured out. Sorry for all the confusion I may have caused.

fatmanjumprope
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: HTML in pic management

Post by SLGray on January 24th 2013, 11:02 am

So this is solved?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: HTML in pic management

Post by fatmanjumprope on January 25th 2013, 11:21 am

@SLGray wrote:So this is solved?

Yessir it is

fatmanjumprope
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: HTML in pic management

Post by SLGray on January 25th 2013, 11:22 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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