[How to] Make Prosilver Fixed Width like phpBB.com

Styles, Theme, Cosmetic and Appearance related tips, tricks, tweaks, and Graphics

Moderator: STG Styles Team

Forum rules
NOTE: Post full styles only in the Styles Forum

[How to] Make Prosilver Fixed Width like phpBB.com

Postby Highway of Life » 11 Dec 2007, 07:45

[style]#wrap {margin:10px auto; padding:6px; text-align:left; width:910px; background-color:#FFF; border: 4px inset #000566;} body {text-align:center;background-color:#ACA8A1;}[/style]The following addition or changes to your common.css prosilver stylesheet will make your board have a fixed width with a background color and border, similar to phpBB.com
View this page in prosilver to see the effect. viewtopic.php?style=1&f=83&t=4149

OPEN: /styles/prosilver/theme/colours.css
FIND:
Code: Select all
html, body {
   color: #536482;
   background-color: #FFFFFF;
}

REPLACE, WITH:
Code: Select all
html, body {
   color: #536482;
   background-color:#ACA8A1;
}


OPEN: /styles/prosilver/theme/common.css
FIND:
Code: Select all
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}

REPLACE, WITH:
Code: Select all
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
   text-align:center;
}

FIND:
Code: Select all
#wrap {
   padding: 0 20px;
   min-width: 650px;
}

REPLACE, WITH:
Code: Select all
#wrap {
   min-width: 650px;
   margin:10px auto;
   padding:6px;
   text-align:left;
   width:910px;
   background-color:#FFF;
   border: 4px inset #000566;
}
Watch out! I might do a code wheelie!

User avatar
Highway of Life    
STG Jedi Master
STG Jedi Master
 
Posts: 10458
Joined: 08 May 2006, 05:23
Location: Beware of Programmers carrying screwdrivers
Gender: Male
phpBB Knowledge: 10


Forum width in Prosilver?

Postby sUBzERO_vOv » 16 Jan 2008, 06:14

How can i change the complete Forum width?
Now the standard Skin for Prosilver is 100% width, i want it a little bit smaler.
sUBzERO_vOv
Cadet I
Cadet I
 
Posts: 19
Joined: 22 Nov 2007, 05:29
Gender: Male
phpBB Knowledge: 3

Re: Forum width in Prosilver?

Postby Ika » 16 Jan 2008, 08:05

sUBzERO_vOv wrote:How can i change the complete Forum width?
Now the standard Skin for Prosilver is 100% width, i want it a little bit smaler.


Hello sUBzERO_vOv,
Please take a moment to browse the appropriate forum or use the search feature on or board to find a particular topic. We have a vast array of tweaks and tips throughout our forum.

This particular question can be answered either 1) in our MOD database under style tweaks or 2) viewtopic.php?f=83&t=4149

Thank you for your understanding and enjoy your time here on STG. :wave:

[mod3=Merged,Duplicate Topic]Ika[/mod3]
Image
05.08.09 The Black Ice Project
Please use the forums for support requests. Review the Board Rules here.
Ika    
STG Styles Team
STG Styles Team
 
Posts: 1618
Joined: 08 Jul 2007, 09:57
Location: Charlotte, NC USA
Favorite Team: Pittsburgh Steelers
Gender: Male
phpBB Knowledge: 8

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby John Hjorth » 16 Jan 2008, 08:32

Topics merged.
Image Image ImageImage
User avatar
John Hjorth    
STG Moderator
STG Moderator
 
Posts: 1587
Joined: 27 Oct 2006, 22:23
Location: Odense, Denmark, EU
Favorite Team: Olympus DK Team
Gender: Male
phpBB Knowledge: 7

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby sUBzERO_vOv » 16 Jan 2008, 09:33

OOps thank you!!! :wave:
Sorry but sometime it's a little bit hard to find the right answer between all the search results if you search for "forum width"...
sUBzERO_vOv
Cadet I
Cadet I
 
Posts: 19
Joined: 22 Nov 2007, 05:29
Gender: Male
phpBB Knowledge: 3

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby Sithnar » 16 Jan 2008, 10:03

Ohhh i been wondering how to do that for a long time!!!

hehe gone are the days that phpbb was just nice easy table layouts!!!
very confusing to theme it now, trying my best to make a fitting theme.
Sithnar - Head Nerd @ DarkLord's Realm
User avatar
Sithnar    
Supporter
Supporter
 
Posts: 367
Joined: 15 Jan 2008, 10:42
Location: England
Gender: Male
phpBB Knowledge: 5

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby sUBzERO_vOv » 26 Jan 2008, 18:34

I have another Question.
How is it possible to make round Corners around the Forum like here: http://www.varjanta.com/forum/za%C4%8Detek-t19.html
I like this Style.
Maybe you can help me where and how to put the coding for this.
Would be great!
sUBzERO_vOv
Cadet I
Cadet I
 
Posts: 19
Joined: 22 Nov 2007, 05:29
Gender: Male
phpBB Knowledge: 3

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby louie » 05 Feb 2008, 19:54

Hi, I made the changes to the 3 pieces of code but it doesn't seem like anything changed. Any hints to what I might be doing wrong?
louie
Crewman
Crewman
 
Posts: 1
Joined: 05 Feb 2008, 19:44
Gender: Male

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby LiamMac » 06 Feb 2008, 03:46

louie wrote:Hi, I made the changes to the 3 pieces of code but it doesn't seem like anything changed. Any hints to what I might be doing wrong?


Try to purge your cache and then refresh your style templates.

sUBzERO_vOv wrote:I have another Question.
How is it possible to make round Corners around the Forum like here: http://www.varjanta.com/forum/za%C4%8Detek-t19.html
I like this Style.
Maybe you can help me where and how to put the coding for this.
Would be great!


The theme on that forum is a fairly highly altered version of prosilver.

If you wish to have a theme like that you are able to download and install an authors style from either here in the STG MOD Datebase or at http://www.phpbb.com

There are many very attractive styles available at both locations. If you are after a round cornered style I can recommend Glacier by Ika as I use it myself and it is a fixed width and round cornered style which seems to be what you are after.
Star Trek Guide Forums Moderation Team
Image
phpBB3 MODs and Styles Development - Olympus MOD Database - phpBB / PHP programming Academy and Discussion Forum
User avatar
LiamMac    
Supporter
Supporter
 
Posts: 535
Joined: 12 Sep 2006, 00:10
Location: The Land of Aoteroa or New Zealand
Gender: Male
phpBB Knowledge: 4

Re: [How to] Make Prosilver Fixed Width like phpBB.com

Postby sUBzERO_vOv » 06 Feb 2008, 05:24

Thank you very much Liam,

the only Problem is, i have about 15 Mods installed and with a new Style i have to change a lot of code for this Styles.
But thanks for the Links, i will take a look in the css Files...
sUBzERO_vOv
Cadet I
Cadet I
 
Posts: 19
Joined: 22 Nov 2007, 05:29
Gender: Male
phpBB Knowledge: 3

Next

Return to Styles Tweaks, Tips and Graphics

Who is online

Users browsing this forum: Google [Bot], YandexBot and 3 guests