Page 1 of 1

Bottom Aligned Signature

Posted: 26 Jul 2011, 22:23
by Stoker
Bottom Aligned Signature
Written by Stoker

Learn how to align the signatures to the bottom.

First Version

Prosilver
Open styles/yourstyle/template/viewtopic_body.html
Find:

Code: Select all

<div class="content">{postrow.MESSAGE}</div>
Replace with:

Code: Select all

<div class="content" style="min-height:170px;">{postrow.MESSAGE}</div>
Subsilver2
Open styles/yourstyle/template/viewtopic_body.html
Find:

Code: Select all

<div class="postbody">{postrow.MESSAGE}</div>
Replace with:

Code: Select all

<div class="postbody" style="min-height:170px;">{postrow.MESSAGE}</div>
About the min-height:
The min-height can be different depending on how many custom profile fields you have.
You dont want the min-height too heigh because your posts will fill up more space.
Change it to what you prefer.

Improved Version

This is the new improved version for prosilver.
Instead of using a min height for the message field, we set a height for the signature.
Then we us margin and IF statements to place the signature at the bottom of the message field.

Open styles/prosilver/theme/content.css
Find:

Code: Select all

.signature {
Add after:

Code: Select all

height: 60px;
Open styles/prosilver/template/viewtopic_body.html
Find:

Code: Select all

<div class="postbody">
Replace with:

Code: Select all

<div class="postbody"<!-- IF postrow.SIGNATURE --> style="margin-bottom:80px;"<!-- ENDIF -->>
Find and delete:

Code: Select all

<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
Find:

Code: Select all

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

Code: Select all

<!-- IF postrow.SIGNATURE --><div class="postbody" style="margin-top:-80px;"><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div></div><!-- ENDIF -->
Thats it. Upload and refresh theme and template in ACP!

Note that the height we set in the css file limits the signature height.
Therefore you may have to tweak this to suit your board best

Bottom Aligned Signature

Posted: 23 Jun 2012, 17:34
by Stoker
Updated with improved code

Demo for improved version in this post.
Check my signature in the bottom.

Bottom Aligned Signature

Posted: 23 Jun 2012, 17:52
by Solidjeuh
Yessss thank you so much Stoker!
This finaly works great with the phpbb forumshop! :D

I just had to change height: 60px; into height: 150px;

Bottom Aligned Signature

Posted: 12 May 2013, 03:27
by Solidjeuh
Can I have a little help here?
I can't find the edits in viewtopic_body.html

Theme= Absolution: https://www.phpbb.com/customise/db/style/absolution/

Template:

Code: Select all

<!-- INCLUDE overall_header.html -->
<h2><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>
<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->

<!-- IF MODERATORS -->
<p>
	<strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}
</p>
<!-- ENDIF -->

<!-- IF S_FORUM_RULES -->
	<div class="rules">
		<!-- IF U_FORUM_RULES -->
			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3>
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>
<!-- ENDIF -->
<br />
<iframe src="//www.facebook.com/plugins/like.php?href={U_FB}&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=70&appId=572596702760640" scrolling="no" frameborder="0" style="margin-bottom:4px;border:none; overflow:hidden; width:450px; height:70px;" allowTransparency="true"></iframe>
<div class="topic-actions">
	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
		<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" title="{L_POST_TOPIC}"><span></span>{L_POST_TOPIC}</a></div>		
	<!-- ENDIF -->
	</div>

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="get" id="topic-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				{S_SEARCH_LOCAL_HIDDEN_FIELDS}
			</fieldset>
			</form>
		</div>
	<!-- ENDIF -->
    
   

	<!-- IF PAGINATION or TOTAL_POSTS -->
		<div class="pagination">
			<!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --><a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->{TOTAL_POSTS}
			<!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
		</div>
	<!-- ENDIF -->
</div>
 <div style="clear: both;"></div>
 
 <br />

<!-- IF S_HAS_POLL -->
<form method="post" action="{S_POLL_ACTION}">
<div class="vt-box">
<div style="padding: 10px;">

		<div class="content">
			<div class="stat-info poll-question" style="background-image: url('{T_THEME_PATH}/images/statistics.png');">{POLL_QUESTION}</div>
			<p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE -->{L_MAX_VOTES}<!-- ENDIF --></p>

			<fieldset class="polls">
			<!-- BEGIN poll_option -->
				<dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF -->>
					<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
					<!-- IF S_CAN_VOTE --><dd style="width: auto;"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
					<!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT};">{poll_option.POLL_OPTION_RESULT}</div></dd>
					<dd><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
				</dl>
			<!-- END poll_option -->

			<!-- IF S_DISPLAY_RESULTS -->
				<dl>
					<dt>&nbsp;</dt>
					<dd class="resultbar">{L_TOTAL_VOTES} : {TOTAL_VOTES}</dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF S_CAN_VOTE -->
				<dl style="border-top: none;">
					<dt>&nbsp;</dt>
					<dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF not S_DISPLAY_RESULTS -->
				<dl style="border-top: none;">
					<dt>&nbsp;</dt>
					<dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
				</dl>
			<!-- ENDIF -->
			</fieldset>
		</div>

</div> <!-- /padding div (to keep IE happy) -->
</div> <!-- /vt-box -->
<div class="vt-seperator"></div>
		{S_FORM_TOKEN}
		{S_HIDDEN_FIELDS}
	</form>
	<hr />
<!-- ENDIF -->

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
    	

		<!-- IF postrow.S_IGNORE_POST -->
			<div class="ignore">{postrow.L_IGNORE_POST}</div>
        <!-- ELSE -->       
        	<div class="vtouter<!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->" id="p{postrow.POST_ID}">
            	<div class="vtinner">
                	<div class="vtdatebar">
                    	<div class="floatleft">
                        	<h3 class="vtsubject mp<!-- IF postrow.S_ONLINE --> user-online<!-- ELSE --> user-offline<!-- ENDIF -->"><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
                        </div>
                        <div class="floatright">
                        	<span class="vtdate"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --> {postrow.POST_DATE}</span>
                        </div>
                        <div style="clear: both;"></div>
                    </div>
                    
                    <div class="vtprofilepanel">
                    	<div style="text-align: center;">
                        	<span class="vtusername">{postrow.POST_AUTHOR_FULL}</span>
                            <!-- IF postrow.POSTER_AVATAR -->
                            	<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
                            <!-- ENDIF -->
                            <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->							
                            	<span class="ranktitle">{postrow.RANK_TITLE}</span><!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->
                                {postrow.RANK_IMG}
                            <!-- ENDIF -->
                                
                            
                        </div>
                        <br />
                        <div class="vtprofileinfo">
                            
                            <!-- IF postrow.POSTER_POSTS != '' --><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}<br /><!-- ENDIF -->
                            <!-- IF postrow.POSTER_TOPICS --><strong>{L_TOPICS}:</strong> {postrow.POSTER_TOPICS}<br /><!-- ENDIF -->
                            <!-- IF postrow.POSTER_FROM --><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}<br /><!-- ENDIF --> 
                            <!-- IF postrow.POSTER_AGE --><strong>{L_AGE}:</strong> {postrow.POSTER_AGE}<br /><!-- ENDIF -->							
                            
                            <!-- IF postrow.S_PROFILE_FIELD1 -->
                                <!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
                                <strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}<br />
                            <!-- ENDIF -->
                    
                            <!-- BEGIN custom_fields -->
                                <strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}<br />
                            <!-- END custom_fields -->
                                                     
                    
                            <!-- IF not S_IS_BOT -->
                            <!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
                    		<br />
                                    <ul class="profile-icons">
                                        <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
                                    </ul>
                    
                            <!-- ENDIF -->
                            <!-- ENDIF -->
                                                                                                                     
                        </div>
                    </div>
                    
                    
                    <div class="vtcontent">
                    	
                        <div class="vtcontrolbuttons">
                            <!-- IF not S_IS_BOT -->
                                <!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->
                                    <ul class="profile-icons">
					<!-- Share_On_2.1.0_MOD -->
					<!-- IF postrow.S_SO_POSITION eq 1 -->
						<!-- IF postrow.S_SO_STATUS and postrow.S_FIRST_ROW -->
							<!-- IF postrow.S_SO_FACEBOOK --><li class="facebook-icon"><a href="{postrow.U_FACEBOOK}" title="{L_SHARE_ON_FACEBOOK}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_FACEBOOK}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_TWITTER --><li class="twitter-icon"><a href="{postrow.U_TWITTER}" title="{L_SHARE_ON_TWITTER}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_TWITTER}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_TUENTI --><li class="tuenti-icon"><a href="{postrow.U_TUENTI}" title="{L_SHARE_ON_TUENTI}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_TUENTI}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_SONICO --><li class="sonico-icon"><a href="{postrow.U_SONICO}" title="{L_SHARE_ON_SONICO}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_SONICO}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_FRIENDFEED --><li class="friendfeed-icon"><a href="{postrow.U_FRIENDFEED}" title="{L_SHARE_ON_FRIENDFEED}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_FRIENDFEED}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_ORKUT --><li class="orkut-icon"><a href="javascript:(function(){var d=document,l=d.location,e=encodeURIComponent,u='http://promote.orkut.com/preview?src=bkmrklt&v=1&nt=orkut.com&du='+e(l.href)+'&tt='+e(d.title),s='&rdrinl=1';if(!window.open(u,'','height=575,width=700,directories=0,location=1,menubar=0,resizable=0,scrollbars=1,status=1,toolbar=0'))l.href=u+s;})();" title="{L_SHARE_ON_ORKUT}"><span>{L_SHARE_ON_ORKUT}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_DIGG --><li class="digg-icon"><a href="{postrow.U_DIGG}" title="{L_SHARE_ON_DIGG}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_DIGG}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_MYSPACE --><li class="myspace-icon"><a href="{postrow.U_MYSPACE}" title="{L_SHARE_ON_MYSPACE}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_MYSPACE}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_DELICIOUS --><li class="delicious-icon"><a href="{postrow.U_DELICIOUS}" title="{L_SHARE_ON_DELICIOUS}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_DELICIOUS}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_TECHNORATI --><li class="technorati-icon"><a href="{postrow.U_TECHNORATI}" title="{L_SHARE_ON_TECHNORATI}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_TECHNORATI}</span></a></li><!-- ENDIF -->
                            <li style="margin-top: 3px;"><g:plusone href="{postrow.U_GOOGLE_PLUS}" size="small" annotation="bubble"></g:plusone></li>							
							<!-- IF postrow.S_SO_TUMBLR --><li class="tumblr-icon"><a href="{postrow.U_TUMBLR}" title="{L_SHARE_ON_TUMBLR}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_TUMBLR}</span></a></li><!-- ENDIF -->
							<!-- IF postrow.S_SO_GOOGLE --><li class="google-icon"><a href="{postrow.U_GOOGLE}" title="{L_SHARE_ON_GOOGLE}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_GOOGLE}</span></a></li><!-- ENDIF -->
						<!-- ENDIF -->
					<!-- ENDIF -->
					<!-- Share_On_2.1.0_MOD -->									
                                        <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a>&nbsp;</li><!-- ENDIF -->
                                        <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                                        <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                                    </ul>
                                <!-- ENDIF -->
                            <!-- ENDIF -->                        	
                        </div>
                        
                        <div style="clear: both;"></div>
                        
                        <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
                            <p class="rules">
                                <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->
                                <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
                            </p>
                        <!-- ENDIF -->
            
                        <div class="content" id="postdiv{postrow.POST_ID}">{postrow.MESSAGE}</div>
            
                        <!-- IF postrow.S_HAS_ATTACHMENTS -->
                            <dl class="attachbox">
                                <dt>{L_ATTACHMENTS}</dt>
                                <!-- BEGIN attachment -->
                                    <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
                                <!-- END attachment -->
                            </dl>
                        <!-- ENDIF -->
            
                        <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
                        <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
                            <div class="notice">{postrow.EDITED_MESSAGE}
                                <!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
                            </div>
                        <!-- ENDIF -->
            
                        <!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
                        <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->                     
                    </div>
                    
                    <div style="clear: both;"></div>
                	

                </div>
            </div>
            <br /> <!-- our cutting-edge spacer -->
        <!-- ENDIF -->

	<!-- Share_On_2.1.0_MOD -->
	<!-- IF postrow.S_SO_POSITION eq 0 -->
		<!-- IF postrow.S_SO_STATUS and postrow.S_FIRST_ROW -->
			<div class="panel">
				<div class="inner">
					<span class="corners-top"><span></span></span>
					<h3>{L_SO_SELECT}</h3>
					<table width="100%">
						<tr>
							<!-- IF postrow.S_SO_FACEBOOK --><td align="right"><a href="{postrow.U_FACEBOOK}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_FACEBOOK}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_facebook.png" alt="{L_SHARE_ON_FACEBOOK}" /></a></td>
							<td><a href="{postrow.U_FACEBOOK}" onclick="window.open(this.href);return false;">{L_SO_FACEBOOK}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_TWITTER --><td align="right"><a href="{postrow.U_TWITTER}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_TWITTER}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_twitter.png" alt="{L_SHARE_ON_TWITTER}" /></a></td>
							<td><a href="{postrow.U_TWITTER}" onclick="window.open(this.href);return false;">{L_SO_TWITTER}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_TUENTI --><td align="right"><a href="{postrow.U_TUENTI}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_TUENTI}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_tuenti.png" alt="{L_SHARE_ON_TUENTI}" /></a></td>
							<td><a href="{postrow.U_TUENTI}" onclick="window.open(this.href);return false;">{L_SO_TUENTI}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_SONICO --><td align="right"><a href="{postrow.U_SONICO}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_SONICO}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_sonico.png" alt="{L_SHARE_ON_SONICO}" /></a></td>
							<td><a href="{postrow.U_SONICO}" onclick="window.open(this.href);return false;">{L_SO_SONICO}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_FRIENDFEED --><td align="right"><a href="{postrow.U_FRIENDFEED}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_FRIENDFEED}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_friendfeed.png" alt="{L_SHARE_ON_FRIENDFEED}" /></a></td>
							<td><a href="{postrow.U_FRIENDFEED}" onclick="window.open(this.href);return false;">{L_SO_FRIENDFEED}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_ORKUT --><td align="right"><a title="{L_SHARE_ON_ORKUT}" href="javascript:(function(){var d=document,l=d.location,e=encodeURIComponent,u='http://promote.orkut.com/preview?src=bkmrklt&v=1&nt=orkut.com&du='+e(l.href)+'&tt='+e(d.title),s='&rdrinl=1';if(!window.open(u,'','height=575,width=700,directories=0,location=1,menubar=0,resizable=0,scrollbars=1,status=1,toolbar=0'))l.href=u+s;})();" ><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_orkut.gif" alt="{L_SHARE_ON_ORKUT}" /></a></td>
							<td><a href="javascript:(function(){var d=document,l=d.location,e=encodeURIComponent,u='http://promote.orkut.com/preview?src=bkmrklt&v=1&nt=orkut.com&du='+e(l.href)+'&tt='+e(d.title),s='&rdrinl=1';if(!window.open(u,'','height=575,width=700,directories=0,location=1,menubar=0,resizable=0,scrollbars=1,status=1,toolbar=0'))l.href=u+s;})();">{L_SO_ORKUT}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_DIGG --><td align="right"><a href="{postrow.U_DIGG}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_DIGG}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_digg.gif" alt="{L_SHARE_ON_DIGG}" /></a></td>
							<td><a href="{postrow.U_DIGG}" onclick="window.open(this.href);return false;">{L_SO_DIGG}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_MYSPACE --><td align="right"><a href="{postrow.U_MYSPACE}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_MYSPACE}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_myspace.png" alt="{L_SHARE_ON_MYSPACE}" /></a></td>
							<td><a href="{postrow.U_MYSPACE}" onclick="window.open(this.href);return false;">{L_SO_MYSPACE}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_DELICIOUS --><td align="right"><a href="{postrow.U_DELICIOUS}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_DELICIOUS}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_delicious.gif" alt="{L_SHARE_ON_DELICIOUS}" /></a></td>
							<td><a href="{postrow.U_DELICIOUS}" onclick="window.open(this.href);return false;">{L_SO_DELICIOUS}</a></td> <!-- ENDIF -->

							<!-- IF postrow.S_SO_TECHNORATI --><td align="right"><a href="{postrow.U_TECHNORATI}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_TECHNORATI}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_technorati.png" alt="{L_SHARE_ON_TECHNORATI}" /></a></td>
							<td><a href="{postrow.U_TECHNORATI}" onclick="window.open(this.href);return false;">{L_SO_TECHNORATI}</a></td>	<!-- ENDIF -->

							<!-- IF postrow.S_SO_TUMBLR --><td align="right"><a href="{postrow.U_TUMBLR}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_TUMBLR}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_tumblr.png" alt="{L_SHARE_ON_TUMBLR}" /></a></td>
							<td><a href="{postrow.U_TUMBLR}" onclick="window.open(this.href);return false;">{L_SO_TUMBLR}</a></td><!-- ENDIF -->
							
							<!-- IF postrow.S_SO_GOOGLE --><td align="right"><a href="{postrow.U_GOOGLE}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_GOOGLE}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_google.gif" alt="{L_SHARE_ON_GOOGLE}"/></a></td>
							<td><a href="{postrow.U_GOOGLE}" onclick="window.open(this.href);return false;">{L_SO_GOOGLE}</a></td><!-- ENDIF -->
                            <td>
                            <g:plusone href="{postrow.U_GOOGLE_PLUS}" size="medium" annotation="bubble"></g:plusone>
                            </td>							
						</tr>   			
					</table>
					<span class="corners-bottom"><span></span></span>
				</div>
			</div>
		<!-- ENDIF -->
	<!-- ENDIF -->
	<!-- Share_On_2.1.0_MOD -->		
<!-- END postrow -->
<!-- IF S_QUICK_REPLY -->
	<!-- INCLUDE quickreply_editor.html -->
<!-- ENDIF -->
<!-- IF S_NUM_POSTS > 1 or PREVIOUS_PAGE -->
	<form id="viewtopic" method="post" action="{S_TOPIC_ACTION}">

	<fieldset class="display-options" style="margin-top: 0; ">
		<!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
		<!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
		<label>{L_DISPLAY_POSTS}: {S_SELECT_SORT_DAYS}</label>
		<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label> <label>{S_SELECT_SORT_DIR} <input type="submit" name="sort" value="{L_GO}" class="button2" /></label>
		<!-- ENDIF -->
	</fieldset>

	</form>
	<hr />
<!-- ENDIF -->

<div class="topic-actions">
	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
		<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" title="{L_POST_TOPIC}"><span></span>{L_POST_TOPIC}</a></div>		
	<!-- ENDIF -->
	</div>


		<div class="pagination">
			<!-- IF not S_IS_BOT -->
				<!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a> | <!-- ENDIF -->
				<!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a> | <!-- ENDIF -->
				<!-- IF U_BUMP_TOPIC --><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a> | <!-- ENDIF -->
		<!-- ENDIF -->
        <!-- IF PAGINATION or TOTAL_POSTS -->
{TOTAL_POSTS}
			<!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
		</div>
	<!-- ENDIF -->
</div>
<br />
<iframe src="//www.facebook.com/plugins/like.php?href={U_FB}&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=70&appId=572596702760640" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:70px;" allowTransparency="true"></iframe>
<!-- INCLUDE jumpbox.html -->

<!-- IF S_TOPIC_MOD -->
	<form method="post" action="{S_MOD_ACTION}">
	<fieldset class="quickmod">
		<label for="quick-mod-select">{L_QUICK_MOD}:</label> {S_TOPIC_MOD} <input type="submit" value="{L_GO}" class="button2" />
		{S_FORM_TOKEN}
	</fieldset>
	</form>
    <div style="clear: both;"></div>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
	<p>{LOGGED_IN_USER_LIST}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->

Bottom Aligned Signature

Posted: 12 May 2013, 22:06
by Stoker
Ill take a look tomorrow.

Bottom Aligned Signature

Posted: 13 May 2013, 14:28
by Stoker
Absolution viewtopic_body.html edits.

Find:

Code: Select all

<div class="vtcontent">
Replace with:

Code: Select all

<div class="vtcontent"<!-- IF postrow.SIGNATURE --> style="margin-bottom:80px;"<!-- ENDIF -->>
Find:

Code: Select all

<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->                     
                    </div>
Replace with:

Code: Select all

</div>
<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->

Bottom Aligned Signature

Posted: 13 May 2013, 19:13
by Solidjeuh
Perfect!
Even better then on other styles! :D

Thank you!
Screenshot_1.png