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.

2 Questions: Button hover and Outer line shadow

View previous topic View next topic Go down

Solved 2 Questions: Button hover and Outer line shadow

Post by Rupture on November 9th 2014, 6:22 pm

Hello, I have a PHPBB3 Forum located here: http://raptorgaming.forumotion.com/

My first question is, how do I add a shadow to the main outer line of my forum? If you look at the blue outer lining on this forum you will see a dark shadow, how can I add this to my forum if anyone knows? Thank you in advance:)

My second question is, how do I, like on this forum, add a transition to the New Topic and Reply buttons when you hover them? 

Thank you! Very Happy


Last edited by {LGO}*CF*Oscar on November 10th 2014, 4:49 pm; edited 2 times in total

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by SLGray on November 9th 2014, 6:29 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


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


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by Mati on November 9th 2014, 8:03 pm

Hello,

For your second question add this CSS code into your CSS:

Code:
.buttons a img {
    opacity: 0.7;
}
.buttons a img:hover {
    opacity: 1;
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by Rupture on November 10th 2014, 4:01 pm

Mati™ wrote:Hello,

For your second question add this CSS code into your CSS:

Code:
.buttons a img {
    opacity: 0.7;
}
.buttons a img:hover {
    opacity: 1;
}
Thank you! 

Anyone have any idea about the first question?

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by Mati on November 10th 2014, 4:15 pm

Try this...

Code:
#wrap {
    box-shadow: 0 0 15px blue;
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by Rupture on November 10th 2014, 4:31 pm

Mati™ wrote:Try this...

Code:
#wrap {
    box-shadow: 0 0 15px blue;
}
OMG perfect!!! Thanks!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: 2 Questions: Button hover and Outer line shadow

Post by Base on November 10th 2014, 5:32 pm

Solved => Archived

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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