• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

How to make the signature zone better

AndreaMarucci

Well-known member
#1
I would like to make the signature zone better on my forum. I've make a mod in my message template that show a row like the one you see in the examples below

Screenshot 2011-03-29 a 14.04.00.jpg Screenshot 2011-03-29 a 14.03.51.jpg

The mod installed in the message template is this one (from xfitalia.it)

Code:
  <!-- Inizio modifica status  e statistiche in firma -->

                <xen:if is="{$visitor.content_show_signature}">
                    <div class="baseHtml signature ugc">
                    <aside>
                        <xen:if is="{$message.status}">
                            <div style="color: #003366";><strong>Sto pensando:</strong> <i>{$message.status}</i></div>
                        </xen:if>
                        <xen:if is="{$message.signature}">
                            <div>{xen:raw $message.signatureHtml}</div>
                        </xen:if>
                    <div style="color: #999592; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif !important";>
                        Messaggi: {$message.message_count} |
                        Piaciuto: {$message.like_count} |
                        Punti: {$message.trophy_points} |
                        Registrato: {xen:date $message.register_date}
                            <xen:if is="{$message.location}">
                                | Scrivo da: {xen:string censor, $message.location}
                            </xen:if>
                    </div>
                    </aside>
                    </div>
                </xen:if>

        <!-- Fine modifica status e statistiche in firma -->
As you can note I've put some styles inside the <div> but the only one executed is the color. I don't know why the font and the dimensions are not kept.

I know that all depends from the signature of the users but I don't want to limit them.

I'm searching for a solution to make this zone look better and help the eye to visually break from the message below. As said I've tried to change the font using the css but with no luck.

Have someone any interesting idea to share or a solution to change the font and the dimensions?

Thanks!
 

EQnoble

Well-known member
#2
I would put all of the CSS changes in the extra css personally but I don't know how that mod works so I don't want to help you and end up harming.

That being said my first instinct would be to change
<div style="color: #999592; ....to.... <div class="your_class"
and then in the EXTRA.css template define the styling for your_class rather than inline.

Extra css pretty much runs on every page load and does not get written over on upgrades so it is way I try and do all my styling. Hopefully that gives you a place to look.