vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=194)
-   -   Forum Home Enhancements - Affiliate Box - Scrolling and Fading Affiliate Buttons (https://vborg.vbsupport.ru/showthread.php?t=152350)

AzzidReign 07-14-2007 10:00 PM

Affiliate Box - Scrolling and Fading Affiliate Buttons
 
Keywords: affiliate, affiliates, partner, partners, scrolling box, fading images

Update: XHTML VALID NOW!
There are more template edits guys, sorry. This will fix xhtml errors.
For those that use TMS, you won't have any template edits.
Also, marquee has been removed due to the xhtml errors. If you don't care about being xhtml valid, I'll explain how to get your marquee back.

Features:
Adds an affiliate box in "What's Going On?"
Collapsible box
Images are faded and they light up when you scroll over them


Live Demo: LayeredGFX - Sorry, I've moved my affiliates to an affiliates page so live demo doesn't work.



Install instructions for TMS users:
Upload product
[optional] If you want the topsites to show, go into TMS > Affiliates and FORUMHOME: Add topsite box, set active: YES.


Install instructions for Non-TMS users:

Go to Styles & Templates > Style Manager > Edit Templates
Choose Forum Home Templates > Forumhome

Find:
Code:

<if condition="$show['birthdays']">
<!-- today's birthdays -->

Add above:
Code:

<!-- insert affiliate box -->
OPTIONAL: To add the topsites, add below <!-- insert affiliate box -->:
Code:

<!-- topsitebox -->

Choose headinclude template.
Find:
Code:

<!-- / CSS Stylesheet -->
Add above:
Code:

<style type="text/css">
.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5;margin-left:3px}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px}
</style>



You're done!



To add a site, go to Styles & Templates > Style Manager > Edit Templates > Affiliates and find affiliate_sites (topsite links are found in affiliate_topsite_sites). In there, you can add this code:
Code:

<a href="SITE LINK" target="_blank" ><img class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'" src="IMAGE LINK" alt="ALT TEXT/DESCRIPTION/SITE TITLE HERE" border="0" /></a>
The affiliates phrase is affiliate_sites.
The topsite phase is topsites.


For those still interested in marquee, you can add this above your first affiliate/site/link:
<marquee width="100%" valign="center" direction="left" scrolldelay="2" scrollamount="1.5" onmouseover="this.stop()" onmouseout="this.start()">

And add this below your last affiliate/site/link:
</marquee>


Updates
July-16 2007 - Added products for affiliate + topsites and affiliate + topsites marquee as requested and as shown on my site.

v1.1 August-9 2007:
-Fixed xhtml problems
-Added TMS support
-Moved template out of forumhome
-Added more templates to make things easier
-Grouped the templates
-Cached the templates
-Removed marquee from being installed. Can add manually.

alessai 07-15-2007 10:05 PM

cool ill install it later

thanx

Quantnet 07-15-2007 11:37 PM

click install. Does the pic has to be a certain size ?

Quantnet 07-15-2007 11:44 PM

By the way, it would be much better if you can modify it so the affiliate box is on top of the what's going on, instead of the bottom.

Something like this http://www.theadminzone.com/forums/

AzzidReign 07-16-2007 12:26 AM

Quote:

Originally Posted by Quantnet.org (Post 1292293)
By the way, it would be much better if you can modify it so the affiliate box is on top of the what's going on, instead of the bottom.

Something like this http://www.theadminzone.com/forums/

For that, all you would have to do is put the "<!-- insert affiliate box -->" above the "Mark as read" section of the code. But it will probably look funny. You can move it above your users if you'd like, you would just have to move the "<!-- insert affiliate box -->" right below "<!-- what's going on -->".

And no, there's no size restriction. I personally like having multiple small buttons (88x31 is normal affiliate button size) but you can have whatever size fits your site best.

RvG2 07-16-2007 03:25 AM

wooott! finally it matches my taste now. :)

5 stars for you ;) thanks.

iogames 07-16-2007 03:55 AM

LOL :D I just saw this Tut in the morning at TAZ [TheAdminZone] and I thought, hopefully someday he will release it at vB.org

Good One!

Quantnet 07-16-2007 04:17 AM

Quote:

Originally Posted by iogames (Post 1292418)
LOL :D I just saw this Tut in the morning at TAZ [TheAdminZone]!

link?

AzzidReign 07-16-2007 04:22 AM

Quote:

Originally Posted by RvG2 (Post 1292412)
wooott! finally it matches my taste now. :)

5 stars for you ;) thanks.

Thanks!

Quote:

Originally Posted by iogames (Post 1292418)
LOL :D I just saw this Tut in the morning at TAZ [TheAdminZone] and I thought, hopefully someday he will release it at vB.org

Good One!

There was a tut for affiliate boxes? I've been to TAZ once or twice :P

JoeyBe11 07-16-2007 04:27 AM

Nice, I've been looking for a good affiliates mod. High five! lol.

<3 Pandas

l SKN l CHRIS 07-16-2007 04:53 AM

much love

TheWhite 07-16-2007 05:39 AM

cool mod, just need to know how can i center the minibanners cause i don't like the empty space at the end :)

Hornstar 07-16-2007 06:03 AM

Thanks, this looks real nice, thanks for sharing, I might install this shortly.

FreshFroot 07-16-2007 06:11 AM

Interesting.. a cooler affliate box compared to a few others.. will have to try it out.

TheWhite 07-16-2007 06:40 AM

it looks great, i changed the size to make it look nicer and it's so simple to handle but i'd like to know is it board intensive using gifs instead of jpgs?

RvG2 07-16-2007 08:36 AM

the images are so small... i don't think so it will be add load to server. :)

stigz 07-16-2007 09:01 AM

hi i installed this great affiliates box but i was wondering how can i add 2 like you have on your forum? coz i want one for partners and one for topsites. also how can i changed the title of the box? from affiliates to topsite?

AzzidReign 07-16-2007 01:34 PM

Quote:

Originally Posted by TheWhite (Post 1292491)
cool mod, just need to know how can i center the minibanners cause i don't like the empty space at the end :)

Go to the forumhome_affiliate_sites template. Find <div>, replace with <div align="center">

That should work :) Maybe you should get more affiliates ;) lol j/p

Quote:

Originally Posted by TheWhite (Post 1292524)
it looks great, i changed the size to make it look nicer and it's so simple to handle but i'd like to know is it board intensive using gifs instead of jpgs?

The images aren't really "board intensive", but if you have a large animated .gif file, then your users will probably see that the page loads rather slow compared to before.

Quote:

Originally Posted by stigz (Post 1292594)
hi i installed this great affiliates box but i was wondering how can i add 2 like you have on your forum? coz i want one for partners and one for topsites. also how can i changed the title of the box? from affiliates to topsite?

I'll go ahead an add another product for this, but to do this manually, scroll to the very bottom and paste this code:
Code:

<!-- Begin Topsites -->
<tbody>
        <tr>
                <td class="thead" colspan="2">
                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_topsites')"><img id="collapseimg_forumhome_topsites" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_topsites].gif" alt="" border="0" /></a>
            Topsites - Vote for us!
          </td>
        </tr>
</tbody>

<tbody id="collapseobj_forumhome_topsites" style="$vbcollapse[collapseobj_forumhome_topsites]">
        <tr>
                <td class="alt2"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="" border="0" /></td>
                <td class="alt1" width="100%"><div class="smallfont">
 <style>
.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5;margin-left:3px}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px}
</style>
<div>
<!-- Begin Links -->

YOUR LINKS GO HERE - Check out the original topic on how to add sites.

<!-- End Links -->
</div></td>
</tr>
</tbody>
<!-- End Topsites -->

I've bolded the line if you'd like to edit the "title" of it. It's currently set to "Topsites - Vote for us!".

If you'd like a topsite to sign up to, here's mine: http://www.se7ensins.com/TopSites/


Thanks for all the wonderful comments guys! I appreciate it :D

nyqnzguju 07-16-2007 01:43 PM

nice one will try it today

TheWhite 07-16-2007 01:48 PM

Thanks man, this is a highly reccomended hack ;)

AzzidReign 07-16-2007 01:53 PM

I've just updated the attachments. In the zip, there are 4 products (I hope they are self explanatory):
affiliates
affiliates marquee
affiliate topsite (will add 2 boxes, 1 for affiliates and 1 for your topsites)
affiliate topsite marquee (same as above but with scrolling images)

Southernphuk 07-16-2007 04:32 PM

Actually I'm going to use this as you've got it setup right now, just I don't want it to say 'Affiliates', everything else is just the way I want it and thank you for creating it.

What would I edit exactly in the template so it says 'blahblah-whatever' ?

Regards!

AzzidReign 07-16-2007 05:57 PM

Find the phrase name is "affiliate_sites". Edit that to your liking.

iogames 07-18-2007 03:32 PM

Quote:

Originally Posted by Quantnet.org (Post 1292420)
link?

Quote:

Originally Posted by AzzidReign (Post 1292424)
Thanks!


There was a tut for affiliate boxes? I've been to TAZ once or twice :P


Sorry, but here's http://www.theadminzone.com/forums/s...ad.php?t=29948

InTeNsE-HuMoR 07-22-2007 07:27 PM

Is this mod XHTML 1.0? I got a number of errors when I used it on my forum.

AzzidReign 07-22-2007 09:27 PM

I haven't checked...most of it is vbulletin code...I'll have to look into it later and if there's a problem, then I'll fix it.

yaoren 07-24-2007 01:01 PM

Thanks,

**Installed**

htscpl 07-30-2007 11:08 PM

Nice, ** installes **

JadedSouls 08-08-2007 05:29 PM

I love it! I was looking for something like this all morning!

*installed*

lighter 08-08-2007 10:42 PM

Installed

AzzidReign 08-09-2007 04:54 AM

I've found all the xhtml problems. I'll be updating this product within the next few days! :D

Mag1c 08-09-2007 11:06 PM

great product azzid!

AzzidReign 08-09-2007 11:49 PM

v1.1 August-9 2007:
Fixed xhtml problems
Added TMS support
Moved template out of forumhome
Added more templates to make things easier
Grouped the templates
Cached the templates
Removed marquee from being installed. Can add manually.

I believe I've fixed all of the xhtml errors. I tested it out on my testboard and everything checked out properly. If you have a problem, please let me know.

And I apologize for the inconvenience this update may bring to some people but I hope it's smooth sailing from here.

If anyone is interested on making an ACP menu option addon for this, please contact me. I'm always up for making things easier for people.

principino1984 08-10-2007 06:57 AM

thanks man, great hack! ;)

Marco

ps. how do you make those little button? is there any web site where you can make it easly?

AzzidReign 08-10-2007 10:58 AM

You use photoshop to make them. Go to my site (the demo link) and you can learn how to use photoshop and make your own :D

AzzidReign 08-10-2007 12:07 PM

Guys, a new update is on its way. I'm going to be working on getting the ACP options for you guys :)

principino1984 08-10-2007 11:18 PM

great! can't wait for it!!! ;)

neonneon 08-15-2007 12:19 AM

Wow, Azzid, I didn't know you coded! Sweet! Im starting to love you more and more!

AzzidReign 08-15-2007 03:20 AM

lol Nm of a coder...I just know some basic xhtml/css.

josepheseven 08-18-2007 08:55 AM

nice mod.....will use it in future ;)

*Installed


All times are GMT. The time now is 03:19 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01441 seconds
  • Memory Usage 1,827KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (7)bbcode_code_printable
  • (9)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete