26

(17 replies, posted in PunBB 1.3 extensions)

SkyLine wrote:

hmm thanks for the extension, but could you explain me how to use it in a post ?

Just link to an mp3 tongue

[url=http://www.example.com/song.mp3]Song[/url]

All MP3s found on the page will be added to the player.

I'm running 1.3.1 and having trouble getting linebreaks to work in my forum description hmm

This is line one of my description.<br /><b>This is line 2</b>

Outputs as:

This is line one of my description.This is line 2

No linebreak. I've tried "<br /><br />" and "<br><br>" but neither works. Is this related to the HTML needing to be encoded? I also tried "&lt;br /&gt;&lt;br /&gt;" but it outputted as "<br /><br />" on the index sad

28

(4 replies, posted in PunBB 1.3 discussion)

You could always use a free punbb host like http://www.punbb-hosting.com/ - its all setup for ya, just choose a name basically smile

Once a user has clicked "Quick Quote" on a specific post shouldn't the link be hidden to avoid double quoting/clicking? I'd also suggest that the browser jump to the Quick Quote box so a user doesn't think the "Quick Quote" links are dead ... and then continue to click it lol We know how it works but the end users may not is all I'm thinking.

30

(5 replies, posted in Discussions)

Casemon wrote:

Let me know if I can help...

Well I'm still only learning PHP myself so if you think you may be able to help feel free to add me to MSN smile It should be listed in my profile.

Elbekko has actually already written an extension for linking to categories for Flux 1.3 Beta. I tried using it on PunBB 1.3.1 but the index page gave me undefined index/eval() errors. The below is a slightly modified version of Elbekko's extension (only the eval'd code removed). To install:

1. In your /extensions folder create a folder named: category_view

2. Copy the following code into Notepad and Save As manifest.xml in your category_view folder

<?xml version="1.0" encoding="utf-8"?>
<extension engine="1.0">
    <id>category_view</id>
    <title>Category View</title>
    <version>0.3</version>
    <description>Allows you to link to one or more categories</description>
    <author>El Bekko</author>
    <minversion>1.3 Beta</minversion>
    <maxtestedon>1.3 Beta</maxtestedon>
    
    <hooks>
        <hook id="in_qr_get_cats_and_forums">
            <![CDATA[
                if(isset($_GET['cat']))
                {
                    $cats = explode(',', $_GET['cat']);
                    $scats = array();
                    
                    foreach($cats as $cat)
                        if(round($cat))
                            $scats[] = round($cat);
                    
                    $query['WHERE'] = '('.$query['WHERE'].') AND c.id IN('.implode(',', $scats).')';
                }
            ]]>
        </hook>
    </hooks>
</extension>

To view a specific category the link would be for example:

http://www.mydomain.com/forum/index.php?cat=1

All credit goes to Elbekko. The original extension can be found here smile This is a working version of the extension. The one I was thinking of porting from 1.2 to 1.3 was originally written by Gizzmo I think, it allowed you to hide categories on the index page which you could then link to from your main menu. Was excellent if your forum homepage was getting a little cluttered and some categories were treated more like archives than actual forums cool I'll send Gizzmo a PM this weekend and see if he plans to port it himself first.

Download package updated again to fix another small bug. If a users stylesheet had a margin value already set for 'div#brd-main' it would override the CSS in simple.css.

Open: extensions/simple.css

Find: Line 6

#brd-main {
    width:600px;
    margin:100px auto 0;
    }

Change to:

#brd-main {
    width:600px;
    margin:100px auto 0!important;
    }

32

(4 replies, posted in PunBB 1.3 discussion)

You need a webhost who offer PHP support and access to at least one database such as Mysql. Most shared hosting solutions offer this for about $20 a year.

When you have a webhost sorted download the lastest version of punbb and upload the contents to your webspace. When ya get that done you'll probably need assistance setting up your database (if the host wont do it for you) so just post again and someone can help ya out smile

padizar wrote:

Who can help me to make the column of last post wider?

Don't know if you're still looking for this info but maybe someone else will be searching for it one day..... smile

Open: Oxygen.css

Find: Line 917

.brd .main-content .main-item ul {
    width: 34em;
    right: -35em;
    margin-left: -34em;
    }

Change to:

.brd .main-content .main-item ul {
    margin-left:-44em;
    right:-35em;
    width:44em;
}

You'll also need to update the "Replies/Views/Last Post" column.....

.brd .item-summary .info-topics,
.brd .item-summary .info-replies {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 965em;
    }

.brd .item-summary .info-forum {
    margin-left: 100%;
    text-align: center;
    width: 20em;
    left: 952em;
    }
.brd .item-summary .info-posts,
.brd .item-summary .info-views {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 972em;
    }

.brd .item-summary .info-lastpost {
    margin-left: 100%;
    left: 980em;
    }

Change to:

.brd .item-summary .info-topics,
.brd .item-summary .info-replies {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 955em;
    }

.brd .item-summary .info-forum {
    margin-left: 100%;
    text-align: center;
    width: 20em;
    left: 952em;
    }
.brd .item-summary .info-posts,
.brd .item-summary .info-views {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 962em;
    }

.brd .item-summary .info-lastpost {
    margin-left: 100%;
    left: 970em;
    }

Tested in IE6 and FF3 smile

I was going to ask the exact same question, when making a narrow skin I found drop downs and input boxes would always overflow.

I just added the following to my CSS:

#brd-postedit #fld1,
#brd-postedit #fld2,
#brd-postedit div.longtext #fld3,
#brd-post #fld1,
#brd-post #fld2,
#brd-post div.longtext #fld3 { width:90%; }

It seemed to do the trick in IE6/FF3 for users and guests making posts though obviously doesn't account for other pages that may have input fields.

Anyone from the devteam care to explain why input boxes have size="80" hardcoded into pages such as post.php and edit.php? Not questioning your judgement, just found it odd that everything else is done through CSS but not input fields/dropdowns.

TRIVUz there is a bug in the original code reported by teva. If you're using the Captcha/Antispam extension you need to apply the following fix:

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-head,
#brd-register #brd-navlinks,
#brd-register #brd-visit,
#brd-register #brd-main .main-head,
#brd-register #brd-main #brd-crumbs-top,
#brd-register #brd-main .main-frm #afocus .frm-group .set5,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-about,
#querytime,
#brd-register #brd-main .ct-box {display:none;}

Change to:

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-head,
#brd-register #brd-navlinks,
#brd-register #brd-visit,
#brd-register #brd-main .main-head,
#brd-register #brd-main #brd-crumbs-top,
#brd-register #brd-main .main-frm #afocus .frm-group .set5 div.select,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main .main-frm #afocus .frm-group .set7,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-about,
#querytime,
#brd-register #brd-main .info-box {display:none;}

This has now been released as an extension which allows you to turn on/off the Simplified versions of the pages through your admin panel. It may be best if a moderater would close/merge this thread so all bug reports/fixes/support can be kept in one place.

36

(5 replies, posted in Discussions)

This was possible using a mod on PunBB 1.2 that I have lying around on my PC somewhere I'm sure. I should have time to port it this weekend as I'm actually needing it myself before upgrading one of my larger forums to 1.3 smile

PM is stuck in my outbox and don't think its sent hmm When an admin/mod sees this please give me write access big_smile

teva wrote:

Nice idea. Found two problems

1. It seems you have forgot to include error messages, when someone registers with the already used name or something.
2. If using captcha extension, timezone and DST settings are not shown.

Many thanks for the bugs. I hadn't considered people using Captcha and found that it wasn't displaying at all smile I've updated the download link in the first post with a fix for this and error messages not displaying. It was my intention not to show Timezone and DST as they can be altered through a users profile and this extension is to simplifiy the pages wink

If anyone prefers to manually edit the simple.css file please see the following changes:

Open: extensions/simple_css/simple.css

Find: Lines 17-25

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-main .main-frm #afocus .frm-group .set5,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-main .ct-box {
    display:none;
    }

Change to:

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-main .main-frm #afocus .frm-group .set5 div.select,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main .main-frm #afocus .frm-group .set7,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-main .info-box {
    display:none;
    }

As soon as I get write access to the SVN/Repos I'll use it, till then I'll continue to post any bug fixes here. Thanks again teva, if you want Timezone and DST you should just have to remove the following lines from your simple.css file:

#brd-register #brd-main .main-frm #afocus .frm-group .set5 div.select,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main .main-frm #afocus .frm-group .set7,

39

(17 replies, posted in PunBB 1.3 extensions)

teva wrote:

How did you make "Latest News" to show on top of forum index in your website?

This is a 1.2 installation and the mod I used was "Forum Note" by soonotes. As the news doesn't need updating frequently I just edit the forum note through the Admin Panel as it occurs. It probably wouldn't be suitable for a site that has daily news updates smile

40

(9 replies, posted in PunBB 1.3 additions)

ins3 wrote:

Looks good, but you can easily modify the default Oxygen theme to support wide screen and retain the original border colours etc.....

That would have only taken about 20 seconds to do though tongue I created the style just so I could play with the 1.3 stylesheets a little; didn't originally intend for it to be released but noticed a lack of styles available for 1.3 and thought I would throw it out there.

41

(17 replies, posted in PunBB 1.3 extensions)

Download

This is the first release of this extension, I'd like to ask users what they believe should be added for further integration with PunBB smile

    Current Features

    * Magical floating design never gets lost, is available when you need it, gets out of your way when you don't need it
    * Automatically finds all audio links on your page, turning your page into a playlist
    * Allows you to put the play buttons where they belong: IN CONTEXT
    * Keeps the user in the page rather than sending them away to a media player/nasty popups
    * Requires no download, install or maintenance as JS code is called from Yahoo.
    * Yahoo ads hidden using CSS.

The original script is courtesy of Yahoo Media Player.

Screenshots

Closed
http://www.willvilliers.com/hidden.jpg

Open
http://www.willvilliers.com/open.jpg

Playlist
http://www.willvilliers.com/playlist.jpg

Similiar to my "1.3 additions" version this extension overrides your default CSS to clean up the Register, Login, Forgot Password and Password Sent pages. No colors are set in the extensions CSS file so it should work well under any style. CSS filesize is 2.2k.

Download (v1.1)

Simplified Login:
http://www.willvilliers.com/new_oxygen_login.jpg

Original Login
http://www.willvilliers.com/old_oxygen_login.jpg

This is my first extension, thought I should start with something small cool Feedback/bugs etc welcome

I was just about to start a new thread for this. When I hit reply on a post (between Report and Quick Quote) the browser jumps back to the top of the page.

The URL after clicking a Reply link in this thread changed to:

http://punbb.informer.com/forums/topic/ … qid=119782

Slavok wrote:

As  Anatoly wrote, we have an unofficial PunBB repository now. Use it! You can store your styles and extensions there. It will be more convenient to upload your style for other users, I think.

I've PM'ed Anatoly so will get styles added to the Repository as soon as I have write access smile

Bug Fixes - Style Updated

Download (v1.1)

If you prefer to manually update the skin heres the code fixes:

Open: style/A_Punbb_Xmas/A_Punbb_Xmas.css

Changeset 1

Find Line 1940

#brd-index #brd-main .main-category .redirect div.item-subject {border-left-width:0; width:700px;}

Change to:

#brd-index #brd-main .main-category .redirect div.item-subject {border-left-width:0; width:auto;}

Changeset 2

Add To Bottom Of File

/* Post / Edit
---------------------------------------------------------------*/

#brd-postedit #fld1,
#brd-postedit #fld2,
#brd-postedit div.longtext #fld3,
#brd-post #fld1,
#brd-post #fld2,
#brd-post div.longtext #fld3 {width:90%;}

#brd-postedit  .main-head,
#brd-postedit #brd-crumbs-end,
#brd-postedit #brd-about,
#brd-post .main-head,
#brd-post #brd-main #brd-crumbs-end,
#brd-post #brd-about {display:none;}

The first changeset fixes "redirect" forums on the Index page from stretching in Internet Explorer.

The second changeset (additional code) prevents input fields on the Post and Edit pages from breaking out of the div. It also hides the breadcrumb trail found at the bottom of the page, consistent with the rest of the design.

If anyone has found any other bugs please let me know cool We never got our blizzard as promised, and all the snow we had yesterday has melted already sad

PM Sent smile

By the way I noticed a dead link to the SVN on this page where it says:

Visit Trac browser or SVN repository to download development versions of the extensions.

http://www.willvilliers.com/punbb-1.3-skins/style/a_punbb_xmas.jpg

Download (v1.1) or Preview (v1.1)

Was going for a simple appearance and wanted to remove features that I consider unneccessary. Everything is handled through the CSS files and you'll probably find that if something is missing I've just set a "display:none" for that particular attribute.

Post up any questions/problems etc. Style has been checked in IE6 and Firefox 3 so I'd appreciate if others can report issues in other browsers for me.

Had lots of snow here the last few days and preparing for a blizzard tomorrow apparently big_smile
Cheers

If you leave the help message on the login page it offers users the opportunity to request a new password. The below code will style the "Forgot Password" page to look the same as the simplified Login and Register pages.

http://www.willvilliers.com/new_forgot_pass.jpg

Add to the bottom of your "style/style_name/style_name.css" file:

/* Request New Password
--------------------------------------------------------------*/

#brd-reqpass #brd-head,
#brd-reqpass #brd-navlinks,
#brd-reqpass #brd-visit,
#brd-reqpass #brd-main .main-head,
#brd-reqpass #brd-main #brd-crumbs-top,
#brd-reqpass #brd-main #brd-crumbs-end,
#brd-reqpass #brd-about {display:none;}

#brd-reqpass #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

.brd #brd-reqpass .frm-buttons {
    border-width:0;
}

/* Password Sent / Error
--------------------------------------------------------------*/

#brd-message #brd-head,
#brd-message #brd-navlinks,
#brd-message #brd-visit,
#brd-message #brd-main .main-head,
#brd-message #brd-main #brd-crumbs-top,
#brd-message #brd-about {display:none;}

#brd-message #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

.brd #brd-message .frm-buttons {
    border-width:0;
}

Demo smile The breadcrumb links are left in place on the "Password Sent" page to ensure the user can return to the homepage.

Garciat wrote:

The messages on top of each form look out of place. Apart from that, looks good.

Thanks garciat smile If anyones interested you can use the below code (instead of my originally posted code) if you prefer not to display the information messages...

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-head,
#brd-register #brd-navlinks,
#brd-register #brd-visit,
#brd-register #brd-main .main-head,
#brd-register #brd-main #brd-crumbs-top,
#brd-register #brd-main .main-frm #afocus .frm-group .set5,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-about,
#querytime,
#brd-register #brd-main .ct-box {display:none;}

#brd-register #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

.brd #brd-register .frm-buttons {
    border-width:0;
    }

/* Login Page
--------------------------------------------------------------*/

#brd-login #brd-head,
#brd-login #brd-navlinks,
#brd-login #brd-visit,
#brd-login #brd-main .main-head,
#brd-login #brd-main #brd-crumbs-top,
#brd-login #brd-main #brd-crumbs-end,
#brd-login #brd-about,
.brd #brd-login .content-head .hn {display:none;}

#brd-login #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

#brd-login #brd-main .main-frm div.content-head {
    padding:10px;
    border-width:0;
    }

.brd #brd-login .frm-buttons {
    border-width:0;
}

I'm not a fan of the messages myself, especially on the registration page. The text just seems a little long, though I suppose I could always shorten it through the language file smile

Login without messages preview:
http://www.willvilliers.com/login_no_msg.jpg

Register without messages preview:
http://www.willvilliers.com/reg_no_msg.jpg

Cheers

& just for good measure here's a simplified login page wink

Original Oxygen Login

http://www.willvilliers.com/old_oxygen_login.jpg

Simplfied Oxygen Login

http://www.willvilliers.com/new_oxygen_login.jpg

Add the below code to the bottom of your "style/style_name/style_name.css" file, code has been written for the Oxygen style but should be good for any.

/* Login Page
--------------------------------------------------------------*/

#brd-login #brd-head,
#brd-login #brd-navlinks,
#brd-login #brd-visit,
#brd-login #brd-main .main-head,
#brd-login #brd-main #brd-crumbs-top,
#brd-login #brd-main #brd-crumbs-end,
#brd-login #brd-about {display:none;}

#brd-login #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

#brd-login #brd-main .main-frm div.content-head {
    padding:10px;
    border-width:0;
    }

.brd #brd-login .content-head .hn {
    border-width:0;
    padding:10px 0px 10px 20px
    }

.brd #brd-login .frm-buttons {
    border-width:0;
}

Preview: Login Demo

I've just noticed that each page has a unique ID added to the parent div. I never noticed this in 1.2 before lol Decided to have a play with the Registration page and thought I would post up my results for others to try out if ya want.

Original Registration Layout:
http://www.willvilliers.com/old_register.jpg

Simplified Registration Layout: (in my opinion of course)
http://www.willvilliers.com/new_register.jpg

The CSS (written for Oxygen style) is below, just add it to the very end of your style/style_name/style_name.css file

/* Registration Page
--------------------------------------------------------------*/

#brd-register #brd-head,
#brd-register #brd-navlinks,
#brd-register #brd-visit,
#brd-register #brd-main .main-head,
#brd-register #brd-main #brd-crumbs-top,
#brd-register #brd-main .main-frm #afocus .frm-group .set5,
#brd-register #brd-main .main-frm #afocus .frm-group .set6,
#brd-register #brd-main #brd-crumbs-end,
#brd-register #brd-about,
#querytime {display:none;}

#brd-register #brd-main .main-frm {
    margin:100px auto 0px auto;
    width:600px;
}

#brd-register #brd-main .ct-box {
    padding-bottom:10px;
    border-width:0;
    color: #000;
    background:#fff;
    }

.brd #brd-register .frm-buttons {
    border-width:0;
    }

Change "color: #000;" and "background: #fff;" to suit your style. I changed the background value to include an image smile

I may be the only one who likes it, I just prefer to remove anything that may prevent the user from registering lol

Edit: The above code has been edited for use on the Oxygen style, though it can be easily edited.

Simplified Oxygen Registration:
http://www.willvilliers.com/new_oxygen_register.jpg

^ Thats the whole registration page. No headers, nav links necessary tongue

Preview: Login Demo and Registration Demo