Forum

Notifications
Clear all

Banner Sizing

SnoWhiteSally
(@snowhitesally)
Eminent Member

If you install a theme that has no banner included in the layout example, but it is possible to add one - how do you know what dimensions to make it? Is it just a wild guess, or are the skins all roughly the same when it comes to banner size?

Quote
Topic starter Posted : 19/08/2016 12:52 am
Nadia
(@nadia)
Member Admin

You need to add the size of the banner to the css of the theme.

My Hub TrekNation | World of X | Capeside Diaries

ReplyQuote
Posted : 20/08/2016 2:36 pm
SnoWhiteSally
(@snowhitesally)
Eminent Member

What is the code for that? Sorry if that is a dumb question.

ReplyQuote
Topic starter Posted : 26/08/2016 2:07 am
Nadia
(@nadia)
Member Admin

Well, first of all you'd need to find the right location to put your banner. Let's say you want it in the middle of the layout, just above the content.

Open the header.tpl and find this


<div id="sitename">{sitename}</div>
<div id="slogan">{slogan}</div>

Just delete these two DIVs if you don't want the websites name and slogan appear. It's kinda dirty, but it will work.
You might need that space for the header image (banner).

And add the following code (where you just removed the sitename and slogan) for the image and insert the URL and height of your picture (!) instead of the 150px I wrote as example.


<a href=""/"><img" class="header-img" src="" http://yourdomain.com/images/header.jpg "" height="150px"></a>

After that you need to open the style.css and add this somewhere within the General page alignment and width.


.header-img {
height: auto;
max-width: 100%;
margin: 0 auto;
}

This should work. Hopefully this will help you. I'm not good at explaining myself since English is not my native language.

My Hub TrekNation | World of X | Capeside Diaries

ReplyQuote
Posted : 13/09/2016 6:22 pm
SnoWhiteSally
(@snowhitesally)
Eminent Member

Thanks for replying. I just opened my header.tpl and I don't have what you told me to look for. I just have this.

<!-- START BLOCK : header -->
<body>
<div id="{page_id}">
<div id="leftcontainer">
<div id="maincontainer">
<div id="leftcolumn">
<div class="leftblock">
<div class="lefttitle"><div class="lefttitle2">{menu2_title}</div></div>
<div class="blockbox">{menu2_content}</div>
</div>
<div class="leftblock">
<div class="lefttitle"><div class="lefttitle2">{random_title}</div></div>
<div class="content">{random_content}</div>
</div>
{login_title}{login_content}
</div>
<div id="banner"></div>

<div id="skincontainer"><div id="skincontainerB"><div id="skincontainerC">{menu_content}{skinchange_content}{rss}</div></div></div>
</div>
<div id="mainpage">
<!-- END BLOCK : header -->

ReplyQuote
Topic starter Posted : 17/09/2016 2:58 am
Share: