1 Topic by CodeXP (edited by CodeXP 2005-02-26 02:41)

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Topic: Style feedback wanted :)

Hi everyone!

I'm currently starting playing around with PunBB again, and at the moment I'm working on making a style smile The forum itself is just up for testing purposes, so there's not really any posts to speak of.. But if I can get the features I need implemented, perhaps I'll convert the main site. I always wanted to do so considering how ridiculous hard phpBB is to validate with the template I'm using (I've given up long ago) + the speed that PunBB offers is *very* nice!

Anyway, what I wanted to ask for was some feedback on the style (work in progress). Have only worked on it for a few hours, so I'm sure there's a lot of improvements I could add.

[Click and let me know what you think?]

Edit: Guests are allowed to post, so feel free to play around smile

CodeXP's Website

2 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Style feedback wanted :)

I think its excellent. A good example of how a clever use of graphics can add a touch of class without slowing things down.

Maybe you can give me some feedback. Anything you found a pain to style etc.

3 Reply by CodeXP (edited by CodeXP 2005-02-26 03:04)

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

Paul wrote:

I think its excellent. A good example of how a clever use of graphics can add a touch of class without slowing things down.

Thanks! The images used totals at about ~4kb (don't think I could have compressed them more), so it shouldn't slow things down smile Any suggestions on improvements or perhaps any bugs you noticed?

Edit: Oops, didn't notice your question right away.

Well, I didn't find anything in particular that was hard to change. The only thing I perhaps could have wanted was some form of variables in the *.tpl files (img directory etc.) but perhaps there already is?

CodeXP's Website

4 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Style feedback wanted :)

I can't see any bugs and I can't really see how you could improve it. Somehow it just looks right.

5 Reply by Ataxy

  • Ataxy
  • Senior Member
  • Offline
  • From: Montreal,Canada
  • Registered: 2004-06-07
  • Posts: 287

Re: Style feedback wanted :)

really nice really stylish as it is

Ataxy's Website

  • Registered: 2004-08-08
  • Posts: 508

Re: Style feedback wanted :)

It can't be any better. I really like it.

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: Style feedback wanted :)

that is AWSOME, im in love with it :-D great work

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

Fantastic job!
I'm amazed at how fast it loads.

Could this be possible using only CSS?
I mean, by calling images and such?

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

  • Registered: 2005-02-13
  • Posts: 41

Re: Style feedback wanted :)

Dear god - release that to the public.  I'm no css novice, but there's no way I could do something like that by myself.

Incredible and so so clean

10 Reply by hcgtv

  • hcgtv
  • hcgtv
  • Senior Member
  • Offline
  • From: Charlotte, NC
  • Registered: 2004-06-25
  • Posts: 1,991

Re: Style feedback wanted :)

Jameslicious wrote:

Dear god - release that to the public.

I second that motion, very nicely done.

PHPCrossRef . TXP Make . TXP Themes . TXP Tags . TXP Planet . We Love TXP

hcgtv's Website

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

If it did come out, I'm sure that someone could work at getting a couple of color sets out...

Proabably based on the original punBB forum themes -but still. I work with what I've got...
wink

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

12 Reply by CodeXP

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

Thanks for you comments smile Release it? Sure, no problem. What you need to be aware of though is that there are some minor changes to the *.tpl files, so it would change some of your existing layouts.

erissiva wrote:

Fantastic job!
I'm amazed at how fast it loads.

Could this be possible using only CSS?
I mean, by calling images and such?

Well, I couldn't get it working with *just* CSS, I had to add a couple of tables in the *.tpl files (they are still controlled trough the CSS though). The reason it loads so fast is that it only contains about 4k of images, so it should provide around the same speed as the original styles smile

Now, I'll just add some comments and such to the files so that I can post the style big_smile

CodeXP's Website

13 Reply by CodeXP (edited by CodeXP 2005-02-27 01:08)

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

Updated 27 feb. '05

Ok, here's the style for those who want it smile

Instructions:
- Backup your '<forum dir>/include/template' directory.
- Unzip the *.zip file into your forum base directory keeping the folder structure.
- That's it smile

[Download]

Updated:
- Variable width now working without messing up the layout (to set width, change the id #shadow in Sleek.css)
- Fixed problem with images now showing if forum was located in a subdirectory.
- More control in the CSS instead of the *.tpl smile

CodeXP's Website

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

/me downloads and is looking into the possibility of getting a similar effect with just CSS.

Similar - not exact. wink

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

15 Reply by Freddan (edited by Freddan 2005-02-26 20:37)

  • Registered: 2004-11-21
  • Posts: 41

Re: Style feedback wanted :)

The first user-contributed style for punbb 1.2 YEY!
Maybe post it on punres too. smile

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

Um, yeah...for some reason, it's not finding any of the images...

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

17 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Style feedback wanted :)

Excellent. I think it could be done without tables and using all background images. Though it would almost certainly require adding additional divs to main.tpl instead of the tables.

EDIT:
It can be done certainly with one extra divs and possible with no extra divs though the images would need altering.

A prize of three brownie points goes to the first person to work out how to do it fluid width.

18 Reply by CodeXP

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

erissiva wrote:

Um, yeah...for some reason, it's not finding any of the images...

Most likely because the forum is install in a subdirectory ('domain.com/forums' instead of 'forum.domain.com'). Just edit the CSS and correct the path smile I simply didn't think of it, but I'll add a fix shortly.

@Paul: Yeah, most likely... I just couldn't get it looking the way I wanted doing it that way. btw, the images specified in the *.tpl aren't really needed. They're just there as spacers to prevent the corners looking bad when the browser windows is below ~770px wide smile

CodeXP's Website

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

Paul wrote:

Excellent. I think it could be done without tables and using all background images. Though it would almost certainly require adding additional divs to main.tpl instead of the tables.

EDIT:
It can be done certainly with one extra divs and possible with no extra divs though the images would need altering.

A prize of three brownie points goes to the first person to work out how to do it fluid width.

No! I want some brownies!!!
*sigh*

Darn me and my simplicity!
I have taken the whole fixed-width and similar color concept and am in the process of editing to match my front page.

So, basically - There's no way to do something similar to this with CSS?

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

20 Reply by CodeXP

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

erissiva wrote:
Paul wrote:

Excellent. I think it could be done without tables and using all background images. Though it would almost certainly require adding additional divs to main.tpl instead of the tables.

EDIT:
It can be done certainly with one extra divs and possible with no extra divs though the images would need altering.

A prize of three brownie points goes to the first person to work out how to do it fluid width.

No! I want some brownies!!!
*sigh*

Darn me and my simplicity!
I have taken the whole fixed-width and similar color concept and am in the process of editing to match my front page.

So, basically - There's no way to do something similar to this with CSS?

No, not really.. The problem is that there's just not enough DIV's in the *.tpl files for something like this to work by just editing the CSS. No matter if you manage to make the drop shadow work with DIV's, you would still have to edit the template files.

CodeXP's Website

21 Reply by hcgtv

  • hcgtv
  • hcgtv
  • Senior Member
  • Offline
  • From: Charlotte, NC
  • Registered: 2004-06-25
  • Posts: 1,991

Re: Style feedback wanted :)

Thanks for releasing the style, will give it a try.

Now we need a styles page smile

PHPCrossRef . TXP Make . TXP Themes . TXP Tags . TXP Planet . We Love TXP

hcgtv's Website

  • From: zCOM
  • Registered: 2005-01-16
  • Posts: 433

Re: Style feedback wanted :)

Again, thanks for the awesome template.
It shows what to look forward to in the world of punBB templating.

*w00tah!*

[img]http://www.dreamhost.com/images/rewards/80x15-a.gif[/img]
[img]http://img303.imageshack.us/img303/6118/getfox6mr.gif[/img]

erissiva's Website

  • From: 127.0.0.1
  • Registered: 2001-11-02
  • Posts: 9,167

Re: Style feedback wanted :)

CodeXP wrote:

Well, I didn't find anything in particular that was hard to change. The only thing I perhaps could have wanted was some form of variables in the *.tpl files (img directory etc.) but perhaps there already is?

I'm not sure I understand what you mean, but beginning with 1.3, I intend to add a base tag the the header. That way, you can always rely on the fact that e.g. img/ will point to PunBB's image directory. Would that help?

"Programming is like sex: one mistake and you have to support it for the rest of your life."

Rickard's Website

24 Reply by CodeXP

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Style feedback wanted :)

Rickard wrote:
CodeXP wrote:

Well, I didn't find anything in particular that was hard to change. The only thing I perhaps could have wanted was some form of variables in the *.tpl files (img directory etc.) but perhaps there already is?

I'm not sure I understand what you mean, but beginning with 1.3, I intend to add a base tag the the header. That way, you can always rely on the fact that e.g. img/ will point to PunBB's image directory. Would that help?

Hehe, that was kinda what I meant...I just explained it badly smile The basetag will definatly make things a lot easier!

CodeXP's Website

25 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Style feedback wanted :)

CodeXP: Do you mind if I have a bash at doing a simplified version of this using your graphics?