1 (edited by Tjalve 2007-10-29 04:08)

Topic: Epixplx Guild Forum

Been using punbb for about 2 years now, and I thought it was about time too show you my current forum.
So here we go....

Forum:
http://forums.epixplx.com

News:
http://epixplx.com

Image too show the full layout:
http://www.epixplx.com/images/galleries/PunBB/forum.jpg

Username Menu pop-up :
http://www.epixplx.com/images/galleries/PunBB/Username.gif

And my dev site:
http://epixplx.com/dev

Changes from the live forums:
viewtopic got a horizontal layout (like vb) http://www.epixplx.com/dev/viewtopic.php?id=5051

If anyone has ideas on what too improve, please say so :) .

Post hoc ergo propter hoc

Re: Epixplx Guild Forum

That bad, eh? tongue

Post hoc ergo propter hoc

Re: Epixplx Guild Forum

noo its good, you have put allot of work into it wink

what rounded corners is that?

Sorry. Unactive due to personal life.

Re: Epixplx Guild Forum

It seems the guild of WoW is so large!

Welcome to my WoW guild site, the Eternal Reach.

You can also visit Chita, a site built by me, a feral paradise for feline animals.

Re: Epixplx Guild Forum

Looks fantastic. How did you do those rounded corners?

Re: Epixplx Guild Forum

The rounded corners are 100% html and css.

HTML

<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>

CSS

.xb51, .xb52, .xb53, .xb54 {display:block; overflow:hidden;}
.xb51, .xb52, .xb53 {height:1px;}
.xb52, .xb53, .xb54 {background:#383838; border-left:1px solid #565656; border-right:1px solid #565656;}
.xb51 {margin:0 5px; background:#565656;}
.xb52 {margin:0 3px; border-width:0 2px;}
.xb53 {margin:0 2px;}
.xb54 {height:2px; margin:0 1px;}
Post hoc ergo propter hoc

Re: Epixplx Guild Forum

You should use "strong", not "b". I think you should learn XHTML 1.0 Strict more.

http://img249.imageshack.us/img249/4100/58422809vj0.png

It gets the problem in Safari.

Welcome to my WoW guild site, the Eternal Reach.

You can also visit Chita, a site built by me, a feral paradise for feline animals.

Re: Epixplx Guild Forum

hmm wtf, first I couldn't find it, but after a while I logged out and there it was.. o.O

Trying to find out what is wrong... any ideas?

Post hoc ergo propter hoc

9

Re: Epixplx Guild Forum

Meowmeow wrote:

You should use "strong", not "b". I think you should learn XHTML 1.0 Strict more.

Unless I am mistaken, <b> is perfectly valid both in Xhtml 1.0 and 1.1. Strong is suggested as preferential, but not required.

10 (edited by Tjalve 2007-10-29 22:18)

Re: Epixplx Guild Forum

hmm just noticed how fucked the corners was in IE and safari, so I removed them. (hopefully temporally, that what you get for testing the site in only FF )

//edit

The rounded corners are now at http://www.epixplx.com/dev/

Post hoc ergo propter hoc

11

Re: Epixplx Guild Forum

Tjalve wrote:

Trying to find out what is wrong... any ideas?

I may be in ball bearings for eyes mode, but what problem? big_smile All I can see is the space after index in the <a link in that screenshot.

12

Re: Epixplx Guild Forum

MattF wrote:
Tjalve wrote:

Trying to find out what is wrong... any ideas?

I may be in ball bearings for eyes mode, but what problem? big_smile All I can see is the space after index in the <a link in that screenshot.

Try http://www.epixplx.com/dev/ in IE and safari....
And a strange prob in FF, if you are logged inn everything is fine and aligned, but when you logout the there is a 2px alignment error on index.php.

Post hoc ergo propter hoc

13

Re: Epixplx Guild Forum

MattF wrote:
Meowmeow wrote:

You should use "strong", not "b". I think you should learn XHTML 1.0 Strict more.

Unless I am mistaken, <b> is perfectly valid both in Xhtml 1.0 and 1.1. Strong is suggested as preferential, but not required.

It all depends on the semantics you are trying to achieve. If you want emphasis use an appropriately styled <em>. If you want strong emphasis use <strong>. If all you want is a purely decorative visual effect which is not intended to indicate any additional emphasis then use <b>. Since in this case the <b> is purely a hook for css its perfectly correct since it has no semantic meaning whatsoever and is the shortest available tag.

14 (edited by Dr.Jeckyl 2007-10-29 22:44)

Re: Epixplx Guild Forum

@Tjalve: would you mind sharing that style when you're done? I've been looking to make the user info on top of the posts like you've got it now.

edit: found how you did the info on top: http://punbb.org/forums/viewtopic.php?id=16996

i'd stil be interested in the style tho.

~James
FluxBB - Less is more

15

Re: Epixplx Guild Forum

Cheers for that explanation Paul. I'd always wondered what the specific usage differences were between strong and b. Never found a meaningful explanation before. big_smile

16

Re: Epixplx Guild Forum

Replace:

            <div class="postleft">
                <dl>
                    <dt><strong><?php echo $username ?></strong></dt>
                    <dd class="usertitle"><strong><?php echo $user_title ?></strong></dd>
                    <dd class="postavatar"><?php echo $user_avatar ?></dd>
                    <?php if (count($user_info)) echo "\t\t\t\t\t".implode('</dd>'."\n\t\t\t\t\t", $user_info).'</dd>'."\n"; ?>
                    <?php if (count($user_contacts)) echo "\t\t\t\t\t".'<dd class="usercontacts">'.implode('  ', $user_contacts).'</dd>'."\n"; ?>
                </dl>
            </div>
            <div class="postright">
                <h3><?php if (($post_count + $start_from) > 1) echo ' Re: '; ?><?php echo pun_htmlspecialchars($cur_topic['subject']) ?></h3>

With:

    <div class="userinfo">
        <table cellpadding="0" cellspacing="10" border="0" width="100%">
        <tr>
            <td class="userimg"><?php echo $user_avatar ?></td>
            <td nowrap="nowrap">
                <div id="username">
                    <strong><?php echo $username ?></strong>
                </div>
                <div class="user_title">
                    <strong><?php echo $user_title ?></strong>
                </div>
            </td>
            <td width="100%"> </td>
            <td valign="top" nowrap="nowrap">    
                    <div class="userinfo">
                        <?php if (count($user_info)) echo "\t\t\t\t\t".implode('</dd>'."\n\t\t\t\t\t", $user_info).'</dd>'."\n"; ?>
                        <?php if (count($user_contacts)) echo "\t\t\t\t\t".'<dd class="usercontacts">'.implode('  ', $user_contacts).'</dd>'."\n"; ?>
                        <?php if ($cur_post['poster_id'] > 1) echo '<p>'.$is_online.'</p>'; ?>
                    </div>
            </td>
        </tr>
        </table>
      </div>

css too clean it up:

div.userinfo td {
    
    BORDER-WIDTH: 0px
}

div.userinfo table {
    border-bottom: 1px dashed #565656;
}

div.postmsg, div.postsignature {
    margin: 5px;
}
Post hoc ergo propter hoc

17 (edited by Tjalve 2007-10-29 22:55)

Re: Epixplx Guild Forum

Dr.Jeckyl wrote:

@Tjalve: would you mind sharing that style when you're done? I've been looking to make the user info on top of the posts like you've got it now.

edit: found how you did the info on top: http://punbb.org/forums/viewtopic.php?id=16996

i'd stil be interested in the style tho.

Here is what I currently have at the end of Mercury.css:

div.userinfo td {
    
    BORDER-WIDTH: 0px
}

div.userinfo table {
    border-bottom: 1px dashed #565656;
}

div.postmsg, div.postsignature {
    margin: 5px;
}

And then OFC the html, witch you already found smile

If you still whant the complete style sheet just rip these smile
http://www.epixplx.com/dev/style/Mercury.css
http://www.epixplx.com/dev/style/imports/Mercury_cs.css
http://www.epixplx.com/dev/style/imports/base.css

Post hoc ergo propter hoc

Re: Epixplx Guild Forum

I'll check them out tonight! thanks.

~James
FluxBB - Less is more

19 (edited by Tjalve 2007-11-02 22:32)

Re: Epixplx Guild Forum

Done a few things, mostly validation fixes but(arg!)..

You can now see the horizontal layout as guest.. http://forums.epixplx.com/viewtopic.php?id=5143
Fixed A LOT too get the pages back too XHTML 1.0 strict
Index and viewforum are 100% XHTML 1.0 strict.
Viewforum is pretty much impossible to get it valid, since I can't live without modern bbcode mod, and some other custom bbcodes.

Still working on the rounded edges, just takes some time to get it working(perfect) inn any thing but FF tongue

Post hoc ergo propter hoc

Re: Epixplx Guild Forum

looks good.

~James
FluxBB - Less is more