Page 1 of 1

Add Borders around Profil in viewtopic

Posted: 15 Dec 2011, 21:28
by 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 251 times
Screenshot :
screen.jpg

Add Borders around Profil in viewtopic

Posted: 15 Dec 2011, 21:31
by Galandas
perfect, a really beautiful effect :gp:

Add Borders around Profil in viewtopic

Posted: 16 Dec 2011, 08:52
by Tigerman75
This is beautiful Work!!!!
Very thanks FTH :) ;)

Re: Add Borders around Profil in viewtopic

Posted: 10 Jan 2015, 23:54
by bennybernaer
How to do this for 3.1.2?