SMF For Free Support Forum

SMF For Free Support => Guides and Tutorials => Topic started by: Blade on March 17, 2008, 12:31:31 pm

Title: [Guide] How To Add A Banner!
Post by: Blade on March 17, 2008, 12:31:31 pm
Forum Url: http://runescapmoparscpe.smfforfree4.com
Hay Loads of people have been asking me 'how do i add a banner'

well this is for them..

Step 1:
get the banner you want to add, and go to photobucket.com and upload it....

Step 2:
go on your forums and go to
Code: [Select]
Admin-->Manage Styles-->Edit Headers/Footers
Step 3:
Add this code to your headers..
Code: [Select]
<img src="DIRECT LINK" border="0" alt="Banner">
In the DIRECT LINK put the direct link code form photo bucket

If you want the banner centered:

Code: [Select]
<div align="center">
    <img src="IMAGE URL" alt="" />
</div>

Step 4:

DONE =]

thanx for reading =]!
Title: Re: [Guide] How To Add A Banner!
Post by: Nemanja on June 12, 2008, 06:14:25 am
and if you want when you click on that banner to open other page you write this:

Code: [Select]
<a href="PAGE LINK"><img src="DIRECT LINK" border="0" alt="Banner"></a>
Title: Re: [Guide] How To Add A Banner!
Post by: JackOfBlades™ on October 14, 2008, 09:52:13 pm
or you could just go to admin then current theme, and then click themes and settings and put the HTTP code in (logo image url)...this will take the place of your forum name thats so plain... :D
Title: Re: [Guide] How To Add A Banner!
Post by: ^Purrson^ on October 15, 2008, 12:23:22 am
whooooooohoooooooooo THANK YOU FLAME!!!(http://smileys.smileycentral.com/cat/36/36_1_75.gif)
Title: Re: [Guide] How To Add A Banner!
Post by: [JeReMy] on October 28, 2008, 08:40:02 pm
thx for the info
Title: Re: [Guide] How To Add A Banner!
Post by: Brian Retzlaff on December 15, 2008, 10:00:08 pm
i've been monkeying around with this code and is their a way to get a banner centered and have a clickable link?
Title: Re: [Guide] How To Add A Banner!
Post by: simply sibyl on December 16, 2008, 10:31:55 am
i've been monkeying around with this code and is their a way to get a banner centered and have a clickable link?

Code: [Select]
<div align="center">
    <a href="forum url"><img src="image url" alt="" title="Click here to return to the index!" /></a>
</div>


There is also a code here for centering the banner in the Current Theme > Logo Image URL area

center banner in logo image url area (http://www.smfsupport.com/support/smf_for_free_codes/code_center_your_banner-t19588.0.html)
Title: Re: [Guide] How To Add A Banner!
Post by: Stricken1337 on January 11, 2009, 10:06:57 am
This seems simple. Nice, but one thing. Where did you make your banner? Cause I need to know where to make a banner.
Title: Re: [Guide] How To Add A Banner!
Post by: Pan on May 15, 2009, 07:28:59 am
Forum Url: http://runescapmoparscpe.smfforfree4.com
Hay Loads of people have been asking me 'how do i add a banner'

well this is for them..

Step 1:
get the banner you want to add, and go to photobucket.com and upload it....

Step 2:
go on your forums and go to
Code: [Select]
Admin-->Manage Styles-->Edit Headers/Footers
Step 3:
Add this code to your headers..
Code: [Select]
<img src="DIRECT LINK" border="0" alt="Banner">
In the DIRECT LINK put the direct link code form photo bucket

If you want the banner centered:

Code: [Select]
<div align="center">
    <img src="IMAGE URL" alt="" />
</div>

Step 4:

DONE =]

thanx for reading =]!


Is it okay to put the Step 3 on the footers? please reply
Title: Re: [Guide] How To Add A Banner!
Post by: Seldom Fail on May 15, 2009, 07:49:53 am
Is it okay to put the Step 3 on the footers? please reply

Yes but the banner would show up UNDER your forum instead of above where most banners go  ;)
Title: Re: [Guide] How To Add A Banner!
Post by: Pan on May 15, 2009, 08:14:31 am
thanks  :)
Title: Re: [Guide] How To Add A Banner!
Post by: Blade on May 30, 2009, 01:37:48 am
Hope you lot found this helpfull :)

Title: Re: [Guide] How To Add A Banner!
Post by: Mad Gamer2 on June 03, 2009, 07:28:44 pm
thx for the guide blade
Title: Re: [Guide] How To Add A Banner!
Post by: Blade on June 05, 2009, 03:33:47 pm
No Prop :)
Title: Re: [Guide] How To Add A Banner!
Post by: Nevada on June 05, 2009, 08:30:10 pm
WOOT, THANKS FOR THE GUIDE  ;D IT WORKSS PERFECT!!

GJ.

-Nevada.
Title: Re: [Guide] How To Add A Banner!
Post by: Games on June 14, 2009, 03:36:16 pm
Forum Url: http://everygame.smfforfree.com
Nice guide.

The admin area upload banner will add statistics of your forum, which can be quite annoying and can ruin a banner. How do you get rid of these?
Title: Re: [Guide] How To Add A Banner!
Post by: Seldom Fail on June 14, 2009, 03:46:52 pm
Those are automatically put on there through that feature.

Make your image through an image creator program (paint, GIMP, PhotoShop, etc.)

Upload your image to a image hoster (tinypic, photobucket, etc.)

Retrieve the URL and use that one ;)
Title: Re: [Guide] How To Add A Banner!
Post by: Games on June 14, 2009, 07:17:55 pm
Those are automatically put on there through that feature.

Make your image through an image creator program (paint, GIMP, PhotoShop, etc.)

Upload your image to a image hoster (tinypic, photobucket, etc.)

Retrieve the URL and use that one ;)

Alright thanks :)
Title: Re: [Guide] How To Add A Banner!
Post by: Mago on July 13, 2009, 12:41:59 pm
Forum Url: http://runescapmoparscpe.smfforfree4.com
Hay Loads of people have been asking me 'how do i add a banner'

well this is for them..

Step 1:
get the banner you want to add, and go to photobucket.com and upload it....

Step 2:
go on your forums and go to
Code: [Select]
Admin-->Manage Styles-->Edit Headers/Footers
Step 3:
Add this code to your headers..
Code: [Select]
<img src="DIRECT LINK" border="0" alt="Banner">
In the DIRECT LINK put the direct link code form photo bucket

If you want the banner centered:

Code: [Select]
<div align="center">
    <img src="IMAGE URL" alt="" />
</div>

Step 4:

DONE =]

thanx for reading =]!

Thanks very much for this info, this is what I have accheived.

http://irishroadracers.smfforfree.com/index.php
Title: Re: [Guide] How To Add A Banner!
Post by: quendra on July 22, 2009, 03:07:54 am
I have a question, what is the right size? thanx.  8)
Title: Re: [Guide] How To Add A Banner!
Post by: Seldom Fail on July 22, 2009, 07:20:22 am
Because we all use different screen resolutions, there is no "right size"

Your forum may be a certain width on your monitor but completely different on someone else's. ;)
Title: Re: [Guide] How To Add A Banner!
Post by: Zion on October 01, 2009, 03:37:31 am
Simple Guide, but well written. :)
Title: Re: [Guide] How To Add A Banner!
Post by: Raven Star on November 19, 2009, 04:39:29 pm
Wow nice guide ... What is the max size I can use on my forums? 750 by 300? ???
Title: Re: [Guide] How To Add A Banner!
Post by: santaorb on January 13, 2010, 11:56:13 am
thanks just what i needed :D
Title: Re: [Guide] How To Add A Banner!
Post by: Branimir2412 on November 03, 2011, 10:04:01 am
Hi

I have big problem with puting banner on smf 2.0 RC5 forum. I have follow this tutorial and didn't get what I need.

This is code that I have put on this place: // Custom banners and shoutboxes should be placed here, before the linktree.

<div align="center">
    <a href="http://battlelog.battlefield.com/bf3/gate/?returnUrl=|bf3|servers|show|34694cfe-665b-4bcb-947a-d0c4be70f868|Playomania-by-Diabolic|"><img src="http://www.playomania.com/uploads/battlefiel3_banner.png" alt="" title="Click here to return to the index!" /></a>
</div>

and when I do that I get this error:

(http://img849.imageshack.us/img849/4498/image4xx.jpg) (http://imageshack.us/photo/my-images/849/image4xx.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)

Can someone help me with this?

Here is code from 159 to 238 line with my code for banner:

function template_body_above()
{
   global $context, $settings, $options, $scripturl, $txt, $modSettings;

   echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
    <div id="header">
        <div id="userarea" class="smalltext">';
         if ($context['user']['is_logged']){
         echo '
        <ul class="reset">
             <li class="greeting"><strong>', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></strong></li>';
         echo '
             <li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
             <li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>
             <li>', $context['current_time'],'</li>
         </ul>';}

   // Otherwise they're a guest - this time ask them to either register or login - lazy bums...
   elseif (!empty($context['show_login_bar']))
   {
      echo '
            <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
            <form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
               <div class="info">', $txt['login_or_register'], '</div>
               <input type="text" name="user" class="inputs" size="10" />
               <input type="password" name="passwrd" style="background: #1e1e1e; color: #c9c9c9; border-top: 1px solid #000000; border-right: 1px solid #454545; border-bottom: 1px solid #454545; border-left: 1px solid #000000; font-size: 90%; padding: 2px;" size="10" />
               <input type="submit" value="', $txt['login'], '" class="button_submit" /><br />';

      if (!empty($modSettings['enableOpenID']))
         echo '
               <br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

      echo '
               <input type="hidden" name="hash_passwrd" value="" />
            </form>';
     }
   echo '
     </div>';

  // Show a random news item? (or you could pick one from news_lines...)
   if (!empty($settings['enable_news']))
   {
      echo '<div id="news">
        <b>', $txt['news'], ':</b> ', $context['random_news_line'], '</div>';
   }
    echo '
           <div id="logo">
          <a href="'.$scripturl.'" title=""></a>
        </div>';
      echo '
   </div>
       <br class="clear" />';

   // Show the menu here, according to the menu sub template.
  echo '
<div id="toolbar-l">
    <div id="toolbar-r">
        <div id="toolbar">
          ',template_menu(),'
       </div>
     </div>
  </div>';

         if(!empty($context['user']['unread_messages'])) {     
   echo '<br /><br /><div class="categoryframe tborder" style="width: 90%; text-align: center; margin: auto;"><h3 class="catbg headerpadding"><center>';       
   echo '<a href="', $scripturl, '?action=pm">', $txt['msg_alert_you_have'], ' ', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt['msg_alert_messages'] : $txt['message_lowercase'], $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'] , '.</a>';       
   echo '</center></h3></div>'; }

   // The main content should go here.
   echo '
       <div id="bodyarea">';

   // Custom banners and shoutboxes should be placed here, before the linktree.

<div align="center">
    <a href="http://battlelog.battlefield.com/bf3/gate/?returnUrl=|bf3|servers|show|34694cfe-665b-4bcb-947a-d0c4be70f868|Playomania-by-Diabolic|"><img src="http://www.playomania.com/uploads/battlefiel3_banner.png" alt="" title="Click here to return to the index!" /></a>
</div>

   // Show the navigation tree.
   theme_linktree();
}


Title: Re: [Guide] How To Add A Banner!
Post by: simply sibyl on November 03, 2011, 10:12:20 am
Branimir2412  -  wrong Support Forum  :)   Your forum is not hosted with our service. 
Title: Re: [Guide] How To Add A Banner!
Post by: Branimir2412 on November 03, 2011, 10:17:36 am
Oh, my bad.
Thanks
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on February 15, 2012, 12:12:03 am
I am pleased that I ran across this topic..I have been wanting a banner for my forum..Thanks! :)
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on February 19, 2012, 03:18:21 am
Where are some good places to find banners?  :smiley6600:
Title: Re: [Guide] How To Add A Banner!
Post by: Andrew on February 19, 2012, 09:26:04 am
Where are some good places to find banners?  :smiley6600:

Google
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on February 20, 2012, 03:37:13 am

Thanks..I tried Photobucket first.. ;)

Where are some good places to find banners?  :smiley6600:

Google
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 06, 2012, 03:45:44 am
Hey Andrew. How do I know what size that I need?


Where are some good places to find banners?  :smiley6600:

Google
Title: Re: [Guide] How To Add A Banner!
Post by: Andrew on March 06, 2012, 02:29:17 pm
There really is no size limit. I suggest just looking for one that looks bests for your forum.
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 08, 2012, 07:19:58 am
Well that helps me a lot. I looked on photobucket first and saw all the different sizes.Thanks Andrew, you are the best! 8)


There really is no size limit. I suggest just looking for one that looks bests for your forum.
Title: Re: [Guide] How To Add A Banner!
Post by: Andrew on March 08, 2012, 02:13:53 pm
Well that helps me a lot. I looked on photobucket first and saw all the different sizes.Thanks Andrew, you are the best! 8)


There really is no size limit. I suggest just looking for one that looks bests for your forum.

Thank you! :)
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 13, 2012, 01:58:10 am
Well that helps me a lot. I looked on photobucket first and saw all the different sizes.Thanks Andrew, you are the best! 8)


You are welcome! ;)


There really is no size limit. I suggest just looking for one that looks bests for your forum.

Thank you! :)
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 14, 2012, 11:14:50 pm
I still haven't found a banner..I googled and looked on photobucket... :-\
Title: Re: [Guide] How To Add A Banner!
Post by: Andrew on March 15, 2012, 04:17:22 pm
Some of us (including me) can whip up a banner for you if you can't find one. Just make a new topic in the Graphics board requesting one. ;)
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 18, 2012, 05:46:55 am
Ah heck! Thank you very much..I will.. :)


Some of us (including me) can whip up a banner for you if you can't find one. Just make a new topic in the Graphics board requesting one. ;)
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on October 30, 2012, 08:05:15 pm
Will this site be okay to make a banner from? And then can I just use the code it generates and put on top of forum? Well by following the instructions on here I mean...


http://www.gifmix.net/create-graphics/make-flash-banner/
Title: Re: [Guide] How To Add A Banner!
Post by: Jim Furtado on February 06, 2013, 08:13:36 am
To Insert a Banner Link to your blog you must first...............

have a banner ready. You can create your own banner in an image editing program like I have done or go to an online banner generator. To find an online banner generator just type 'free banner generator' in Google's Search Box and hit Enter. 8)

Once you have made a banner upload it to a free host like GooglePages. At present GooglePages offers 100 MB free space for hosting your files. After uploading it copy the Url of the image. :-*

You can even upload the banner picture to Blogger. To do this click on Create Post and click on the Add Image icon in the top frame of the Post Editor. :angel:

luxury motorhome hire (http://"http://www.betterthancamping.co.uk/")

long term motorhome hire (http://"http://www.betterthancamping.co.uk/") :crazy2:

motorhomes for hire (http://"http://www.betterthancamping.co.uk/")
Title: Re: [Guide] How To Add A Banner!
Post by: WVaGAL on March 09, 2013, 02:13:30 am
That is cool! Good info to have thanks! :smiley6600: