Phpbb3 • Administration • BBCodes • Forum Nuts and Bolts

It is currently Sat Mar 20, 2010 4:28 am

All times are UTC




Post new topic Reply to topic  [ 11 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: Can you help me with this Marquee code?
PostPosted: Mon Aug 10, 2009 6:32 pm 
Offline
User avatar

Joined: Sun Jul 26, 2009 3:09 pm
Posts: 56
hosted on:: Phpbbhosts
I was trying to find something similar to the affiliates box FN has on his portal. But without using <script> and came across the code below. I tested it using the url for this site and the Nuts & Bolts image (as seen in the code below), and it is almost perfect for what I want. However me being the fussy ******* that I am, I would like to narrow the gap between each image as it scrolls up. I know that I can remove the <BR> tag completely and have no gap, but I would like a very small gap in case the images have the same background colour.
Thanks for your help.

PS. If anyone would like to have their image/link within the box (and can link to me on their page in return) send me the details. Img size should be 150 pixels in length by 50 pixels in height.

<DIV ALIGN=CENTER>
<!-- Scrolling/Fading Links -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="175">
<tr>
<td class="tcat"><span class="smallfont"><center><strong><b>Banner Swap</b></strong></center></span>
</td>
</tr>
<tr>
<td class="$getbgrow" width="100%">

<MARQUEE behavior= "scroll" align= "center" direction= "up" height="120" scrollamount= "2" scrolldelay= "15" onMouseOver="this.stop()" onMouseOut="this.start()">
<center>
<!-- Begin Links -->
<a href="http://phpbb3administration.prophpbb.com/topic131.html" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://dl.getdropbox.com/u/969095/Nuts%20and%20Bolts.png" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://dl.getdropbox.com/u/969095/Nuts%20and%20Bolts.png" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<!-- End Links -->
</center>
</Marquee>
</td>
</tr>
</table>
<br />

<!-- End Scrolling/Fading Links -->
</DIV>

_________________
Free HQ Divx downloads and streams @ Films4All


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Mon Aug 10, 2009 8:02 pm 
Offline
Site Admin
User avatar

Joined: Sun Nov 30, 2008 3:57 am
Posts: 476
Location: USA
hosted on:: Prophpbb
Thre are several ways to do that here are a few.
Code:
<span style="padding-top:5px">content</span>


or you can do it in your style sheet like this

Code:
br { margin-bottom: 2.5em; }


You could also try this:
Code:
<br style="height: .5em;" />


~FN~

_________________
Image


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Mon Aug 10, 2009 8:06 pm 
Offline
User avatar

Joined: Sun Jul 26, 2009 3:09 pm
Posts: 56
hosted on:: Phpbbhosts
Thanks FN. Where would I place those tags for them to work?

_________________
Free HQ Divx downloads and streams @ Films4All


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 5:46 am 
Offline
Site Admin
User avatar

Joined: Sun Nov 30, 2008 3:57 am
Posts: 476
Location: USA
hosted on:: Prophpbb
Humm.. this might just be easier for you and cause you less trouble getting it to work on all browsers..

It's depreciated code but it still works rather well..I think it's what your looking for.

Code:
<br><br style='font-size:5px;'>


Here a snip of the code installed.
Code:
<DIV ALIGN=CENTER>
<!-- Scrolling/Fading Links -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="175">
<tr>
<td class="tcat"><span class="smallfont"><center><strong><b>Banner Swap</b></strong></center></span>
</td>
</tr>
<tr>
<td class="$getbgrow" width="100%">

<MARQUEE behavior= "scroll" align= "center" direction= "up" height="120" scrollamount= "2" scrolldelay= "15" onMouseOver="this.stop()" onMouseOut="this.start()">
<center>
<!-- Begin Links -->
<a href="http://phpbb3administration.prophpbb.com/topic131.html" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://dl.getdropbox.com/u/969095/Nuts%20and%20Bolts.png" alt=""></a>
<br><br style='font-size:5px;'>

<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://dl.getdropbox.com/u/969095/Nuts%20and%20Bolts.png" alt=""></a>
<br><br style='font-size:5px;'>

<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a>
<br><br style='font-size:5px;'>

<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a>
<br><br style='font-size:5px;'>

<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a>
<br><br style='font-size:5px;'>

<!-- End Links -->
</center>
</Marquee>
</td>
</tr>
</table>
<br />

<!-- End Scrolling/Fading Links -->
</DIV>


~FN~

_________________
Image


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 11:53 am 
Offline
User avatar

Joined: Sun Jul 26, 2009 3:09 pm
Posts: 56
hosted on:: Phpbbhosts
Thanks FN, I gave it a try but for some reason it didn't work. I think it might be easier to just remove the <br> tags after all, and add the images so there are no two of the same BG colour together.

Thanks again for your help.

_________________
Free HQ Divx downloads and streams @ Films4All


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 7:26 pm 
Offline
Site Admin
User avatar

Joined: Sun Nov 30, 2008 3:57 am
Posts: 476
Location: USA
hosted on:: Prophpbb
It didn't work?? What browser are you using? I tested it in firefox and explorer and it works for me..

~FN~

_________________
Image


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 9:28 pm 
Offline
User avatar

Joined: Sun Jul 26, 2009 3:09 pm
Posts: 56
hosted on:: Phpbbhosts
~Forum Nut~ wrote:
It didn't work?? What browser are you using? I tested it in firefox and explorer and it works for me..

~FN~


I use FF. I tried it first by adding the new line, in the place that you showed me. Then I copied the code from your reply and tried that and got the same result.
I even tried changing it from 5px to 2px just in case 5 was what I considered too big before, still no luck.

It's not of huge importance, (unlike the htmlxyz= I'm after ;) ) I don't have much to fill it with yet anyway.

_________________
Free HQ Divx downloads and streams @ Films4All


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 9:42 pm 
Offline
Site Admin
User avatar

Joined: Sun Nov 30, 2008 3:57 am
Posts: 476
Location: USA
hosted on:: Prophpbb
Are you using this in a post or on the index page?

What theme are you using?

~FN~

_________________
Image


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 9:49 pm 
Offline
User avatar

Joined: Sun Jul 26, 2009 3:09 pm
Posts: 56
hosted on:: Phpbbhosts
I'm putting it on the portal that you get with phpbbhosts. I'm using the Melonkolia theme, with the Avalon image set.

_________________
Free HQ Divx downloads and streams @ Films4All


Top
 Profile E-mail  
 
 Post subject: Re: Can you help me with this Marquee code?
PostPosted: Tue Aug 11, 2009 10:11 pm 
Offline
Site Admin
User avatar

Joined: Sun Nov 30, 2008 3:57 am
Posts: 476
Location: USA
hosted on:: Prophpbb
It runs in Melonkolia , that I could test but I cant test phpbbhosts.. No board active there... Can't test that portal currently wither. Well have to wait for KRB I think his board is over there. :D

Well figure something out for you . ;)

~FN~

_________________
Image


Top
 Profile E-mail  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ]  Go to page 1, 2  Next

All times are UTC


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Free forum hosting by ProphpBB. Powered by phpBB.
ForumNut