My post was based on the help pages (Smilies, Images, BBCodes)

And if I try to make it transparent (but still PNG) => IE6 incompatibility
And GIF isn't very good for gradients

Garciat wrote:

But you can get rid of the white background?

                        [url="">Garciat - Die hard

Some info about me

No, because the green headers aren't transparent.

> Garciat : The page would've beeen weirder if I kept the layout sides, because it has no header and no footer.

Noooooooooooooooooooooooo!!!!!! *screams like someones who discovered his friend's corpse*

My IE got downgraded to 6.0 !!!  That's why my modifications in _ie7 didn't work !

And doesn't that beat all ?  All transparent PNGs I see are still transparent, with or without pngfix script !

I still had IE7 last time I booted under XP.  All I know is that I have Multiple IEs, so I can view through different versions, IE6 included, and IE6 was the reason why I installed it in the first place, so I wouldn't have to rely on someone for IE6 testing... Up to now, I could test on both versions !

I think I will post a support request on the forum I co-administer. (not the one in my profile, it's another board)

EDIT : Because of the fact that my IE7 downgraded itself, I've set up a live board with a test account, so I can get help for beta-testing under IE7.

Testboard URL : … /index.php

Username : test
Password : test00

One solved thing.  I will set back the space above main-head blocks.

Now, for the checkbox issue, I compared Oxygen with the custom style, and they both have this problem, so I will report this as a bug.

(seems that playing FF1 on GBA helped out XD)

I just had a flash : I remember I have changed something in .brd a.feed because of the rss icon size.

In the Oxygen style :

.brd a.feed {
    padding-left: 22px;
    background: url(feed-icon.png) center left no-repeat;

In the custom style :

.brd a.feed {
    float: right;
    display: block;
    height: 22px;
    margin-left: 600px;
    background: url(icon-rss.png) center left no-repeat;

I commented the added lines to verify and it solved the problem !  But my RSS icon is back to not being fully displayed :S  Unless I use the inline-block display (which means a CSS hack for Firefox 2 and 1.5) to make the dimensions modifiables without while staying inline, I'll have to make my icon smaller...


(3 replies, posted in PunBB 1.3 extensions)


While I was seeking support for my style, some parsing bugs occurred when the one who is examining my style inserted his screenshot links and then I quoted his posts.

Original topic : … th-styles/

I had to remove the links because I was getting error reports.  Try to quick-quote KeyDog's posts who contain screenshot links, you'll see the bug I'm talking about.

Then I did more tests with a clickable thumbnail in the test section : … ck-quotes/

Even if I saw similar reports, they weren't mentioning quick quotes, so I post this one.

Thanks in advance for the future correction.


EDIT : Try to quick-quote this one, you'll see this bug.


(3 replies, posted in Test forum)

A bug occurred with my thumbnail when I quick-quoted !


(3 replies, posted in Test forum)

Ishimaru Chiaki wrote:

First post with a clickable image


                        Last edited by Ishimaru Chiaki (Today 19:56:15)Ubuntu Linux 8.04 / Windows XP SP2
GIMP 2.4.5 (advanced), Inkscape 0.46 (newbie)
XHTML/CSS (advanced), PHP/MySQL (medium)Don't ask what free software can do for you, but what you can do for free software.


(3 replies, posted in Test forum)

First post with a clickable image


Sorry for not replyin earlier.  Right after I finished my previous post, I had to leave the PC for supper

KeyDog wrote:


<!-- screenshot 2 - link remove to prevent error message -->

the topic is getting pushed down there ! in IE7 ... thats screwing....

.brd .main-head, .brd .main-foot {
    margin-top: 10px;

307 - could that be pushing it down?
my diagnosis : one of your 8(!)x main-head is problem Last edited by KeyDog (Today 18:49:06)

This doesn't solve the problem.  I commented the code and the main-head is still too high (and so the white text is still not visible).  I have set this margin to add a space above main-head.

KeyDog wrote:

When I talk about IE Tab, I talk about the Firefox extension who opens IE inside a tab under Firefox :

ooh . then no.

sorry bout the frequent mods of my post. was testing it all the time.

just tried with one resolution.

yeah the 2nd issue you have with topic being pushed down has nothing to do with pngs ....

As I'm trying to say, the rss feed block causes the problem (try my bright background method), I just can't figure out the code to correct it.

KeyDog wrote:

.brd .main-content .new .icon {
    background-url(status-new.png) no-repeat;

shld be

.brd .main-content .new .icon {
    background: url(status-new.png) no-repeat;


I didn't notice this mistake... Corrected !

(btw, very handy this quick quote feature, but there are some parsing bugs with long URLs.)

KeyDog wrote:

i've tested your .php and the .css 's on a live board (online)
as i say. your code: not problem

as i havent included your graphs maybe thats problem.
but maybe someone has some input on that

i am using IE7   7.0 with tabs...
also in FF 3.0.5    soo..........

When I talk about IE Tab, I talk about the Firefox extension who opens IE inside a tab under Firefox :

maybe those images (speech bubbles) are pushing out your rss feed

I'm sure it doesn't come from that.  When I test with a .brd p.options { background: #ff0000; }, the red background reveals that the block containing the rss feed takes the whole width under IE while it takes juste the half under FF.

guess i could see what happens if i upload all those png s aswell...

Yes, it's better to upload them, since I removed the background color where I have set a background image.

<!-- screenshot 1 -->

here see. all good.

Not the same screen resolution as mine... I'm using 1024*768 on both OS (Windows and Linux).  Have you tested with 1024*768 ?

ps: you had some weird css-files in that zip .... but when i take correct ones all is great!
try it live your side on client... ?

These are gedit relics.  Actually, I use Ubuntu Linux as my main OS, and I kept Windows for Web page testing.  Ubuntu's default text editor (gedit) saves a backup file everytime I save my modifications.  I forgot to remove them before compressing.


<!-- screenshot 2 -->

the topic is getting pushed down there ! in IE7 ... thats screwing....

That's the problem I talked about.

.brd .main-head, .brd .main-foot {
    margin-top: 10px;

307 - could that be pushing it down?

                        Last edited by KeyDog (Today 18:05:05)

I'll try it.  But I give you a trick to find a block's limits : Set a very bright background color.

Example with p.options :

.brd p.options {
     background: #ff0000;

This set a bright red background which will reveal the block's size.

PS : There's a parsing bug with your screenshots URL.  I had to remove the links after I quoted :S  Try it by yourself by quoting your post.

You have tested it online or on Wampserver ?

Because the board where I'm currently testing is on a local Wampserver host on my Windows side.
Is your IE7 test done with IE Tab or with the old way ?

Extra screenshots to show you the viewforum issue :

Firefox 3 … rum-ff.png

IE7 … um-ie7.png

Note : I haven't set any background color behind, to avoid conflict (I have set the background image in the normal css, not the _cs one)


(12 replies, posted in Fun)

Running when you're in your PMS and your breasts are very sensitive during this period.

I begin to think there's something wrong in my style PHP file.  I know I changed the filenames when I cloned Oxygen, and I added copyright notice meta tags.

I also have a major issue with the main-head block in viewforum, and whatever change I do, there is no influence.

I will edit my post to send you the zip file.


Still no change.

Tell me if you want the .zip archive.

I keep him regularly informed by email.  I showed him the page base demo (only outer and inner), then the full demo (with header elements, menu, sample index) before I cut the layout, then the screenshot after the main coding part.  He really likes it smile

Now I'm currently under XP for the tests under IE, but I'm having some trouble with the checkbox positioning on login page.  Under IE7, the text is not well positioned, so the checkbox is under the text and uncheckable.

Here are the screenshots :

Firefox … box_ff.png

IE7 (I'm using IE Tab extension) … ox_ie7.png

Whatever I try to use relative positioning on the label text or on the checkbox, no change

My tries in _ie7.css :

#brd-login .checkbox label{
    position: relative;
    right: 30px;

#brd-login .sf-box .checkbox label{
    position: relative;
    right: 30px;

#brd-login .checkbox input{
    position: relative;
    left: 30px;

#brd-login .sf-box .checkbox input{
    position: relative;
    left: 30px;

And others I don't remember.

Thanks in advance.


Some news : I'm almost finished (98% of the modifications) and all is left is testing it under IE (IE => reboot under XP) before I deliver the .zip pack to the webmaster who requested the style.

Here a screenshot taken from FF3 : … review.png


After my first report, I'm back for a second report since I discovered a new CSS glitch in _cs which seems not reported yet.

When I was modifying .brd th to change its background color, I noticed the color didn't want to change.  So I told myself "Ok, I leave it unmodified" then I continued with classes who came after.  Then I get on .brd th again, with the only difference that the border wasn't indicated.  A Ctrl+F confirmed that it appears twice, so I have to change the background color twice in the CSS, so I can change the background color.  So, it seems to be a mistake and the second .brd th isn't supposed to be there.

The first encounter :

.brd th {
    background: #EAEEF5;
    border-bottom-color: #fff;
    border-top-color: #ddd;

Second encounter

.brd th {
    background: #F4F4F4;

You'll find them with a Ctrl+F under Notepad++ (or gedit/kate if you're a Linux user)

So there's a conflict between these two elements.

Thanks in advance for the future correction in 1.3.3


EDIT : This should be my last report for now, I finished 98% of the CSS modification and all is left is testing the style under IE.
Screenshot : … review.png

Garciat wrote:
Ishimaru Chiaki wrote:

(By the way, was this the right section for style support ?)

I guess...

.brd .text input {width: 95%}

Works for me.

Now it works for me too

Ishimaru Chiaki wrote:

I double-checked the filename and the CHMOD and everything is OK.

Try setting the background from the _cs file.

It worked from the _cs file.  But it's weird that for all my other backgrounds, it worked even if I set them in the other file.

Thanks anyway for the help, it's much appreciated. smile


width: 95% doesn't make any difference, and the padding modification isn't enough.

For now, I don't have any online testboard, I'm waiting until I finished most of the modifications before I set up my testboard on my FTP account.

And now I have another problem : I just can't seem to be able to set up a background image in the main-menu block in the profile page and the admin page.


.brd .main-menu, .brd .admin-menu {
    background-color: #;
    color: #fff;


.brd .main-menu, .brd .admin-menu {
    border: 0;
    padding: 0.4em 0 0.2em 0.75em;
    background-image: url(profile-admin-menu.png);
    background-repeat: repeat-x;

I double-checked the filename and the CHMOD and everything is OK.

I can always make a ZIP file and upload it.

(By the way, was this the right section for style support ?)

Garciat wrote:

Ubuntu! big_smile

Ubuntu user as well ?

Hello everyone.

I am currently working on my first PunBB style, for a request and from the start, I decided it will be fixed to 820px to make it fit with the layout I made with GIMP.

As I am testing the CSS modifications, I noticed that the title textbox we have when we start a new topic is very long (size="80") and so, when a fixed width is used, one part of this textbox gets outside the page layout (not sure of the exact English word for this - I'm a frenchie).

Are there any other style maker who made at least one style with a fixed width ?  If yes, have you encountered this issue ?

And do you think the title textbox should be shortened by default (from size="80" to size="50") for smaller widths ?

Here is a screenshot to show what I mean : … extbox.png

Thanks in advance.



(2 replies, posted in PunBB 1.3 additions)

Moi aussi je me le demandais vu que je le trouvais pas, mais le gars qui m'a commandé un style PunBB 1.3 (sur lequel je travaille donc présentement) me l'avait dit qu'il est à 49%.  Pas grave, je me suis contentée de mettre les textes anglais au lieu des textes fr au moment d'enregistrer mes maquettes sous Gimp pour les montrer, puisque j'avais besoin de mettre des textes pour la démo des liens de navigations et de l'index.

Maintenant, j'ai fini la découpe et j'en suis au codage du style, donc je n'ai plus besoin des textes de toutes façons.



(3 replies, posted in PunBB 1.3 bug reports)

Hello everyone.

Lately, I received a PunBB 1.3.x skin request, and even if I'm new at PunBB, I'm fine with CSS since I'm used to code XHTML 1.0 Strict, and the board I use (a French open source script) is also fully formatted with CSS.  So I downloaded and installed PunBB 1.3.2 on my local LAMP server so I can work on the skin.

Now, I'm done with the gimping part and I'm currently modifying the CSS (after I cloned Oxygen) to install the different layout graphic pieces.

Now, I'm working on the page footer in order to finish the general layout before I begin the more specific parts and I noticed something wrong.  The CSS for the querytime block said the text is centered, but actually, it isn't centered.  By comparing the source code (under FF3 : right-click > View page source) and the CSS file, I noticed this difference :

Source code :

<div id="brd-about" class="gen-content">
    <form id="qjump" method="get" accept-charset="utf-8" action="http://localhost/tests/tests/punbb-1.3.2/viewforum.php">
    <div class="frm-fld frm-select">
        <label for="qjump-select"><span>Jump to forum:</span></label><br />
        <span class="frm-input"><select id="qjump-select" name="id">
            <optgroup label="Test category">
                <option value="2">Test forum 2 &gt;&gt;&gt;</option>

                <option value="1">Test forum</option>
                <option value="3">test forum 3</option>
        <input type="submit" value="Go" onclick="return Forum.doQuickjumpRedirect(forum_quickjump_url, sef_friendly_url_array);" /></span>
<script type="text/javascript">
        var forum_quickjump_url = "http://localhost/tests/tests/punbb-1.3.2/viewforum.php?id=$1";
        var sef_friendly_url_array = new Array(3);
    sef_friendly_url_array[2] = "test-forum-2";
    sef_friendly_url_array[1] = "test-forum";
    sef_friendly_url_array[3] = "test-forum-3";

    <p id="copyright">Powered by <strong><a href="">PunBB</a></strong></p>
<p id="extensions-used">Currently used extensions: pun_repository. Copyright &copy; 2008 <a href="">PunBB</a></p>

<p id="querytime">[ Generated in 0.055 seconds, 9 queries executed ]</p>

CSS file :

#brd-about #querytime {
    text-align: center;
    font-size: 0.9em;

Since the CSS sets as if the querytime block was INSIDE the brd-about block, it actually isn't the case in the page source.  When I remove #brd-about to get this :

#querytime {
    text-align: center;
    font-size: 0.9em;

Now the text is centered and smaller !

Since I noticed this bug and didn't find any topic about this, I post this topic to report this detail, so it can be corrected in 1.3.3

Thanks in advance for the future correction in the default style.