PHPBB Designing

Jasonp

Paragon
Joined
Jun 21, 2008
Messages
1,446
Reaction score
0
FP$
285
Was wondering im working on a template based on subsilver 2 and was thinking on adding rounded corners .. the way i think its going to be is like this


[left corner.jpeg] --------- [middle.jpeg]---------[rightcorner.jpeg]

was wondering what code what it be to let me add two image sources for the corners (sorry if it dont make sence)


thanks
 
I'd use a table,
Code:
<table width="100%" cellpadding="0" cellspacing="0"><tr><td><img src="{T_THEME_PATH}/images/left-corner.jpg" width="15px" height="15px"></td><td style="background-image: url("{T_THEME_PATH}/images/middle.jpg"); height: 15px; background-repeat: repeat-x;"></td><td><img src="{T_THEME_PATH}/images/right-corner.jpg" width="15px" height="15px" /></td></tr></table>

Something along those lines anyway.
 
Also that tutorial uses CSS3 which is hardly supported by any browser currently, infact the demo doesn't even work in Firefox3 for me so pretty useless at the moment.

Although divs are muche asier to create rounded corners with in CSS.

Soemthing like:
Code:
<div id="wrapper">
<span class="top"><span></span></span>
<span class="bottom"><span></span></span>
</div>
 
Murder he Wrote said:
I'd use a table,
Code:
<table width="100%" cellpadding="0" cellspacing="0"><tr><td><img src="{T_THEME_PATH}/images/left-corner.jpg" width="15px" height="15px"></td><td style="background-image: url("{T_THEME_PATH}/images/middle.jpg"); height: 15px; background-repeat: repeat-x;"></td><td><img src="{T_THEME_PATH}/images/right-corner.jpg" width="15px" height="15px" /></td></tr></table>

Something along those lines anyway.

thanks murder what file must i edit to put this in ?

cheers
 
I only posted the code for the top row of corners, would you like code for corners on the bottom too?
 
Back
Top Bottom