Page 65 of 68

Re: prosilver Special Edition

Posted: Sun Mar 28, 2010 12:04 pm
by T3h Antek
Hey I am changing some colors of my forum.
Image

What part do I have to edit to change the color of the outer shell ? As you can see there is
a shell surrounding the forum and I am not sure how to change it so it's the same color as my background.


Thank you.

Re: prosilver Special Edition

Posted: Sun Mar 28, 2010 12:58 pm
by enbe
Inside the prosilver folder open the folder: contrib

open border.psd (you will need photoshop or the free program GIMP for this).

change the background color to your liking.

save the parts (photoshop does that automatically if you use "save for web", i dont know if gimp can do this)

Re: prosilver Special Edition

Posted: Sun Mar 28, 2010 1:49 pm
by T3h Antek
Done it but for some reason nothing has changed. I've refreshed everything so no idea
where I went wrong. I'll keep on trying ^^ Using Gimp, nice program ;-)

Thanks for helping. :D

Re: prosilver Special Edition

Posted: Sun Mar 28, 2010 2:48 pm
by enbe
you have to replace these graphics here:

../styles/prosilver_se/theme/images/border_bottom2.gif

to upload the .psd obviously has no effect, as this is just there to edit the images.

if you replace these graphics, the effect should be there immediately.

in photoshop these graphics are automatically sliced, named and exported (6 different gifs or so), i doubt that gimp has this function.

As i obviously have too much time on my hands i have uploaded the correctly changed border gifs for you ;)

[The extension zip has been deactivated and can no longer be displayed.]


Re: prosilver Special Edition

Posted: Sun Mar 28, 2010 3:06 pm
by T3h Antek
enbe, you are a star, thank you very much. :D That was very nice of you. ^_^

Re: prosilver Special Edition

Posted: Sat Apr 03, 2010 12:11 am
by BoxWrench
Does anyone have an idea on the best approach for me to close the gap between my wrench image and the upper left corner image I edited?
wrench_gap.png
Just trying to fill the gap...
wrench_gap.png (14.36 KiB) Viewed 4068 times
The goal is to have the wrench appear seamless. I don't mind if the solution means adding a div tag in the header area to fill in the gap or if simply floating the image left will do the trick.

Either way, I'm not sure which .css or template file to edit.

Thanks for any suggestions.

Re: prosilver Special Edition

Posted: Sat Apr 03, 2010 10:13 am
by Mick
BoxWrench wrote:Does anyone have an idea on the best approach for me to close the gap between my wrench image and the upper left corner image I edited?
Trying to move the site_logo.gif itself, as your require, more to the left with css causes problems whereby the image breaks through in to the border and causes the header background image to lose it's rounded corners. I've played around with this a bit and the best solution I can find is to remove the site_logo.gif altogether by:

Opening /styles/prosilver_se/imageset/imageset.cfg and finding:

Code: Select all

img_site_logo = site_logo.gif*52*139
And replacing with:

Code: Select all

img_site_logo = 
Or you can just remove this from overall_header.html:

Code: Select all

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> 
Next follow: Add a custom header image - you can use the banners attached or make your own.

The next problem I found was that the site name and description were sitting on the left over the top of the wrench image so I stopped them showing by:

Opening /styles/prosilver_se/template/overall_header.html and finding:

Code: Select all

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p> 
And replacing with:

Code: Select all

<h1 style="display: none;">{SITENAME}</h1>
<p style="display: none;">{SITE_DESCRIPTION}</p>  
The above are still readable by search engines (allegedly) but they just don't show in the header. I then added the description to the banner image itself (see examples attached)

Edit: Banners removed as unnecessary.

I hope this helps

Re: prosilver Special Edition

Posted: Sat Apr 03, 2010 1:50 pm
by .Victor
Wow, I like the Silver Colour! Beautiful special of ProSilver! ;)

Re: prosilver Special Edition

Posted: Sun Apr 04, 2010 3:21 am
by BoxWrench
Thank you Mixstar for the suggestions and the banners to start with. The banner would work fine but I am a bit concerned about deleting the "site description" as it dynamically becomes the html 'title' tag for the page and we all know how important that is for SEO. It seems you figured that may be a trade off as stated in your post...
Mixstar wrote: The above are still readable by search engines (allegedly) but they just don't show in the header. I then added the description to the banner image itself (see examples attached)
If moving the logo left causes the image to split and also causes the corners of the header to disappear, what about turning the header area into two sections within the same space?
The <div> for the header has a repeating 5px wide gradient called 'bg_header.gif' that repeats across the entire header area and the rounded corners are put on top of it.
Is it possible to divide that <div> into two separate areas (see attached image) so that I could make a custom bg_reapeater for the wrench area that would stop when it got into the wrench and then use the old bg_header.gif to continue repeating to the right.
wrench_repeat.png
wrench_repeat.png (13.04 KiB) Viewed 4022 times
This would be a perfect world scenario because I could leave the dynamic site_decription entact and it would generate an html title from the admin control panel without having to make other changes.

Is this posible to split the bg_header <div> in to two parts the same way you would merge cells on an html table cell to do the same?

Either way, thanks for all of your help and suggestions so far Mixstar. Hit me up with a PM if you have a Paypal account I could donate a couple bucks to.

Cheers!

Re: prosilver Special Edition

Posted: Sun Apr 04, 2010 12:57 pm
by Mick
BoxWrench wrote:I am a bit concerned about deleting the "site description" as it dynamically becomes the html 'title' tag for the page and we all know how important that is for SEO.
No trade off, the information is still readable by bots. In any case, I often remove that stuff and every board I have had anything to do with indexes fine with any or all of the bots. I doubt SEO will be affected in the slightest.

Re: prosilver Special Edition

Posted: Sun Apr 04, 2010 9:17 pm
by BoxWrench
Thanks for the SEO heads up Mixstar...good to know for future changes in code.

Just for my own personal knowledge, is it even possible to make the above adjustment with regard to splitting the <div> tag with the repeating header image?
My background is all html tables and I'd like to understand the CSS world better...

Thanks again for the help!

Re: prosilver Special Edition

Posted: Mon Apr 05, 2010 11:05 am
by Mick
@BoxWrench
Mixstar wrote:Trying to move the site_logo.gif itself, as your require, more to the left with css causes problems whereby the image breaks through in to the border and causes the header background image to lose it's rounded corners.
Not true, I led you down the garden path sorry :oops:

Open common.css and find:

Code: Select all

#logo {
    float: left;
    width: auto;
    padding: 10px 13px 0px 0;
} 
Replace with:

Code: Select all

#logo {
    float: left;
    margin: 0px -5px;
    width: auto;
    padding: 10px 13px 0px 0;
} 
You don't need to mess with your site name and description now. ;)

Re: prosilver Special Edition

Posted: Wed Apr 07, 2010 6:35 pm
by yabbah
Really love this one. One question tho, I try to make swedish buttons (for new topic, reply and so on), but don't find the font somewhere.
Anyone know which font is used, and if its free to download I would love a link. :)

//yabbah

Re: prosilver Special Edition

Posted: Wed Apr 07, 2010 8:41 pm
by _Vinny_
yabbah wrote:Really love this one. One question tho, I try to make swedish buttons (for new topic, reply and so on), but don't find the font somewhere.
Anyone know which font is used, and if its free to download I would love a link. :)

//yabbah
http://www.phpbb.com/community/viewtopi ... 93&start=0

Re: prosilver Special Edition

Posted: Thu Apr 08, 2010 9:29 pm
by burNN
Awesome :D