Topic: FreeBSDAddicts.org

http://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

-=-=-=-=-=-=-=-=-=-=-=-=-
Jonathan T. Sage
Lighting & Set Designer
Professional Web Designer

2

Re: FreeBSDAddicts.org

Very nicely done, if you get the chance a small how-to would come in handy for those wanting to do the same.

3 (edited by Dr.Jeckyl 2005-02-23 03:43)

Re: FreeBSDAddicts.org

wisesage wrote:

- 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? wink



seriously, nicely done wisesage!

~James
FluxBB - Less is more

Re: FreeBSDAddicts.org

hcgtv wrote:

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

-=-=-=-=-=-=-=-=-=-=-=-=-
Jonathan T. Sage
Lighting & Set Designer
Professional Web Designer

Re: FreeBSDAddicts.org

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

-=-=-=-=-=-=-=-=-=-=-=-=-
Jonathan T. Sage
Lighting & Set Designer
Professional Web Designer

6

Re: FreeBSDAddicts.org

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.

Re: FreeBSDAddicts.org

hcgtv wrote:

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 smile

-=-=-=-=-=-=-=-=-=-=-=-=-
Jonathan T. Sage
Lighting & Set Designer
Professional Web Designer