[AddOn] advanced prosilver fixed width

[cisco007]

this is a advance way to make prosilver look better when the style is made fixed width, which will end up looking similar to this site!

you will still need to do these edits:
viewtopic.php?f=3&t=85

which are a little more advanced from these:
http://www.phpbb.com/kb/article/fixed-width-prosilver/

the original prosilver looks like these (this is on a wide screen monitor):
[hsimg2]http://ciscoa.info/img/di/0HRR/before_fixed_width.png[/hsimg2]
the previous edits makes your prosilver look like these:
[hsimg2]http://ciscoa.info/img/di/XIU3/after_fi ... _addon.png[/hsimg2]

with these extra edits your prosilver will look like these:
[hsimg2]http://ciscoa.info/img/di/NB63/after_co ... _addon.png[/hsimg2]

like i said do the other edits from steve's snippet
[i_i]open:

Code: Select all

styles/prosilver/theme/common.css

[/i_i]
[i_i]Find:

Code: Select all

/* Main blocks

[/i_i]
[i_i]Add before:

Code: Select all

/* Border
---------------------------------------- */
.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;
    width: 100%;
}

.border-bottom {
    background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 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;
}

[/i_i]
[i_i]open:

Code: Select all

styles/prosilver/theme/colours.css

[/i_i]
[i_i]Find:

Code: Select all

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

[/i_i]
[i_i]Replace with:

Code: Select all

html, body {
	color: #536482;
	background-color: #000000;
}

[/i_i]
[bbcodet]note:[/bbcodet]
change: [c]#000000;[/c] to what ever hex color you want your background to be, you can also find on this site how to add a background image to it instead!!

[i_i]now open:

Code: Select all

styles/prosilver/template/overall_header.html

[/i_i]
[i_i]Find:

Code: Select all

	<a id="top" name="top" accesskey="t"></a>

[/i_i]
[i_i]Add before:

Code: Select all

    <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" style="direction: {S_CONTENT_DIRECTION}; ">

[/i_i]
[i_i]now open:

Code: Select all

styles/prosilver/template/overall_footer.html

[/i_i]
[i_i]Find:

Code: Select all

</div>

<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

[/i_i]
[i_i]Add before:

Code: Select all

        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>

[/i_i]

and that is all she wrote!
i might end up converting this to MODX, so that is a mod, i seen one liner become mods at phpbb.com, so why not, but i will not post it there myself.