1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

legend signature?

Discussion in 'Styling and Customization Questions' started by xmlxp, Jul 27, 2011.

  1. xmlxp

    xmlxp Active Member

    how to make simple legend and members username around each members signature?

    somthing same as the attached image
     

    Attached Files:

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit this template:

    Admin CP -> Appearance -> Templates -> message

    Replace this code:

    Code:
    		<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
    			<div class="baseHtml signature ugc"><aside>{xen:raw $message.signatureHtml}</aside></div>
    		</xen:if>
    
    With this:

    Code:
    		<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
    			<div class="signature">
    				<fieldset>
    				<legend>{$message.username}'s Sig:</legend>
    					<div class="baseHtml ugc"><aside>{xen:raw $message.signatureHtml}</aside></div>
    				</fieldset>
    			</div>
    		</xen:if>
    
    Then edit this template:

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .signature fieldset
    {
    	border: #888888 1px solid;
    	border-radius: 4px;
    	padding: 4px;
    }
    
    The result:

    Screen shot 2011-07-27 at 10.40.12 AM.png
     
    CritiKiL and Alien like this.
  3. xmlxp

    xmlxp Active Member

    Thank You jake
     
  4. CritiKiL

    CritiKiL Active Member

    When I add this it looks nice. But there is still the '-------' line which separates the sig area from the post area. How can I make that '-----' line disappear, or change it's color to match the background?
     

    Attached Files:

  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .message .signature
    {
    	border-top: none !important;
    }
    
     
    Brendon Meynell and CritiKiL like this.

Share This Page