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.

Homepage message link hover phpbb2

View previous topic View next topic Go down

Solved Homepage message link hover phpbb2

Post by Sabbaticus on June 27th 2013, 11:07 pm

Hi

This should be a simple request... I want to make my image links have an opacity hover effect, but I don't know how to address the homepage message with css in phpBB2.

I don't want to use the generic
Code:
a:hover {
 opacity: 0.5;
}
because this will effect my main header and text links.

I know this is how to address it with punBB
Code:
#pun-announcement {
 background-color: #000000;
}

So how do I do it with phpBB2.

Thanks Smile


Last edited by Sabbaticus on June 28th 2013, 11:26 am; edited 1 time in total

Sabbaticus
New Member

Male Posts : 17
Reputation : 1
Language : English
Location : South Africa

http://www.chaosera.org

Back to top Go down

Solved Re: Homepage message link hover phpbb2

Post by Sanket on June 28th 2013, 8:46 am

Try such a code in the homepage message.
Code:

<a href="http://www.webartzforum.com/t3309-mr-miss-webartz-contest-2012" class="highlightit">
<img src="http://i162.photobucket.com/albums/t254/green-cow/webartz/wa_mrms_con.png"  style="opacity:0.7;filter:alpha(opacity=70)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70" border="none"></a>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Homepage message link hover phpbb2

Post by Sabbaticus on June 28th 2013, 10:12 am

This worked.

Is it possible to do it through the css though? To have this code only once and applied to all links in the homepage message instead of repeated for every single image?

If not then no problem. Thanks so much for your help Smile

Sabbaticus
New Member

Male Posts : 17
Reputation : 1
Language : English
Location : South Africa

http://www.chaosera.org

Back to top Go down

Solved Re: Homepage message link hover phpbb2

Post by Sanket on June 28th 2013, 11:11 am

For all the URL's you will need to give them a class in totality
Then use such similar codes.
http://help.forumotion.com/t107639-hover-transparency-effect-opacity#703151

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Homepage message link hover phpbb2

Post by Sabbaticus on June 28th 2013, 11:24 am

Ah ok. Thanks Sanket Smile

Solved.

Sabbaticus
New Member

Male Posts : 17
Reputation : 1
Language : English
Location : South Africa

http://www.chaosera.org

Back to top Go down

Solved Re: Homepage message link hover phpbb2

Post by Sanket on June 28th 2013, 11:40 am

Topic Solved & Archived.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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