[Theme release]Hydrogen (Page 1 of 2)

And that's a great news . I've added fixed version and demo in the first post.

in my monitor (1680) the background is short in the right side

You're right. I've changed it, to 162 KB repeating-x indexed png. It would also fix Your @fantasma problem.

Reuploaded. Didn't know this tool, thanks.

96K

Russian tweakers forever!

Unfortunately I do not have it. But I've tried to fix it ( it was hard, because I can't see any errors ), maybe this one will look properly
http://i.minus.com/ibvjh8Z8VHgniw.png

Hi. First of all i want to say that this template is really awesome and i really like it. I'd like to contribute in making this template even better so i want to share some info about problems and bugs i found.

1) On Black Main Menu when "New Alerts" appear it sticks to "Index" text link. I recommend fix this by chaning in CSS

FROM:

#brd-admod span {
    margin-left: 0.75em;
}

TO:

#brd-admod span {
    margin-left: 0.75em;
    margin-right: 1em;
}

Hi. I've just noticed that you've made a cleanup in a file structure. Now it looks very nice, but there are still 2 problems.

Please take a look at footer you've made:

// Template code:

<div id="brd-about">
    <!-- forum_about -->
    <p id="copyright">Theme <strong>Hydrogen</strong> by <a href="http://punbb.informer.com/forums/user/61300/" />Kushi</a></p>
</div>

// Parsed into:

<p id="copyright">Forum oparte o: <strong><a href="punbb.informer.com/">PunBB</a></strong></p>
        <p id="copyright" class="visual-hidden">Theme <strong>Hydrogen</strong> by <a href="punbb.informer.com/forums/user/61300/" />Kushi</a></p>

As You may see:

2) The id="copyright" is duplicated in standard punBB footer and your paragraph.
3) You've made link do forum punbb.informer.com/forums/user/61300/ with self closed "a" tag. "/>"

Fixing these 2 simple problems you're template become 100% HTML 5 valid

Now it's perfect!
Thank You very much.

Sure,
in Hydrogen/main.tpl it look something like

    <!-- forum_messages -->
    <div id="brd-navlinks" class="gen-content">
        <!-- forum_admod -->
        <!-- forum_navlinks -->
    </div>
    <div id="brd-wrap" class="brd">
    <div id="brd-head" class="gen-content">
        <!-- forum_skip -->
        <!-- forum_title -->
        <!-- forum_desc -->
    </div>
(...)

You have to put <div id="brd-navlinks" class="gen-content"> below <div id="brd-head" class="gen-content"> div. So it would look like.

    <!-- forum_messages -->
    <div id="brd-wrap" class="brd">
    <div id="brd-head" class="gen-content">
        <!-- forum_skip -->
        <!-- forum_title -->
        <!-- forum_desc -->
    </div>
    <div id="brd-navlinks" class="gen-content">
        <!-- forum_admod -->
        <!-- forum_navlinks -->
    </div>

You would have to do similar things in admin.tpl

Now it's time for CSS. You have to edit #brd-navlinks Hydrogen.min.css:322, make sure to delete position: absolute and position tags ( top: right: etc. ) and to add float:right;. So it would look something like this.

#brd-navlinks {
background: #222;
border: solid 0px;
color: #EEE;
height: 50px;
line-height: 50px;
float: right;
}

Then it's time for #brd-head in Hydrogen.min.css:438. Add float: left parameter so it would look something like that.

#brd-head {
color: whiteSmoke;
border: solid 0px;
padding: 0;
padding-left: 48px;
background: transparent;
float: left;
}

Last, but not least .brd-page in Hydrogen.min.css:1085.  Add margin-top, that suits your header height, by default it's

.brd-page {
background: whiteSmoke;
margin: 0 auto 0 auto;
padding: 1.5em;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 7px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 7px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 7px;
margin-top: 92px; !important
}

Glad I could help . Please note, that I've added license to this theme.