News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Mr.truckman

Started by Mr.Truckman, February 17, 2014, 04:37:59 PM

Previous topic - Next topic

Mr.Truckman

Link to the theme


I designed this theme to support the maximum size of a wider site. So beautiful, you should be scalable website is 100%.

I hope you to like it, and enjoy it

demo

by Mr.Truckman

CrimeS

Cool theme! Very simple and pleasant to look at.

mulwa

please how can i let the logo to be under the search box and user info.?
And how can i make the header of the theme to be wider than the body?, pls view how i want the header to be. I want the header to fill the whole side.
See the screen shot below

Mr.Truckman

QuoteAnd how can i make the header of the theme to be wider than the body?, pls view how i want the header to be. I want the header to fill the whole side.

edit../Themes/default/css/index.css

Find:
/* the content section */
#content_section
{
background: #FFFFFF; url(../images/theme/frame_repeat.png) repeat-y top left;
padding-left: 40px;
padding-bottom:10PX;
}
#content_section div.frame
{
background:#FFFFFF; url(../images/theme/frame_repeat.png) repeat-y top right;
display: block;
padding: 0 40px 0 0;
}
#main_content_section
{
width: 100%;
min-height: 200px;
}


Replace With
/* the content section */
#content_section
{
background: #FFFFFF; url(../images/theme/frame_repeat.png) repeat-y top left;
padding-left: 20px;
padding-bottom:10PX;
}
#content_section div.frame
{
background:#FFFFFF; url(../images/theme/frame_repeat.png) repeat-y top right;
display: block;
padding: 0 20px 0 0;
}
#main_content_section
{
width: 100%;
min-height: 200px;
}


Quoteplease how can i let the logo to be under the search box and user info.?
edit../Themes/default/index.template.php

Find:
<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>', '


Move below this code

// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';

echo '
</div>
</div>


Thank you for using my theme.

mulwa

thank you sir. But that header didn't get wider than the div, i wanted the header and the nav menu section to be wider than the div (i mean wider than the lower sections.), i used those codes you posted but didn't shift the header wider or smaller either. Pls i need help. Thank you

mulwa

#5
pls sir, check how the header and nav menu bar is on this theme. If possible, i would like you to help me make it like that.
blue_sky theme
http://custom.simplemachines.org/themes/index.php?lemma=2484

thank you for your time sir.

Advertisement: