The bbv2 template system is designed to make it very easy for you to create templates in your favourite WYSIWYG editor, such as Frontpage or Dreamweaver. Here is a short tutorial on how to do it.<br><br>
- Open your favourite HTML editor and create the board template as you wish.
- Make sure to include the special string of text MAIN BOARD CONTENT where you wish the main part of the board to be displayed. You can also include any of the normal special board tags (see http://www.bbv2.com/manuals/template-boardtags.bhtml) For example, you will most probably need to include the <LOGINOUT> tag, and the <BBTITLE> tag.
- When you've finished designing, save your template as a .html file on your hard drive.
- Enter the Admin Area on your bbv2 board, and click on ``Edit Templates''.
- Click on the Default template set (or a different set if you are using multiple sets)
- After choosing the
forum(s) and actions you wish your new template to be displayed on, scroll down to Option 1: : Upload a HTML File. Click on ``Browse'', and select the HTML file you saved in step 3.
- Click ``Add Template''.
It is recommended that you include the following HTML source in the <head> area of your HTML page. You can change the colors/values as you wish.
<style type="text/css">
.user {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #2A3E52;
}
.title {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.normal {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.online {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.small {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
}
.small2 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}
input,textarea,select {
font-size: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
td {
font-family: Verdana;
font-size: 12px;
}
A.red:link { COLOR: #8A032E; }
A.red:visited { COLOR: #8A032E; }
A.red:active { COLOR: #8A032E; }
A.red:hover { COLOR: #293E51; }
A.footnav:link { COLOR: #FFFFFF; }
A.footnav:visited { COLOR: #FFFFFF; }
A.footnav:active { COLOR: #FFFFFF; }
A.footnav:hover { COLOR: #B50905; }
</style>
|
