Fix the side bar width from "Simple side bars in Prosilver"

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Anti-Spam Guide
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Fix the side bar width from "Simple side bars in Prosilver"

Post by Alduin »

I edit my prosilver style with the tut Simple side bars in Prosilver & Prosilver_SE and it works great but now I want to fix the width of the sidebar.
e.g. at 170px how can I do this?
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

You can change this:

Code: Select all

#page-body {
    margin: 4px 0;
    clear: both;
    width:85%;
    float:left;
}  
for this:

Code: Select all

#page-body {
    margin: 4px 0;
    clear: both;
    width:170px;
    float:left;
}
85% is the value what have change
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
browser123
Registered User
Posts: 162
Joined: Thu Nov 24, 2011 12:28 pm

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by browser123 »

is there a way to get the latest topics or blogs showing (say latest five)?
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

nextgen wrote:You can change this:

Code: Select all

#page-body {
    margin: 4px 0;
    clear: both;
    width:85%;
    float:left;
}  
for this:

Code: Select all

#page-body {
    margin: 4px 0;
    clear: both;
    width:170px;
    float:left;
}
85% is the value what have change
Sorry but this dosen't work:
right.png
right.png (76.5 KiB) Viewed 386 times
left.png
left.png (59.63 KiB) Viewed 386 times
any other Ideas?
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

Link to your board.
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

nextgen wrote:Link to your board.
TECMO GAMES
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

where is the error, I see it normal. :?

Edit: Still have this values in your .css

Code: Select all

.page-sidebar {
    float: left;
    margin-top: 4px;
    width: 14%;
}
change width: 14%; for you with en pixel's
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

nextgen wrote:where is the error, I see it normal. :?

Edit: Still have this values in your .css

Code: Select all

.page-sidebar {
    float: left;
    margin-top: 4px;
    width: 14%;
}
change width: 14%; for you with en pixel's
but the body have 85% ... I want the body next to the sidebar and float to the right ...
Last edited by Alduin on Sun Jan 22, 2012 7:45 pm, edited 2 times in total.
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

want the body and sidebar are aligned to the right?
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

like this: http://de.selfhtml.org/css/layouts/anze ... _links.htm (alters the window wide to see what I mean)

I've already asked the question at phpbb.de, but no one there knew the answer.
plan.png
plan.png (39.55 KiB) Viewed 347 times
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

Try this -->

Code: Select all

#page-body {
	clear:none;
	margin: 1em 0 0 190px;
	min-width: 16em;
	padding: 0;
}
and

Code: Select all

.page-sidebar {
	float: left;
	margin: 0;
	margin: 1em 0 0 0;
	width: 170px;
}
Open:root/styles/prosilver/template/overall_footer.html

Find and remove:

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>
Open: root/styles/prosilver/template/overall_header.html

Find: <div id="page-body">

Add before:

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

JAY! Now it works!

Thank you very much!!!! :D :D

EDIT:
No on most sites it still looks not look right:
X.png
X.png (95.31 KiB) Viewed 327 times
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

Follow my instrutions
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Alduin
Registered User
Posts: 17
Joined: Sun Jan 22, 2012 4:39 am

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by Alduin »

nextgen wrote:Follow my instrutions
I've done and this is the result :(
User avatar
nextgen
Jr. Style Validator
Posts: 2377
Joined: Mon Jul 26, 2010 10:58 pm
Location: Guatemala
Name: Melvin García
Contact:

Re: Fix the side bar width from "Simple side bars in Prosilv

Post by nextgen »

Follow this instrutions, Changes to these values
nextgen wrote:

Code: Select all

#page-body {
	clear:none;
	margin: 1em 0 0 190px;
	min-width: 16em;
	padding: 0;
}
and

Code: Select all

.page-sidebar {
	float: left;
	margin: 0;
	margin: 1em 0 0 0;
	width: 170px;
}
Open:root/styles/prosilver/template/overall_footer.html

Find and remove:

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>
Open: root/styles/prosilver/template/overall_header.html

Find: <div id="page-body">

Add before:

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>
メルビン・ガルシア • phpBB Development StylesphpBB Argentina - Soporte en español 🇦🇷

Please do NOT contact for support via PM or email.
Locked

Return to “[3.0.x] Styles Support & Discussion”