SMF For Free Support Forum

SMF For Free Support => SMF For Free Codes and Support => Topic started by: Agent Moose on April 17, 2008, 08:21:25 pm

Title: [Code] Add Box Above Ads
Post by: Agent Moose on April 17, 2008, 08:21:25 pm
Add this to your headers if you don't have it:
Code: [Select]
<script src="/jquery.js"></script>
Footers:
Code: [Select]
<script>
var Title = "TITLE";
var Winner = "WINNER";
var Image = "IMAGE";

//Created by Agent Moose (smcodes.smfforfree3.com)
$(".maintab_last").parent().parent().parent().after('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>

I was just looking through the topics here on the Support forum and I found a post taht AGent Moose Jr. made that said that he would like a box Above the Ads, so here it is :)  This code is ment for Sig of the Week

TITLE = The Title of the Box
WINNER = The Sig Of the Week Winner
IMAGE = The Image URL of the Sig

Hope you like it :)
Title: Re: [Code] Add Box Above Ads
Post by: -Sя.Sharp on April 17, 2008, 08:42:10 pm
Cool! very usefull for graphics fourms, thanks!
Title: Re: [Code] Add Box Above Ads
Post by: legend 1234 on April 17, 2008, 08:52:39 pm
woow thanks alot moosey :)

im goina use this

legend 1234
Title: Re: [Code] Add Box Above Ads
Post by: x-Treme on April 18, 2008, 06:29:09 am
Great code Moose. Just wondering, can this be moved below the ads so it is above the rest of the forum?
Title: Re: [Code] Add Box Above Ads
Post by: nickrulz1 on April 18, 2008, 09:32:14 am
very good code!!
Title: Re: [Code] Add Box Above Ads
Post by: Agent Moose on April 18, 2008, 02:15:51 pm
Gordie, here ya go :)  Same exact thing, but under the ads :)

Code: [Select]
<script>
var Title = "TITLE";
var Winner = "WINNER";
var Image = "IMAGE";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>
Title: Re: [Code] Add Box Above Ads
Post by: x-Treme on April 18, 2008, 02:23:34 pm
Thanks so much!
Title: Re: [Code] Add Box Above Ads
Post by: Vice on April 24, 2008, 12:54:14 pm
Do you mind if i change some stuff, u still get 100% creds i just need to change winner: to Notice:
Title: Re: [Code] Add Box Above Ads
Post by: Agent Moose on April 24, 2008, 02:36:43 pm
Sure:

Code: [Select]
<script>
var Title = "TITLE";
var Notice = "NOTICE";
var Image = "IMAGE";

//Created by Agent Moose (smcodes.smfforfree3.com)
$(".maintab_last").parent().parent().parent().after('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Notice</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>
Title: Re: [Code] Add Box Above Ads
Post by: Vice on April 26, 2008, 06:18:08 am
Thanks man you own
Title: Re: [Code] Add Box Above Ads
Post by: atlantic reefer on April 28, 2008, 02:45:38 pm
i like the under ad box, got a question though does this go to all pages or just the portal?  if it goes to all pages is there a way to make appear just on the portal?
Title: Re: [Code] Add Box Above Ads
Post by: Agent Moose on April 30, 2008, 07:52:32 pm
It will go on all pages.

To make it go on the portal, you can create a new block in the portal section so that you can put HTML in it, then place that code in there.
Title: Re: [Code] Add Box Above Ads
Post by: lordtentei on June 20, 2008, 07:27:05 am
Code: [Select]
<script>
var Title = "TITLE";
var Winner = "WINNER";
var Image = "IMAGE";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>

I like this code but is it possible to add marquee (right to left) code in this one?

Can i add this code? >> <a href="URL_LINK"><img src="URL_IMAGE"></a>

Thank you very much!
Title: Re: [Code] Add Box Above Ads
Post by: atlantic reefer on June 20, 2008, 09:33:59 am
got another quick question,  kind of relates to lord tentei's i got the marquee to work but is there a way to slow it down?

here is the code I have in the portal block

Code: [Select]
<script>
var Title = "";
var Winner = "<marquee>Welcome To Reef Refuge!  We Hope You Enjoy Your Stay!</marquee>";
var Image = "";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>
Title: Re: [Code] Add Box Above Ads
Post by: simply sibyl on June 20, 2008, 10:58:39 am
you can find options for the marquee tag here
http://www.htmlcodetutorial.com/_MARQUEE.html
Title: Re: [Code] Add Box Above Ads
Post by: Supernovadelta on June 20, 2008, 07:51:59 pm
Thanks so much for this Agent Moose. ;D
Title: Re: [Code] Add Box Above Ads
Post by: atlantic reefer on June 20, 2008, 07:56:15 pm
ok got another quick question for moose.  is there a way to maybe modify the code to have it be like the box that it is below the ads but just add scrolling text instead of having the entire three rows,  like a html section?  i hope this makes since
Title: Re: [Code] Add Box Above Ads
Post by: Molly on June 22, 2008, 05:00:15 pm
Forum Url: http://oakgrove.smfforfree4.com
I have been playing with it (to add more of the graphics to it is all) and finally got it where it would do what I wanted only to discover that I have this issue.  :uglystupid2: If you go to the site you shall see....it covers my banner at the top and that just aint right LOL Can ya fix that? btw here is the code where I tweaked it just in case I did something to it. (which is always a good possiblity.)

Code: [Select]
<script>
var Title = "Extras";
var Wikia = "<a href='http://oakgrove.smfforfree4.com/pages/oakgrove/wikia.php'>Oak Groves Wikia</a>";
var Image = "http://i255.photobucket.com/albums/hh144/jemsworld/hokeypokey1.gif";
var MarketPlace = "<a href='http://oakgrove.smfforfree4.com/pages/oakgrove/marketplace.php'>MarketPlace</a>";
var Image = "http://i255.photobucket.com/albums/hh144/jemsworld/hokeypokey1.gif";
var Chat = "<a href='http://oakgrove.smfforfree4.com/index.php/board,150.0.html'>Chat</a>";
var Image = "http://i255.photobucket.com/albums/hh144/jemsworld/hokeypokey1.gif";

//Created by Agent Moose (smcodes.smfforfree3.com)
$(".maintab_last").parent().parent().parent().after('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><td class="windowbg"><b>Wikia</b>: ' + Wikia + '<br><img src="' + Image + '"/></td><td class="windowbg"><b>MarketPlace</b>: ' + MarketPlace + '<br><img src="' + Image + '"/></div></td><td class="windowbg"><b>Chat</b>: ' + Chat + '<br><img src="' + Image + '"/></div></td></table></div>');
</script>

Thanks :)
Title: Re: [Code] Add Box Above Ads
Post by: Mystic_kid2k6 on November 22, 2008, 02:29:10 pm
Hey, how come when I add this it goes above the adds and down below like right above the forum stats?
Title: Re: [Code] Add Box Above Ads
Post by: Andrew on November 27, 2008, 02:23:57 pm
Very cool Moose, we could use a code like this
Title: Re: [Code] Add Box Above Ads
Post by: ReNeGaDe on November 27, 2008, 03:21:14 pm
is there any way i could embed a chatbox in this?
Title: Re: [Code] Add Box Above Ads
Post by: Andrew on November 27, 2008, 05:09:44 pm
Hey, how come when I add this it goes above the adds and down below like right above the forum stats?
Possibly cause you added it to headers AND footers, pick one, dont use both :)
Title: Re: [Code] Add Box Above Ads
Post by: Andrew on November 27, 2008, 05:10:43 pm
is there any way i could embed a chatbox in this?
Depends, do you use a chat box that is dirrectly to your site, or do you have your own seperate group?
Title: Re: [Code] Add Box Above Ads
Post by: ReNeGaDe on November 28, 2008, 08:23:15 am
directly to my site
Title: Re: [Code] Add Box Above Ads
Post by: Andrew on November 30, 2008, 01:12:01 am
OK then do this
>Admin CP
>webpage editor
there should be a thing for chat there, make the URL as you wish :)

NOTE:that will be everywhere on your site, even when you go to different parts of it
Title: Re: [Code] Add Box Above Ads
Post by: - Lawrence - on November 30, 2008, 05:05:51 am
I am a little confussed  :idiot2: Where abouts will this show up?
Title: Re: [Code] Add Box Above Ads
Post by: simply sibyl on November 30, 2008, 05:21:33 am
It will be just under the tab bar (Home, Help, Search, etc.) at the top of your forum..   above the ads
Title: Re: [Code] Add Box Above Ads
Post by: BBfan940 on November 30, 2008, 07:46:16 am
Can you post an image on what it would look like? Just curious before I edit my settings ;)

Thanks
Title: Re: [Code] Add Box Above Ads
Post by: simply sibyl on November 30, 2008, 07:49:48 am
Can you post an image on what it would look like? Just curious before I edit my settings ;)

Thanks

It looks pretty much exactly like the News Fader..   it will be just under the tabs and centered.  It will show on all pages on your forum instead of just the Board Index.
You can put the code(s) in and if you dont care for it remove the code(s)  or use a test forum to test things out on so that you know how they look and work before you put them on your real forum  (thats the best way to do it)
Title: Re: [Code] Add Box Above Ads
Post by: - Lawrence - on November 30, 2008, 11:41:30 am
Forum Url: http://tio.smfforfree3.com
Can you post an image on what it would look like? Just curious before I edit my settings ;)

Thanks

This is a forum I created to test out this Box:

http://tio.smfforfree3.com/ (http://tio.smfforfree3.com/)
Title: Re: [Code] Add Box Above Ads
Post by: BBfan940 on November 30, 2008, 03:29:41 pm
Can you post an image on what it would look like? Just curious before I edit my settings ;)

Thanks

It looks pretty much exactly like the News Fader..   it will be just under the tabs and centered.  It will show on all pages on your forum instead of just the Board Index.
You can put the code(s) in and if you dont care for it remove the code(s)  or use a test forum to test things out on so that you know how they look and work before you put them on your real forum  (thats the best way to do it)
Hmm great idea :) Thanks
Title: Re: [Code] Add Box Above Ads
Post by: B E N E L on June 19, 2009, 04:16:58 pm
Can u change it so i want title, donations and the img url can u please do that, all credit goes for u ;)
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on June 19, 2009, 04:26:01 pm
Can u change it so i want title, donations and the img url can u please do that, all credit goes for u ;)

I don't understand what you're looking for. Could you please explain a little better?
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 19, 2009, 06:25:00 pm
Hey Moose.
Nicely done code.
But for some reason it doesn't work on my forum.
Forum Url:
www.darkilscape.com

Code: [Select]
<script>
var Title = "SOTW 1 Winner | Render";
var Winner = "Didds";
var Image = "http://i422.photobucket.com/albums/pp309/didds_bucket/AndrewDragonsig.png";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>

I tried that with under Ads and On top of ads.
Maybe is it because I removed ads on forum?
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 21, 2009, 04:54:42 pm
Bump
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on June 21, 2009, 05:31:45 pm
Mojo - I checked your source code, you have the code in your HEADERS.

Put the code in your footers and it will work for you ;)
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 22, 2009, 02:19:42 am
Oh. Ok. Thanks
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 22, 2009, 02:22:58 am
Yay! It works. Now is there a way to center it?


Edit:

I think theres a glitch.
I see the Picute and winner and title everything up the top. But anywhere in the "Manage Styles" in the Admin Pannel
It pop's up on the top and it pops up here.

The Top Image is up the top. Where it's meant to be.
(http://i652.photobucket.com/albums/uu250/andrew_98/glitch.jpg)
The 2nd one isn't meant to be there?

On top of the
This is the Style Editor for your forum

Style Picker:
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on June 22, 2009, 06:35:19 am
I checked your source code... something was wrong with the code you used.

Use this one instead
Code: [Select]
<script>
var Title = "SOTW 1 Winner | Render";
var Winner = "Didds";
var Image = "http://i422.photobucket.com/albums/pp309/didds_bucket/AndrewDragonsig.png";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>


To center it, you'll need to do this:
Code: [Select]
<script>
var Title = "SOTW 1 Winner | Render";
var Winner = "Didds";
var Image = "http://i422.photobucket.com/albums/pp309/didds_bucket/AndrewDragonsig.png";

//Created by Agent Moose (smcodes.smfforfree3.com)
$("#bodyarea").before('<div id="SOTW"><div class="tborder" style="margin-top: 1ex;"><div style="text-align: center;" class="catbg" style="padding: 5px 5px 5px 10px;">' + Title + '</div><table id="upshrinkHeader2" width="100%" cellpadding="4" cellspacing="0" border="0"><tr><td class="titlebg2"></td></tr><div style="text-align: center;" class="windowbg"><b>Winner</b>: ' + Winner + '<br><img src="' + Image + '"/></div></table></div>');
</script>
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 22, 2009, 06:42:35 am
Now it's doing this

(http://i652.photobucket.com/albums/uu250/andrew_98/t10p2.jpg)


EDIT:

(http://i652.photobucket.com/albums/uu250/andrew_98/t10p3.jpg)
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on June 22, 2009, 06:52:26 am
That's because of the "group image" code you are using. That has nothing to do with this code.
Title: Re: [Code] Add Box Above Ads
Post by: мσנσвσנσ82 on June 22, 2009, 07:24:31 am
That's because of the "group image" code you are using. That has nothing to do with this code.
Ok. Well I've just removed that code.
When I add a staff member I'll use Name across board
Title: Re: [Code] Add Box Above Ads
Post by: SpazzinOut on May 16, 2011, 06:34:28 pm
how do u add cbox chat into the code? i tried the webpage editor and using that code but it doesn't come up. its just the whole cbox code written out with errors on the top of the site
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on May 16, 2011, 08:07:43 pm
SpazzinOut - can you give us:

Title: Re: [Code] Add Box Above Ads
Post by: SpazzinOut on May 17, 2011, 03:09:52 pm
i decided to go with the ez portal. So nevermind my post and ty andrew  ;)
Title: Re: [Code] Add Box Above Ads
Post by: Seldom Fail on May 17, 2011, 03:42:43 pm
i decided to go with the ez portal. So nevermind my post and ty andrew  ;)

Ok :) and I'm Seldom btw... ;)