Topic: Urgent required Documentation Style Sheet

Hi,
is there any documentation available, how to make a CSS Style Sheet for punBB, Therefore it is necessary to understand where to change what and what will be the result. It's is frustrating having no documentation at all about the style sheet structure. It makes the development of a new sheet very difficult. I try to develop my own style sheet based on the minima project.

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

2 (edited by Dr.Jeckyl 2006-11-20 21:51)

Re: Urgent required Documentation Style Sheet

it would be easier to start with maybe the Oxygen style instead. my opinion of course.

~James
FluxBB - Less is more

3 (edited by jlangrock 2006-11-20 22:14)

Re: Urgent required Documentation Style Sheet

It's impossible because I have developed everything allreday on the minima style but now I have the difficulty that some Positioning in IE and FF are totally different and the biggets problem is that the posts are only shown with 30 characters in the row but I ought to be at least 60 to 80 characters per row.

http://www.galopp-sport.eu/forumgalopp/ … d=153#p153

Go there with IE and with FF and you will see what problems I have and without any documentation how the style sheet works with punbb its a mission "Lost in the sea".
There should be some documentation or is the tought to have different style sheet just in changeng the color?

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

Re: Urgent required Documentation Style Sheet

The documentation is built into comments in, for example, Oxygen.css

5 (edited by jlangrock 2006-11-20 22:56)

Re: Urgent required Documentation Style Sheet

The oxygen css is not even on the punres.org downloadable. Is that the documentation you are talking about.
Is it to difficult to have 4-6 page explaining the way the style sheet and punBB works together and when you trigger here That wll happens ? And what kind of informations are stored in the base css and in the xx_cs.css

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

Re: Urgent required Documentation Style Sheet

The oxygen css is not even on the punres.org downloadable. Is that the documentation you are talking about.

No, I mean the styles that come with PunBB

http://punbb.org/forums/style/Oxygen.css
http://punbb.org/forums/style/imports/Oxygen_cs.css
http://punbb.org/forums/style/imports/base.css

You see what I mean by documentation?

Is it to difficult to have 4-6 page explaining the way the style sheet and punBB works together and when you trigger here That wll happens ?

I'm not exactly sure what you're asking for here wink

And what kind of informations are stored in the base css and in the xx_cs.css

Structural stuff and colors, respectively

7

Re: Urgent required Documentation Style Sheet

The difficulty is that PunBB's styles are very flexible, a style guide would serve no useful purpose as it is quite possible, for example, to use only one stylesheet and construct it in a totally different way to the default styles. Any style guide would therefore only be a guide to one style.

What is really required is a markup guide or an annotated markup skeleton which makes it easy to identify which id's and classes apply to each element.

Incidentally, base.css has been scrapped in the next version, it was more trouble than it was worth and confused the hell out of people.

Re: Urgent required Documentation Style Sheet

Paul you are right, with the one guide for all styles, that is not what I'm asking for.
You explained it correctly

Paul wrote:

What is really required is a markup guide or an annotated markup skeleton which makes it easy to identify which id's and classes apply to each element.

That what I'm asking for, because now a jump from the style sheet to the application changing here and there and it will be worser and worser as longer you try. If you don't have any summery which id's and classes are involved its, embarrassing. Could you please be so kind and send me the list, you as developer should have at least one.

The other hint with the new punbb Release, thats nice to know but I have to finish the development ASAP and would not like to wait until the new release is on the market, with all bugs and testing surrounding with will be necessary.

best regards
Jürgen

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

9 (edited by jlangrock 2006-11-21 13:19)

Re: Urgent required Documentation Style Sheet

I have the problem that with
viewforum.php    http://galopp-sport.eu/forumgalopp/uplo … .php?id=45
viewtopic.php      http://galopp-sport.eu/forumgalopp/uplo … d=158#p158
forum.php           http://galopp-sport.eu/forumgalopp/upload/forum.php
you can see the problem there.
At the right site its wrapped. I thought at base the section 6.2 Fixed Table Setup to change the settings from fixed to auto but it does match.

Now I have changed 6.1 Table Basic Setup width from 100% to 150% and one part is solved but others like categories are still unchanged.

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

Re: Urgent required Documentation Style Sheet

Could somebody help me to understand the the function of base.css Chapter 7. VIEWTOPIC SETUP

This is the last part I have to change, to have this style sheet working as wished.(in general with some tiny differences within FF and IE)

At that stage within FF I get the post wrapped and within IE the complete posting is visible but postleft and postright are beneath instead of being by side.

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

Re: Urgent required Documentation Style Sheet

I'm still in trouble with the width of the viewtopic section. is there somebody able to tell me how the id's or classes are named there and specially which class or id limited the float of postright and postleft and why the signature is brighter then the both postright and left.

I have problems to understand why the IE and FF browser  differs so much and does somebody maybe knows a guide or a tutorial how to get the both browsers with Styling Sheets in line.

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]

Re: Urgent required Documentation Style Sheet

It took a while but now I knew how to change the width at my style for the viewtopic area.

to change:

/************************************/
/* 7.1 This is the basic structure. */
/************************************/

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 20em; /*User profile */
    OVERFLOW: hidden
}
        
DIV.postright, DIV.postfootright {
    FLOAT: right;
    WIDTH: 21em;/*Post*/
    OVERFLOW: visible
}

above I had experimented with the Xem
and

/*********************************************************************************/
/* 7.3 This is the div which actually contains the post and is inside .postright */
/*********************************************************************************/

DIV.postmsg {WIDTH:200%}

here I changed the width from 100% up to 200%

So now it's so it ought to be.

The poor horseman without horses
www.galopp-sport.eu

http://claimid.com/jlangrock
[img]http://claimid.com/images/hcard.gif[/img]