| |
| |
|
|
|
|
| |
|
| |
|
| :: |
| Author |
Message |
drankur
Joined: 04 Feb 2008
Posts: 16
|
 Posted: Fri Apr 25, 2008 1:16 pm Post subject: how to i add a border around prosilver style |
|
|
can u please tell me how to apply border around prosilver style as in this site
www.phpbb3portal.com
plz help |
|
|
| Back to top |
|
 |
|
|
HB
phpBB SEO Team
Joined: 16 Oct 2006
Posts: 794
|
| Posted: Fri Apr 25, 2008 1:38 pm Post subject: Re: how to i add a border around prosilver style |
|
|
| See http://www.phpbb.com/kb/article/fixed-width-prosilver/ to center the forum and set the body background color (style="background-color: #cccccc"). |
_________________
Dan Kehn |
|
| Back to top |
|
|
drankur
Joined: 04 Feb 2008
Posts: 16
|
| Posted: Fri Apr 25, 2008 2:07 pm Post subject: not working |
|
|
| its not working bro, what to do ............... also it has no rounded borders |
|
|
| Back to top |
|
|
HB
phpBB SEO Team
Joined: 16 Oct 2006
Posts: 794
|
| Posted: Fri Apr 25, 2008 3:48 pm Post subject: Re: how to i add a border around prosilver style |
|
|
Err, did you look at the CSS / HTML of the site you hope to emulate? Here's the CSS:
http://www.phpbb3portal.com/styles/prosilver/theme/web/style.css
| Code: | /* replace background color */
html, body {
background-color: #a9a9a9;
}
.top-left, .top-right, .bottom-left, .bottom-right {
background-image: url("./images/rounded.gif");
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
}
.top-right {
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left {
background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
border-left: 1px solid #9FA7AD; /* YCC: color & properties of the left-borderline */
border-right: 1px solid #9FA7AD;/* YCC: color & properties of the right-borderline */
background: #FFFFFF; /* YCC: background-color of the inside */
color: #000000; /* YCC: default text-color of the inside */
padding-left: 0px; /* YCC: all texts at some distance of the left border */
padding-right: 0px;
padding-top: 2px; /* YCC: all texts at some distance of the right border */
}
.notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.outside {
margin: 0 auto;
width : 950px;
padding: 10px;
} |
And here's the relevant changes they made to the overall_header and overall_footer:
| Code: | <div class="outside">
<div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
... snip ...
<div class="bottom-left"></div><div class="bottom-center"></div><div class="bottom-right">
</div> |
If this still doesn't make sense to you, then I recommend reading up on CSS/HTML. There are lots of great tutorials on the web. |
_________________
Dan Kehn |
|
| Back to top |
|
|
drankur
Joined: 04 Feb 2008
Posts: 16
|
| Posted: Fri Apr 25, 2008 5:00 pm Post subject: thanks |
|
|
thanks a lot for help, but i managed to get it right form some other forum help.
thanks a lot |
|
|
| Back to top |
|
|
MathieuM.
phpBB SEO Team
Joined: 10 Feb 2008
Posts: 444
Location: Rhône-Alpes
|
| Posted: Fri Apr 25, 2008 8:14 pm Post subject: Re: how to i add a border around prosilver style |
|
|
Hi,
Download these 2 :
- #1
- #2
Extract the first one and upload it in "styles/prosilver/theme/images/".
Extract the second one and upload only shoots_borders.css in "styles/prosilver/theme/".
Then, open "theme/stylesheet.css" and add this at the end of the file :
| Code: | | @import url("shoots_boarders.css"); |
Now, open "template/overall_header.html" :
Find:
| Code: | | <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}"> |
After, add:
| Code: | <div class="outside">
<div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
<div class="inside">
<div class="notopgap"> |
Now in "template/overall_footer.html" :
Find:
| Code: | | <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF --> |
After, add:
Find:
| Code: | | <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF --> |
After, add:
| Code: | </div>
<div class="nobottomgap"></div>
</div>
<div class="bottom-left"></div><div class="bottom-center"></div><div class="bottom-right">
</div> |
It's finished and it must look like this :
If you want to modify the background colour, it's in shoots_borders.css :
| Code: | html, body {
color: #68696D;
background-color: #A0A8AE; |
Mathieu. |
_________________
[ Site phpBB SEO ] [ Téléchargements ] [ L'annuaire SEO ] [ Venez vous présenter ] [ Fonction Recherche ]
---------------------------
[ phpBB SEO Site ] [ Downloads ] [ SEO Directory ] [ Introduce yourself ] [ Search function ] |
|
| Back to top |
|
|
HB
phpBB SEO Team
Joined: 16 Oct 2006
Posts: 794
|
|
| Back to top |
|
|
|
|
| Navigation |
Similar Topics |
|
|
|
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
