prosilver Special Edition

All 3.0.x styles released in our Styles Database can be found here. All discussion or support regarding an individual style should take place in that style's own area in the Customisations Database.
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

NOTICE: This forum is only for the announcement of releases and/or updates for styles. Any style support should be obtained through the Customisations Database in the support area designated for each style.

A direct link to support for each Style is in the first post of the respective topic.
User avatar
T3h Antek
Registered User
Posts: 97
Joined: Tue Feb 02, 2010 4:26 pm

Re: prosilver Special Edition

Post 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.
enbe
Registered User
Posts: 19
Joined: Thu Jan 10, 2008 10:02 pm
Contact:

Re: prosilver Special Edition

Post 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)
User avatar
T3h Antek
Registered User
Posts: 97
Joined: Tue Feb 02, 2010 4:26 pm

Re: prosilver Special Edition

Post 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
enbe
Registered User
Posts: 19
Joined: Thu Jan 10, 2008 10:02 pm
Contact:

Re: prosilver Special Edition

Post 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.]

User avatar
T3h Antek
Registered User
Posts: 97
Joined: Tue Feb 02, 2010 4:26 pm

Re: prosilver Special Edition

Post by T3h Antek »

enbe, you are a star, thank you very much. :D That was very nice of you. ^_^
BoxWrench
Registered User
Posts: 61
Joined: Mon Aug 30, 2004 4:35 am
Location: Venice, CA

Re: prosilver Special Edition

Post 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?
Just trying to fill the gap...
Just trying to fill the gap...
wrench_gap.png (14.36 KiB) Viewed 6878 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.
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26505
Joined: Fri Aug 29, 2008 9:49 am

Re: prosilver Special Edition

Post 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
Last edited by Mick on Mon Apr 12, 2010 10:57 pm, edited 1 time in total.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
.Victor
Registered User
Posts: 6
Joined: Sat Apr 03, 2010 1:40 pm
Location: Europe

Re: prosilver Special Edition

Post by .Victor »

Wow, I like the Silver Colour! Beautiful special of ProSilver! ;)
phpBB.nl Member
phpBB.com Member
BoxWrench
Registered User
Posts: 61
Joined: Mon Aug 30, 2004 4:35 am
Location: Venice, CA

Re: prosilver Special Edition

Post 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 6832 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!
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26505
Joined: Fri Aug 29, 2008 9:49 am

Re: prosilver Special Edition

Post 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.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
BoxWrench
Registered User
Posts: 61
Joined: Mon Aug 30, 2004 4:35 am
Location: Venice, CA

Re: prosilver Special Edition

Post 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!
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26505
Joined: Fri Aug 29, 2008 9:49 am

Re: prosilver Special Edition

Post 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. ;)
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
yabbah
Registered User
Posts: 5
Joined: Wed Nov 07, 2007 7:08 am

Re: prosilver Special Edition

Post 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
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 9580
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: prosilver Special Edition

Post 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
User avatar
burNN
Registered User
Posts: 5
Joined: Tue Feb 09, 2010 2:55 pm
Location: Bucharest, Romania

Re: prosilver Special Edition

Post by burNN »

Awesome :D
Sorry for my bad english!
Locked

Return to “[3.0.x] Styles Database Releases”