Blackhead

[Existant]

Hey Crip, Happy New Year.  Hope your holidays were well.

On a friends site who is using vbulletin, he added a google bar to his site, seen in pic one.

I was wondering how to add it to the Blackhead theme to look seamless.  Pic two shows where I would like it, and pic three shows how I would like it to end up looking.  Mind you the grey colour will be all the way across,

Also, is there a way to center the default menu string? Instead of all the links running from the left to right?

EDIT: I have my google code, I just need how to add it to that row

[Crip]

• Straight up!
  you can't move links/menu , and i personally really do not know anything about a Google Bar or how to add it to A Theme..?

[Existant]

• Straight up!
  you can't move links/menu , and i personally really do not know anything about a Google Bar or how to add it to A Theme..?
  

Well, I have the google code, I just need to know where in the appropriate file where I can add it's line underneath the current menu.  Like, is the current menu in Display.template.php? If so, where in that file would I place the code that would place it right under?

[Crip]

Sorry , I just don't know?

[Existant]

Hrm, maybe I can figure it out.  Do you happen to know which file contains the script on the menu placement?

[Crip]

not a Script ..
  • css/index.css

[Jack_40k]

Hey Crip. Is it possible to purchase the rights to remove the theme name and link to your website?

Also is there any way to remove the blank space in your theme? Feel like it would be really beneficial to my forum!

Thanks,

Jack.

[Crip]

COPY RIGHTS SAY AS IS!! [end]

---------------------------->>
css/index.css :

Code Select Expand


#top-l {
    background: url(../images/theme/topl.gif) no-repeat scroll 0 0 transparent;
    padding: 7px 11px 0;
}


Hey Crip. Is it possible to purchase the rights to remove the theme name and link to your website?

Also is there any way to remove the blank space in your theme? Feel like it would be really beneficial to my forum!

Thanks,

Jack.

[User Deleted]

how can i remove everything in the red area

[Crip]

..you make your edits in the indexTemplate.Php &  ../css/index.css √

[User Deleted]

..you make your edits in the indexTemplate.Php &  ../css/index.css √

can you let me know what code i change specifically
i don't want to mess up my site

[Crip]

Okay , back up it up 1st

.. Find In The > "(indextemplate.php)"

Code Select Expand


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

   echo '
<div id="wrapper">
    <div id="header">
        <div id="head-l">
            <div id="head-r">
                <div id="userarea" class="smalltext">';

          // If the user is logged in, display stuff like their name, new messages, etc.
            if ($context['user']['is_logged'])
   {
      echo '
       <ul class="reset">
         <li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
      </ul>';

      // Is the forum in maintenance mode?
      if ($context['in_maintenance'] && $context['user']['is_admin'])
         echo '<b>', $txt['maintain_mode_on'], '</b>';

      // Are there any members waiting for approval?
      if (!empty($context['unapproved_members']))
         echo '', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';

      echo '
          <ul class="reset">
            <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>';
      if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
         echo '<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';
   }
   // Otherwise they're a guest - so politely ask them to register or login.
   else
   {
      echo '<br />', $txt['login_or_register'], '<br />
      <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>';
   }

   echo '
   </div>';
  echo '
       <div id="searcharea">';
           echo '
        <form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
        <input class="inputbox" type="text" name="search" value="', $txt['search'], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt['search'], '...\';" />';

     // Search within current topic?
       if (!empty($context['current_topic']))
       echo '<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
 
     // If we're on a certain board, limit it to this board ;).
        elseif (!empty($context['current_board']))
       echo '<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
      echo '
    </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>
    </div>
   </div>
<div id="toolbar" style="margin-top: -2.1em;">
   ',template_menu(),'
  </div>
<br class="clear"/>
<div id="top">
     <div id="top-r">
         <div id="top-l">
          </div>
       </div>
   </div>
     <div id="bdy-l">
         <div id="bdy-r">
             <div id="bodyarea">';
                  theme_linktree();

}


Replace with: >

Code Select Expand


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

   echo '
<div id="wrapper">
    <div id="header">
        <div id="head-l">
            <div id="head-r">';

  // 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>
    </div>
   </div>
<div id="toolbar" style="margin-top: -2.1em;">
   ',template_menu(),'
  </div>
<br class="clear"/>
<div id="top">
     <div id="top-r">
         <div id="top-l">
          </div>
       </div>
   </div>
     <div id="bdy-l">
         <div id="bdy-r">
             <div id="bodyarea">';
                  theme_linktree();

}


Should do as asked.?
===================>

..you make your edits in the indexTemplate.Php &  ../css/index.css √

can you let me know what code i change specifically
i don't want to mess up my site

[User Deleted]

great!
thanks!

[SnipeRz0r]

please can u explain everything step by step on how to change the theme logo from blackhead logo to a custom logo please explain step by step!
dont reply here just PM me or add me on skype anonymos_samp

[Crip]

Find this in your /..css/index.css & change:

Code Select Expand


#logo a {
position: absolute;
top: 2.5em;
left: 0px;
display: block;
width: 368px;
height: 103px;
cursor: pointer;
background: url(../images/theme/logo.png) no-repeat;
}


------------------------------------------------------------------------------------------
Then add your logo.png) .. & also change the Width & Height to your Logo
upload yours to the same path as it needs it  / ../images/theme/Your Logo.png
------------------------------------------------------------------------------------------

Code Select Expand


#logo a {
position: absolute;
top: 2.5em;
left: 0px;
display: block;
width: 368px;  <========change Width if needed=======>
height: 103px;  <=======change Height if needed========>
cursor: pointer;
background: url(../images/theme/your-logo.png) no-repeat;
}


[N i g h t m a r e]

How can i center the logo, and remove all the text from the header so its just the logo...?

[Crip]

How can i center the logo, and remove all the text from the header so its just the logo...?

That would require lots of code changes via the [ Index.Template.Php ] .. DIY => i reckon  cuz,  i haven't time to [all] do it myself..

[N i g h t m a r e]

How can i center the logo, and remove all the text from the header so its just the logo...?

That would require lots of code changes via the [ Index.Template.Php ] .. DIY => i reckon  cuz,  i haven't time to [all] do it myself..

All i need to know is how to center the logo....

[Crip]

okay,
----------
Find:
--------

Code Select Expand


#logo a {
    background: url("../images/theme/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 103px;
    left: 30%;   <==================Change this   until centered====================>
    position: absolute;
    top: 2.5em;
    width: 368px;
}


[N i g h t m a r e]

okay,
----------
Find:
--------

Code Select Expand


#logo a {
    background: url("../images/theme/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 103px;
    left: 30%;   <==================Change this   until centered====================>
    position: absolute;
    top: 2.5em;
    width: 368px;
}


Could one possibly tell me where i am suppose to find this exactly?