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

Customize the "Sign Up" button area.

Discussion in 'Styling and Customization Questions' started by Pro, Aug 31, 2011.

  1. Pro

    Pro Active Member

    Looking to customize the "Sign Up" area to be more attractive.

    signup.jpg

    I love what the admin of PetForum.co.uk did (he's a member of this site). Greg I think it is.. I contacted him a few times, but never got a response.

    petforum.jpg

    So I was hoping someone could tell me the easiest way to edit the area.. I tried messing around in the template for a while, but just couldn't seem to figure it out.

    I think this makes all the difference to new registrations.

    EDIT: Whoops, found this after about the 8th page in search.. Sorry.
    http://xenforo.com/community/threads/add-a-welcome-message-above-sign-up-button.8451/
     
    erich37 likes this.
  2. Veer

    Veer Well-Known Member

    yeah it looks nice, I also look forward to it.
     
  3. ragtek

    ragtek Guest

    template: sidebar_visitor_panel

    Include here
    Code:
    <div class="section loginButton">
        <div class="secondaryContent">
            <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
        </div>
    </div>
    the text you want;)
     
  4. erich37

    erich37 Well-Known Member

    how to make it exactly as petforum.co.uk has it? So that there are 2 buttons - one button to go to the registration-page directly and another button going to a defined thread or page ?

    Thanks!
     
  5. Pro

    Pro Active Member

    That's what I want to know. I assume you can just get rid of the sign up button and add in two of your own images, but not sure.
     
  6. Trombones13

    Trombones13 Well-Known Member

    I added buttons to a custom sidebar block and I think it may be what you're looking for (find the SignupButton part in the template):
    Code:
    <xen:edithint template="sidebar.css" />
    
    <xen:if hascontent="true">
        <!-- block: sidebar_online_staff -->
        <div class="section staffOnline avatarList">
            <div class="secondaryContent">
                <h3>{xen:phrase staff_online_now}</h3>
                <ul>
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                                <li>
                                    <xen:avatar user="$user" size="s" img="true" />
                                    <xen:username user="$user" rich="true" />
                                    <div class="userTitle">{xen:helper userTitle, $user}</div>
                                </li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
            </div>
        </div>
        <!-- end block: sidebar_online_staff -->
    </xen:if>
    
    <xen:if hascontent="true">
        <!-- block: sidebar_online_staff -->
        <div class="section staffOnline avatarList">
            <div class="secondaryContent">
                <h3>DJs On Duty</h3>
                <ul>
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{xen:helper ismemberof, $user, 3} OR {xen:helper ismemberof, $user, 5}">
                                <xen:if is="{$user.user_id}!=17">
                                    <li>
                                        <xen:avatar user="$user" size="s" img="true" />
                                        <xen:username user="$user" rich="true" />
                                            <div class="userTitle"><a href="http://twitter.com/{xen:helper twitter, $user}">@{xen:helper twitter, $user}</a></div>
                                    </li>
                                </xen:if>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
    <div align="center" style="min-height:35px">
            <label for="LoginControl" id="SignupButton" style="float:left; margin:0"><a href="http://thevoiceradio.xenxero.com/" target="_blank" class="inner">{xen:phrase kurt_listen}</a></label><label for="LoginControl" id="SignupButton" style="float:right; margin:0"><a href="https://twitter.com/intent/tweet?text=%40voicerequests+I+want+to+hear+&#91;SONG&#93;+by+&#91;ARTIST&#93;%21&original_referer=http://www.voiceradio.us/" class="inner">{xen:phrase kurt_request}</a></label>
    </div>
            </div>
        </div>
        <!-- end block: sidebar_online_staff -->
    </xen:if>
    
    <!-- block: sidebar_online_users -->
    <div class="section membersOnline userList">
        <div class="secondaryContent">
            <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
    
            <xen:if is="{$onlineUsers.records}">
    
                <xen:if is="{$visitor.user_id}">
                    <xen:if hascontent="true">
                    <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                    <ul class="followedOnline">
                        <xen:contentcheck>
                            <xen:foreach loop="$onlineUsers.records" value="$user">
                                <xen:if is="{$user.followed}">
                                    <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                                </xen:if>
                            </xen:foreach>
                        </xen:contentcheck>
                    </ul>
                    <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
                    </xen:if>
                </xen:if>
    
                <ol class="listInline">
                    <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                        <xen:if is="{$i} <= {$onlineUsers.limit}">
                            <li>
                            <xen:if is="{$user.user_id}">
                                <xen:avatar user="$user" size="s" class="Tooltip" data-offsetX="7" data-offsetY="-30" img="true" title="{$user.username}" />
                            <xen:else />
                                {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                            </xen:if>
                            </li>
                        </xen:if>
                    </xen:foreach>
                    <xen:if is="{$onlineUsers.recordsUnseen}">
                        <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                    </xen:if>
                </ol>
            </xen:if>
    
            <div class="footnote">
                {xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}
            </div>
        </div>
    </div>
    <!-- end block: sidebar_online_users -->
    I'm off to class, but let me know if you need more information and I'll be back to respond in a couple hours. :) My site is here if you want to take a look--the buttons are in the DJs on Duty block.
     
    ArnyVee likes this.
  7. Pro

    Pro Active Member

    Your buttons are messed up for me.

    I did everything with images... zz...

    new.jpg

    I'll post my simple codes if anyone needs them.
     
    Veer and ArnyVee like this.
  8. Trombones13

    Trombones13 Well-Known Member

    :eek: What's messed up about them? Could you post a screenshot and/or let me know which browser you're using?

    Looks like you got it, though. (y)
     
  9. Pro

    Pro Active Member

    I don't see any DJ's on Duty so I can't take a screenshot, but i'll keep checking the site so I can show you. Using firefox, haven't checked in chrome.. but will try that as well.

    Very nice design though btw, it is very clean and to the point. Actually has me wanting to listen in haha.. and no other radio sites do that to me.
     
    Trombones13 likes this.
  10. Pro

    Pro Active Member

    buttons.jpg

    maybe it's just me.. site still looks great though.
     
  11. Thom Tyler

    Thom Tyler Well-Known Member

    Is this still working fine on 1.1.1 - just im wanting to put my sign up button in a container too, so it matches the rest of the sidebar.

    Cheers
     

Share This Page