You are not logged in. Please login or register.
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → FreeBSDAddicts.org
Running nearly stock 1.2.1 - with the addition of the new PMS mod and some slight tweaking of the CSS.
Keep up the awsome work Rickard.
~j
Very nicely done, if you get the chance a small how-to would come in handy for those wanting to do the same.
- with the addition of the new PMS mod
wow! there is a mod that turns our boards into a complete emotional mess every 28 days? 
seriously, nicely done wisesage!
Very nicely done, if you get the chance a small how-to would come in handy for those wanting to do the same.
Great idea - part 1 of 2 - this one is to add a header image - the next will be a quickie on how I made the index / news page. (moving these may be appropriate? not entirely sure where they belong though)
PHP Applications - punBB
Adding a Header Image
Category: PHP Applications - punBB
Level: Beginner
OS: punBB 1.2.x
Created: 02/24/2005
Site: http://freebsdaddicts.org
Author: JTSage (wisesage)
Introduction: A quick and easy way to add a header image to the stock punBB styles/themes.
Prerequisites:
1. Partial knowledge of the syntax of css documents
2. Working knowledge of editing the files in your punBB installation
3. A BACKUP of your current punBB style files
4. A logo / header that you wish to use
a. Typical sizes run around 450x80px - less than 10K
b. GIF, JPEG or PNG (8bit) are acceptable choices
Installation:
1. Drop you header image file into your punBB installation (I used PUNROOT/img/example.jpg)
2. Edit the style file you wish to add (I used PUNROOT/style/Radium.css)
a. Re-naming the style file is generally a good idea to prevent losing your changes during upgrades
3. Add the following lines to the style file
#brdtitle {
background-image: url(/img/example.jpg); /* Replace with the name of your header image */
background-repeat: no-repeat;
height: 80px; /* The HEIGHT of your header image */
padding: 0;
margin: 0; }
#brdtitle span { display: none; }4. Upload the new style file and check it out. There is a reset mod availible to set all user's style selections back to whatever you choose - this may be useful.
Email: jtsage@gmail.com
And - part 2:
PHP Applications - punBB
Creatating A Portal Page
Category: PHP Applications - punBB
Level: Intermediate
OS: punBB 1.2.x
Created: 02/24/2005
Site: http://freebsdaddicts.org
Author: JTSage (wisesage)
Introduction: A editable example of a portal page.
Prerequisites:
For my installation, I choose to run my portal from http://example.org, and my forum from http://example.org/forum - All links reflect this.
News Feeds:
1. Install Rickard's News Generator plugin first, and generate your first set of news. (Instructions are included with the mod)
Portal Index File:
Edit the following closely. w3schools.org is a wonderful HTML learning resource.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="language" content="en-US" />
<meta name="author" content="author" />
<meta name="keywords" content="freebsd openbsd netbsd tutorial howto help" />
<meta name="description" content="FreeBSD Addicts - Your FreeBSD Fix" />
<meta name="robots" content="all" />
<!--EDIT THE ABOVE TO REFLECT YOUR SITES INFORMATION-->
<link rel="stylesheet" type="text/css" href="forum/style/AddictsDarkGrn.css" />
<!--EDIT THE ABOVE TO REFLECT YOUR DEFAULT THEME-->
<title>Your Title</title>
</head>
<body>
<div id="punwrap">
<div id="punindex" class="pun">
<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<h1><span>Your Board Name</span></h1>
<p><span>Board Description</span></p>
</div>
<div id="brdmenu" class="inbox">
<ul> <!--YOU MUST EDIT THESE-->
<li id="navextra1"><a href="http://example.org">Home</a></li>
<li id="navindex"><a href="forum/index.php">Forum Index</a></li>
<li id="navsearch"><a href="forum/search.php">Search</a></li>
</ul>
</div>
</div>
</div>
<div id="idx1" class="blocktable" style="float: left; width: 180px;">
<div class="newsbox">
<p style="font-size: 1.3em;">Mission Statement</p>
</div>
<div class="newsbox">
<p>Some crap</p>
</div>
<div class="newsbox">
<p>Some more crap</p>
</div>
</div>
<div id="idx2" class="blocktable" style="margin-left: 190px;">
<h3 style="font-size: 1.5em;">Current News:</h3>
<? include("forum/plugins/AP_News_Generator/news.html") ?>
</div>
</div>
</div>
</body>
</html>CSS File Edits:
Add the following to your DEFAULT css theme (referenced above)
DIV.newsbox {
border: 1px solid black;
background-color: #424242;
padding: 1em;
margin-bottom: 1.5em; }
DIV.newsbox h3 {
font-size: 1.3em;
font-weight: bold;
font-variant: small-caps; }That's all there is to it - be sure to re-generate news when you add to the forum that holds your news items!
Email: jtsage@gmail.com
Thanks Jonathan, will add this to my wiki.
This topic would be a candidate for the integration forum.
If it's cool with you, I can move it over there.
Thanks Jonathan, will add this to my wiki.
This topic would be a candidate for the integration forum.
If it's cool with you, I can move it over there.
works for me 
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → FreeBSDAddicts.org
Powered by PunBB, supported by Informer Technologies, Inc.