Customizing SMF > Graphics and Templates

How to align the SMF board to the left of screen?

(1/2) > >>

christob:
Hi there

I am a newbie to SWF forums and having installed it on a site yesterday, and not being an experinced [programmer. I know a bit of HTML and CSS, I just wish to align the whole forum to the left of the screen.

Id also, like to make the banner that I have succeded in putting at the top of the screen, that when clicked goes to my homepage and not the homepage of the forum..?


Can anyone advise how to do this.

Currently I am using SMF 2.0.2 and using a custom them 'flatorange'

I hope you can help

With thanks

Chris

Gary:
Howdy. Welcome to the community.


--- Quote from: christob on July 06, 2012, 09:24:07 AM ---I am a newbie to SWF forums and having installed it on a site yesterday, and not being an experinced [programmer. I know a bit of HTML and CSS, I just wish to align the whole forum to the left of the screen.

--- End quote ---
You mean, so that it takes up 100% of the screen? This should be doable in the Admin Center by going:

Admin > Current Theme > Forum width, and setting that to 100%.



--- Quote from: christob on July 06, 2012, 09:24:07 AM ---Id also, like to make the banner that I have succeded in putting at the top of the screen, that when clicked goes to my homepage and not the homepage of the forum..?

--- End quote ---
This can be done by using <a href="' , $scripturl , '">[something]</a>, this will allow you to link to the URL of your forum, and have it still work if you were to change it later for some reason.

By the way, we have a dedicated area for support on themes and graphics, so I have moved this topic there for future reference. ;) It's not a big deal so don't worry about it too much though.

christob:
hi there

thanks for responding..

no i dont want the forum to be 100%, i want it to be 70-80% and so it sits to the very left of the browser window not in the centre of the screen.

i need to re-read your second comment...

thanks if you can help

chris

Gary:

--- Quote from: christob on July 06, 2012, 09:37:21 AM ---no i dont want the forum to be 100%, i want it to be 70-80% and so it sits to the very left of the browser window not in the centre of the screen.

--- End quote ---

In index.css find this code:


--- Code: ---/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
}

--- End code ---

and remove it.

Removing the padding from


--- Code: ---/* Set a fontsize that will look the same in all browsers. */
body
{
background: #DDE5F0 url(../images/theme/clear.png) repeat-x;
font: 78%/130% verdana, Helvetica, sans-serif;   
margin: 0 auto;
padding: 15px 5%;
}
--- End code ---

Might also be a good idea.

christob:
Youre a diamond !

that would have taken me a month of sundays!

sorted

part2!
------
Quote from: christob on Today at 09:24:07 AM

    Id also, like to make the banner that I have succeded in putting at the top of the screen, that when clicked goes to my homepage and not the homepage of the forum..?

This can be done by using <a href="' , $scripturl , '">[something]</a>, this will allow you to link to the URL of your forum, and have it still work if you were to change it later for some reason.
-----

Where do I put that code, or where can I find where to put that code?

thanks

christo

Navigation

[0] Message Index

[#] Next page