Announcement

Collapse
No announcement yet.

Adding another logo in the header

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Adding another logo in the header

    I am a computer illiterate type, so please bear with me


    I have my logo in the upper left corner, but I want to add an animated GIF to the right side, since the top of the header looks very blank. http://www.tri-statecrawlers.com/forum/index.php

    Is there a certain code I put in and then where to upload the animated GIF?

    It seems everything I need to do is in my AdminCP > Style manager, but I get lost on all the codes.

    I searched the forums, but only found things on changing the current logo and not adding another. Any help is greatly appreciated.

    Thanks

  • #2
    Admin CP -> Styles & Templates -> Style Manager -> Common Templates (in the menu) -> header

    Replace the red code with your own image code:

    Code:
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
    	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    	<td align="$stylevar[right]">
    		&nbsp;
    	</td>
    </tr>
    </table>
    <!-- /logo -->
    
    <!-- content table -->
    $spacer_open
    
    $_phpinclude_output

    Comment


    • #3
      Thanks for the reply Jake. I have been messing with it, but just can't seem to get the right image code

      It seems to only put the writing up there in the top section. Maybe I am not adding in the right code


      Thanks for the help

      Edit- I am adding in this to that area <img>http://www.tri-statecrawlers.com/RokWerx/RokWerxRClogo<img>

      I am getting boxes pop up at both ends where the <img> tag is, and the www.tri-statecrawlers letting written out in between them
      Last edited by TwistedC; Tue 23 May '06, 2:26pm.

      Comment


      • #4
        <img src="http://www.yourdomain.com/forum/yourimage.gif" />
        You're spending millions of dollars on a website?!

        Comment


        • #5
          I'd recommend including border="0"

          <img src="http://www.yourdomain.com/forum/yourimage.gif" border="0">

          Comment


          • #6
            Awesome!!


            Thank you guys...


            Another quick question. What is the purpose of the border 0 ?


            Thanks again, greatly appreciate it

            Comment


            • #7
              The purpose of border="0" is so the image doesn't have a border around it. If you want a border, add border="1".
              Herp Center - Reptile Forums

              Comment


              • #8
                Ok, Thank you guys so much for the information.

                Greatly appreciate it

                Comment


                • #9
                  I read somewhere that "alt" should be in all image tags? Is this true and whats the purpose?

                  Comment


                  • #10
                    According to W3C it should.
                    An alt tag is displayed if the image can't be displayed for whatever reason.
                    Best Regards
                    Colin Frei

                    Please don't contact me per PM.

                    Comment


                    • #11
                      I see. None of my of my image URLs have it. LOL Maybe I should add them to be compliant.

                      Comment


                      • #12
                        To be compliant:

                        <img src="http://www.yourdomain.com/forum/yourimage.gif" border="0">

                        must be:

                        <img src="http://www.yourdomain.com/forum/yourimage.gif" border="0" alt="some text" />

                        Single tags in xhtml have to close themselves with / at the end.

                        html / xhtml - few examples of single tags (tags that dont' require to have a close tag)
                        <br> / <br />
                        <hr> / <hr />
                        <img> / <img />

                        Oh, and <i> has been replaced with <em>, but <b> is still ok to use, though I try to use more and more <strong>

                        Comment


                        • #13
                          hi regarding putting adverts in the header next to the logo,

                          i just tried editing that same template and can't seem to find the code in the template

                          here is my common template header

                          Code:
                          <!-- logo -->
                          <a name="top"></a>
                          <!-- main table --><table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" class="maintable">
                          <tr>
                              <td><!-- content table --><table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
                          <tr>
                              <td class="header-row"><table border="0" cellspacing="0" cellpadding="0" class="header-table" width="100%">
                              <tr>
                                  <td align="$stylevar[right]" width="9"><img src="$stylevar[imgdir_misc]/logo_left.gif" width="9" height="92" border="0" alt="" />
                          </td>
                                  <td align="$stylevar[left]" class="header-table-row"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" height="92" alt="$vboptions[bbtitle]" /></a>
                          </td>
                                  <td align="$stylevar[right]" valign="bottom" width="100%" style="padding: 5px" nowrap="nowrap" class="header-table-row">
                          
                                  <if condition="$show['member']">
                                  <div class="smallfont">
                                      <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
                                      <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
                                      <if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
                                      <if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
                                  </div>
                                  <else />
                                  <!-- login form -->
                                  <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
                                  <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
                                  <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                          
                                  <tr>
                                      <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
                                      <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
                                      <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
                                  </tr>
                                  <tr>
                                      <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
                                      <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
                                      <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
                                  </tr>
                                  </table>
                                  <input type="hidden" name="s" value="$session[sessionhash]" />
                                  <input type="hidden" name="do" value="login" />        
                                  <input type="hidden" name="vb_login_md5password" />
                                  <input type="hidden" name="vb_login_md5password_utf" />
                                  </form>
                                  <!-- / login form -->
                                  </if>    
                          
                                  </td>
                                  <td width="9" align="$stylevar[right]" class="header-table-row"><img src="$stylevar[imgdir_misc]/logo_right.gif" width="9" height="92" border="0" alt="" /></td>
                              </tr>
                              </table></td>
                          </tr>
                          <!-- /logo -->
                          
                          <!-- nav buttons bar -->
                          <script type="text/javascript">
                          <!--
                          function log_out()
                          {
                              ht = document.getElementsByTagName("html");
                              ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
                              if (confirm('$vbphrase[sure_you_want_to_log_out]'))
                              {
                                  return true;
                              }
                              else
                              {
                                  ht[0].style.filter = "";
                                  return false;
                              }
                          }
                          //-->
                          </script>
                          
                          <tr>
                              <td style="border: none; padding: 0;"><table border="0" cellspacing="0" cellpadding="0" width="100%">
                              <tr>
                                  <td width="9" align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/nav_top_left.gif" width="9" height="2" border="0" alt="" /></td>
                                  <td width="100%" class="navbar-top-row"><img src="$vboptions[cleargifurl]" width="1" height="2" border="0" alt="" /></td>
                                  <td width="9" align="left" valign="bottom"><img src="$stylevar[imgdir_misc]/nav_top_right.gif" width="9" height="2" border="0" alt="" /></td>
                              </tr>
                              </table></td>
                          </tr>
                          <tr>
                              <td class="navbar-row" align="center"><table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" class="navbar-row-table">
                              <tr align="center" class="vbmenu_dark">
                                  <td width="9" align="right" style="padding: 0;"><img src="$stylevar[imgdir_misc]/nav_left.gif" width="9" height="21" border="0" alt="" /></td>
                                  <if condition="$show['member']">
                                      <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
                                  </if>
                                  <if condition="$show['registerbutton']">
                                      <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
                                  </if>
                                  <td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
                                  <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
                                  <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
                                  <if condition="$show['popups']">        
                                      <if condition="$show['searchbuttons']">
                                          <if condition="$show['member']">
                                          <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                          <else />
                                          <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                          </if>
                                          <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
                                      </if>
                                      <if condition="$show['member']">
                                          <td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>        
                                      </if>
                                  <else />        
                                      <if condition="$show['searchbuttons']">
                                          <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                                          <if condition="$show['member']">
                                          <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                          <else />
                                          <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                          </if>
                                      </if>
                                      <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
                                      <if condition="$show['member']">            
                                          <td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>            
                                      </if>            
                                  </if>
                                  <if condition="$show['member']">
                                      <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
                                  </if>
                                  <td width="9" align="left" style="padding: 0;"><img src="$stylevar[imgdir_misc]/nav_right.gif" width="9" height="21" border="0" alt="" /></td>
                              </tr>
                              </table></td>
                          </tr>
                          
                          <!-- content table -->
                          $spacer_open
                          $leftcolumn_advertisement
                          
                          $_phpinclude_output

                          the code i need to add is

                          Code:
                          $header_advertisement

                          thanks for any help that anyone can give

                          Comment


                          • #14
                            My post uses the default header template. Your template is heavily customized so I can't say what is equivalent.

                            Comment

                            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                            Working...
                            X