Newspaper Theme - Changing top layout

[DenDen60]

I would like for my page to look like this

   
• Journal des citoyens de Gatineau
• Gatineau! Ma ville ma communauté
• Édition du 28 janvier

But presently it looks like this:

http://forums.citoyensetsocietes.ca/Gatineau/index.php

What do I need to change and specially where is it?

Thank you.

[DenDen60]

I found the place where the clock is:

Code Select Expand

<span class="clock">', $context['current_time'], '</span>

it is imbeded in this code

Code Select Expand

<div id="top_section">
         <h1 class="forumtitle">
            <a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" 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="floatright">' . $settings['site_slogan'] . '</div>', '
         <span class="clock">', $context['current_time'], '</span>
         <div id="top_section_border" class="clear">
         </div>
      </div>


but I do not see how I can change the location of the slogan, the date and get rid of the time.

Any help welcome
Denis

[DenDen60]

I have also found in the index.css

how to make it float left and change the size of the text, but I want the text to be under the name of the board.

[DenDen60]

Let's try this again.

Here is the way it looks now: http://forums.citoyensetsocietes.ca/Gatineau/index.php

I would like
Gatineau! Ma ville ma communauté to be on left under the title, and
Édition du 28 janvier to be under Gatineau! Ma ville ma communauté

How do I do this?

Thanks

[Costa]

Those words are meant to be plain text? They would never change? (except the date ofc)

[DenDen60]

I don't mind that they are plain text, I just one them to be on the left and under the title like so:

Journal des citoyens de Gatineau
Gatineau! Ma ville, ma communauté
Édition du dimanche 03 février, 2013   

[Costa]

Like this?

[DenDen60]

Like this?

Exactly. Can you explain how you did this?

Thanks

Denis

[Costa]

It's not the best way, but works

./Themes/news_2.0.1/index.template.php

Code (find) 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($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" 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="floatright">' . $settings['site_slogan'] . '</div>', '
<span class="clock">', $context['current_time'], '</span>
<div id="top_section_border" class="clear">
</div>
</div>
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<div class="user">';

// If the user is logged in, display stuff like their name, new messages, etc.

Code (replace with) 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($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a></h1><br />

<br /><br /><br /><br />' . $settings['site_slogan'] . '
<br />', $context['current_time'], '
';

// 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 id="top_section_border" class="clear">
</div>
</div>
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<div class="user">';

// If the user is logged in, display stuff like their name, new messages, etc.

[DenDen60]

Thanks Costa, I will decorticate this and will apply it.

Why do you think it is not the best way?

[Costa]

I believe there is a better way to do this. Editing index.css. I went to the "easy" way. Just add <br /> a couple times and change $settings['site_slogan'] and $context['current_time'] to fit where you want.

[DenDen60]

Thanks


It helps me. I am more of a newbee when it comes to finding the place where to change the code.

[Costa]

If this works for you, don't forget to mark topic solved

[DenDen60]

Ok it works Thanks.