Changing the header in curve theme

[calvinhobbes]

Hello..

       I am trying to change the header in the curve theme...I wish to put a simple rectangular box spanning the whole forum and displaying a graphic in it. I was looking at the index.template.php , do i remove this code and put the box in.....i am lost !!!

echo '


   <div id="header"><div class="frame">
      <div id="top_section">
         <h1 class="forumtitle">
            <a href="', $scripturl, '">', empty($settings['header_logo_url']) ? $context['forum_name'] : '<img src="' . $settings['header_logo_url'] . '" alt="' . $context['forum_name'] . '" />', '</a>
         </h1>';

   // the upshrink image, right-floated
   echo '
         <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
   echo '
         ', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="align_right">' . $settings['site_slogan'] . '</div>', '
      </div>

[bullbreedluverz]

it would help if you could make a mock up image of what you are trying to achieve, that way we will better understand exactly what you want and be able to tell you how to do it

[calvinhobbes]

That's the image....i want it to be in the place of   "My Community ..........................SMF logo"   ...which is the top part

then comes the hello username part etc below that.

appreciate your help.

[bullbreedluverz]

like this?

http://www.eotsdzine.com/test/index.php?theme=1

[calvinhobbes]

wow..that's cool ..yes that's how i wished it to look...can you please paste the code u put in

really appreciate your help

i will just work getting the image to completely cover the top part..from left to right...and then i plan to write the site name below that...but i will try to tweak it and work that myself before asking here..

[bullbreedluverz]

open index.template.php

replace

Code Select Expand

echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">
<a href="', $scripturl, '">', empty($settings['header_logo_url']) ? $context['forum_name'] : '<img src="' . $settings['header_logo_url'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>';

// the upshrink image, right-floated
echo '
<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
echo '
', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="align_right">' . $settings['site_slogan'] . '</div>', '
</div>
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<div class="user">';

with

Code Select Expand

echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">';

// the upshrink image, right-floated
echo '
<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
echo'
    <div align="center"><img src="',$settings['images_url'],'/bindaasmumbai.jpg" alt="mumbai"/></div>
    </div>
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<div class="user">';

just change that then upload ur image to image folder and your done (rember to clear your browser cache to see the changes - Ctrl and F5 pressed together will do that)