phpbb3 style help

[socrboy24]

Alright so i am starting to get interested in how to skin phpbb3 templates. I need a quick rundown of what to edit and how to get certain things to react to what i change. I have made the prosilver background black and that's as far as i've gotten. A good guide would be nice. None on Google

 

[Murder he Wrote]

You are asking for a miricle if you want a guide.

You need good HTML and CSS knowledge, you also need to know how to integrate that with the HTML and CSS already there so they you don't wreck everything.

The main HTML files you will edit are overall_header.html, index_body.html and overall_footer.html . The main css file you will edit is colours.css

Use trial and error and ask in this topic for any specific changes you'd like to make.

 

[socrboy24]

alright cool. One question. How do i change the size of the panel thing that displays what the forum name is for a button of 48x48? and the color of that panel as well?

 

[Murder he Wrote]

Could you show a screenshot of the area you are trying to edit. Thanks ~smile~

 

[socrboy24]

here's the screenshot:
http://i34.tinypic.com/714uwm.jpg

 

[Murder he Wrote]

That is controlled by:

../prosilver/theme/images/gradient.gif

The colour behind it is controlled by this hexadecimal code in colours.css:

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

 

[socrboy24]

thank you so much i thought it was going to take me all night to find that. I will have more questions later.

edit: nothing is happening when i try to change it. I have purged the cache and refreshed the theme

 

[CyberFreak]

Have you cleared your browsers cache?

If you changed /gradient.gif then the old image might be still in the browsers cache.

 

[Murder he Wrote]

Also how are you editing the file?

If you are editing via the Admininstration control panel then refreshing the theme will undo any changes you made via the Admin panel.

You're better of editing via FTP or cPanel file manager ~smile~

 

[socrboy24]

yes murder i am doing it through ftp with 000webhost.com

Question: How do i change the color of the things in the screenshot?
http://i38.tinypic.com/fao4ue.jpg

 

[Murder he Wrote]

For the font of the legend, open: ../prosilver/template/index_body.html

Find:

<em>{L_LEGEND}: {LEGEND}</em>

Replace with:

<font face="arial"><em>{L_LEGEND}: {LEGEND}</em></font>

As for the bottom bar, it is controlled by the same CSS that colours the top navbar. The css is in ../theme/colours.css

.navbar {
	background-color: #cadceb;
}

~smile~

 

[socrboy24]

ok cool

 

[socrboy24]

how do i make it possible to use 48x48 forum icons in subsilver2? I decided it is easier to edit subsilver2 than prosilver.

 

[Murder he Wrote]

Open: ../styles/subsilver2/imageset/imageset.cfg

Then you need to replace the image sizes from all of the images, for example:

img_forum_link = forum_link.gif*25*46

Would be:

img_forum_link = forum_link.gif*48*48

Once you have done that refresh the imageset cache:

Admin Panel -> Styles Tab -> Style Components -> Imagesets -> subsilver2 -> refresh -> are you sure? -> yes

 

[Mr. Bond]

Find:

<em>{L_LEGEND}: {LEGEND}</em>

Replace with:

<font face="arial"><em>{L_LEGEND}: {LEGEND}</em></font>

<span style="font-family: arial;"><em>{L_LEGEND}: {LEGEND}</em></span>

<font> tag is depreciated in xhtml strict 😉

 

[Murder he Wrote]

Somehow I get the impression a new phpBB styler is not aiming for Strict W3C compliancy ~razz~

 

[socrboy24]

how do i make it so when i am looking at the forum icons it doesn't show the i guess you could call it "key" about new posts, no new posts, sticky and what each picture represents. Like on here it doesn't show them at the bottom(not on main page) but in each forum

 

[Mr. Bond]

Somehow I get the impression a new phpBB styler is not aiming for Strict W3C compliancy ~razz~

Sure, ok. But It's not much more effort to write it the valid way then it is to use outdated tags. Better to learn the standards right away then to get used to using outdated tags then have to reteach yourself the correct tags later on ~smile~

SummitAds, you're just going to have to edit the template files. Just go source diving and you'll figure it out eventually ~smile~
For the index page, index_body.html, for viewforum page, you'll have to edit viewforum_body.html.

 

[Murder he Wrote]

how do i make it so when i am looking at the forum icons it doesn't show the i guess you could call it "key" about new posts, no new posts, sticky and what each picture represents. Like on here it doesn't show them at the bottom(not on main page) but in each forum

If you're styling subsilver2 then the "key" is already there. ~wink~