how to copy prosilver SE's rounded corners

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
unhappyboy
Registered User
Posts: 59
Joined: Sun Aug 19, 2007 3:00 pm

how to copy prosilver SE's rounded corners

Post by unhappyboy »

Hello friends,
I am using copy prosilver SE style. I love it.
I want to take prosilver SE's rounded corners and apply my custom design.

If i can manage it my forum and mainpage will look same.
i need your help
best regards
User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: how to copy prosilver SE's rounded corners

Post by prototech »

HTML:

Code: Select all

<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside">
			Content goes here. 
        </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
CSS:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 900px;
	margin: 0 auto;
}

.border-left { 
    background: url("{T_THEME_PATH}/images/border_left.gif") #FFFFFF repeat-y 0 0;
}

.border-right {
    background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-top { 
    background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0; 
}

.border-top-left {
    background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
    background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
}

.border-bottom { 
    background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-left, .border-right, .border-top, .border-top-left, .border-top-right, .border-bottom { width: 100%;}

.border-bottom span {
    background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 0;
    display: block;
    height: 18px; 
}

.border-bottom span span { 
    background-position: 100% -18px;
}

.inside { 
    padding: 17px 27px 10px 27px;
}
You'll need to adjust the url for the background images.
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.
unhappyboy
Registered User
Posts: 59
Joined: Sun Aug 19, 2007 3:00 pm

Re: how to copy prosilver SE's rounded corners

Post by unhappyboy »

Thank you very much.
Locked

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