Add Borders around Profil in viewtopic

[FTH]

Author : FTH aka FranckTH
Description : Add borders around profil in viewtopic_body.html

Open file style/prosilver/theme/stylesheet.css

Find :

Code: Select all

@import url("colours.css");

Add after :

Code: Select all

@import url("profil.css");

Open file style/prosilver/viewtopic_body.html

Find :

Code: Select all

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Replace with :

Code: Select all

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

Find :

Code: Select all

<!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->

Add after :

Code: Select all

<!-- IF postrow.ONLINE_IMG and not postrow.S_IGNORE_POST --><dd><strong>{L_ONLINE}/{L_OFFLINE}:</strong> {postrow.ONLINE_IMG}</dd><!-- ENDIF -->

Find :

Code: Select all

<dl class="postprofile" id="profile{postrow.POST_ID}">
			<dt>

Replace with :

Code: Select all

<dl class="postprofile" id="profile{postrow.POST_ID}">
			<div class="contenu_haut_bloc">
            <div class="contenu_haut-gauche"></div>
            <div class="contenu_haut-centre"></div>
            <div class="contenu_haut-droit"></div>
        </div>
        <div class="contenu_bordure_bloc">
            <div class="contenu_bloc_gauche">
                <div class="contenu_bloc_droit">
                    <div class="contenu_bloc">
			<dt>

Find :

Code: Select all

		</dl>
	<!-- ENDIF -->

		<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Replace with :

Code: Select all

</div> <!-- end post box content -->
                </div> <!-- end post box border right -->
            </div> <!-- end post box border left -->
        </div> <!-- end post box border block -->
        <div class="contenu_base_bloc">
            <div class="contenu_base-gauche"></div>
            <div class="contenu_base-centre"></div>
            <div class="contenu_base-droit"></div>
        </div> <!-- end post box base block -->
		</dl>
	<!-- ENDIF -->

		<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Open file style/prosilver/imageset/en/imageset.cfg

Find :

Code: Select all

img_icon_user_online = icon_user_online.gif*58*58
img_icon_user_offline = 

Replace with :

Code: Select all

img_icon_user_online = icon_user_online.png*16*16
img_icon_user_offline = icon_user_offline.png*16*16

Upload zip file in your root of your board and refresh imageset, style and template via your ACP !!!

prosilver.zip

(8.62 KiB) Downloaded 234 times

Screenshot :

[Galandas]

perfect, a really beautiful effect

[Tigerman75]

This is beautiful Work!!!!
Very thanks FTH

[bennybernaer]

How to do this for 3.1.2?