Seite 1 von 1

sidebar

Verfasst: Do 7. Aug 2014, 11:14
von Admin
Am einfachsten geht es mit einer Tabelle.
The easiest way to insert a sidebar is a table construction.
Have a look here: http://www.forumstyling.de/Mix/sidebar.png

If you want to try this on your board, then open your common.css, find

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */

and insert after

Code: Alles auswählen

.around {
	
        padding: 10px;
        width: 1120px;
		margin: auto;
		background-color: transparent;
}
td.left  {	
        padding: 0px;
        width: 180px;
		margin: 5px auto;
		background-color: transparent;
}


.sidebar {
	
        padding: 10px;
        width: 180px;
        margin: auto;
		margin-top: 160px;
		border-radius: 15px;
		background-image: url("{T_THEME_PATH}/images/wrapbg.gif");
        background-repeat: repeat;
		background-color: #cccccc;
		color: #ffffff;
		font-size: 1.2em;
}
Now open the overall_header.html and find

Code: Alles auswählen

<a id="top" name="top" accesskey="t"></a>
Insert after

Code: Alles auswählen

<table class="around" valign="top"><tr><td class="left" valign="top"><div class="sidebar">Please insert here the text of your sidebar</div></td><td>
Then open the overall_footer.html and find

Code: Alles auswählen

</body>
</html>
Insert before

Code: Alles auswählen

</td></tr></table>
Refresh the templates and the theme of your style.