border round intire page - subsilver

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
Nico2009
Registered User
Posts: 79
Joined: Thu May 21, 2009 10:04 am

border round intire page - subsilver

Post by Nico2009 » Thu May 21, 2009 10:21 am

Hi, ik like to create a border round the intire page..

i'm ussing the subsilver template

example: http://www.kattenplaza.nl/phpBB2/

Could somebody help me out?

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: border round intire page - subsilver

Post by Manhattan » Thu May 21, 2009 1:26 pm

Open overall_header and find:

Code: Select all

<body class="{S_CONTENT_DIRECTION}">
Add this after:

Code: Select all

<div id="wrap">
Open overall_footer and find:

Code: Select all

</body>
Add before:

Code: Select all

</div>
Open stylesheet.css
Find:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
Replace with:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	padding-bottom: 20px;
}

#wrap {
      margin: 20px 20px 0;
      border: 1px solid  #4787A7;
      padding-bottom: 20px;
}
Purge your template cache through the ACP! and also browser cache commonly by pressing CTRL-F5

navkiera
Registered User
Posts: 10
Joined: Wed May 20, 2009 6:21 pm

Re: border round intire page - subsilver

Post by navkiera » Fri May 22, 2009 5:11 am

Hi, i used your method, it worked fine, but on left & right side boundry is broken. Could you help me plz,
have a look my design, i am still working on it before i start it for users. [removed]
thanks

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: border round intire page - subsilver

Post by Manhattan » Fri May 22, 2009 5:46 am

navkiera wrote:Hi, i used your method, it worked fine, but on left & right side boundry is broken. Could you help me plz,
have a look my design, i am still working on it before i start it for users. [removed]
thanks
Because you're using sidebar, add this to #wrap in stylesheet.css

Code: Select all

overflow: hidden;

navkiera
Registered User
Posts: 10
Joined: Wed May 20, 2009 6:21 pm

Re: border round intire page - subsilver

Post by navkiera » Fri May 22, 2009 6:41 am

Code: Select all

by Manhattan -- Because you're using sidebar, add this to #wrap in stylesheet.css

Code: Select all
overflow: hidden
now the boundry is gone, this way header doesn't look good, header's width is more than fourm width. If there is no way to put boundry bcz of sidebar, how i can adjust header width samilar to fourm width.

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: border round intire page - subsilver

Post by Manhattan » Fri May 22, 2009 7:46 am

Please provide a screen shot of what you want exactly.

navkiera
Registered User
Posts: 10
Joined: Wed May 20, 2009 6:21 pm

Re: border round intire page - subsilver

Post by navkiera » Fri May 22, 2009 7:51 am

iwant to put the boundry like this http://www.kattenplaza.nl/phpBB2/

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: border round intire page - subsilver

Post by Manhattan » Fri May 22, 2009 10:04 am

navkiera wrote:iwant to put the boundry like this http://www.kattenplaza.nl/phpBB2/
Try this:

Code: Select all

#wrapcentre {
	margin: 15px 0  0 ;
}
Instead of this:

Code: Select all

#wrapcentre {
	margin: 15px 25px 0 25px;
}

Locked

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