image roll over

User submitted BBCodes
Let us see what You have
There is no support here! Only Read Access!
Forum rules
We dont add more BBCodes to our database, but feel free to share and support your own BBCodes here.
Remember that it is not allowed to use {TEXT} inside the html tags!!!
It causes a serious security risk to your board and users.
Like this: <div style="{TEXT}">{TEXT}</div>
Green = OK - Red = forbidden
Locked
dragoth
BBCoder III
BBCoder III
Posts: 81
Joined: 05 Mar 2010, 02:57

image roll over

Post by dragoth »

Image roll over
Author:im not going to take credit for it
Description: Well this one was simple as it says it once image then it on other when you hover over it with the cursor and it click-able once you add the link you want

BBCode:

Code: Select all

[imgro]{URL1} | {URL2} | {URL3} | {NUMBER1} | {NUMBER2}[/imgro]
HTML replacement:

Code: Select all

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="{URL1}";
}
function mouseOut()
{
document.getElementById("b1").src ="{URL2}";
}
</script>
</head>

<body>
<a href="{URL3}" target="_blank">
<img border="0" alt="" src="{URL2}" id="b1" width="{NUMBER1}" height="{NUMBER2}" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
Help Line:

Code: Select all

[imgro]main image | roll over image | link to were ever | width of image | height or image[/imgro]
Example:

Code: Select all

[imgro]http://i139.photobucket.com/albums/q312/dragoth15/ripped%20icons/icontexto-inside-facebook.png| http://i139.photobucket.com/albums/q312/dragoth15/ripped%20icons/icontexto-inside-furl.png| http://google.com | 48 |48[/imgro]
Demo:
http://posttwopost.co.cc/page.php?p=cus ... d5f705c505
at the bottom of the page


[offtopic]side note will i haven't seen this one on here and i thought it be handy on here to other people[/offtopic]
Last edited by dragoth on 19 Apr 2010, 20:26, edited 3 times in total.
dragoth
BBCoder III
BBCoder III
Posts: 81
Joined: 05 Mar 2010, 02:57

Re: image roll over

Post by dragoth »

well if you have a better way on making this plz post and make the bbcode better
User avatar
Stoker
Site Admin
Site Admin
Posts: 3559
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: image roll over

Post by Stoker »

Looks nice.
I have seen it before, but that might have been at the old site.
Board rules! No PM support
dragoth
BBCoder III
BBCoder III
Posts: 81
Joined: 05 Mar 2010, 02:57

Re: image roll over

Post by dragoth »

i dont know i haven't see it for forums so i was like why not
User avatar
Stoker
Site Admin
Site Admin
Posts: 3559
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: image roll over

Post by Stoker »

Looks fine :thumbsup:


Last bumped by dragoth on 29 Apr 2010, 00:08.
Board rules! No PM support
Locked