Team/Staff Page Templates 1.0

[Paul B]

http://xenforo.com/community/threads/pages.489/

 

[UltimaOX]

I should point out that the avatar code can be replaced with the Xen template syntax as follows:

<xen:avatar user="$user" size="m" />

or

<img src="{xen:helper avatar, $user, m}" />

When I originally put these together I didn't have access to the code/files so wasn't aware of the template syntax.

quick question.

Can you give me a line number to change to this?

I just dont understand what the "avatar code" is and such.

I like the overall idea of this, and adding the

"<xen:avatar user="$user" size="m" />"

seems like a great improvement i just dont know what part of the template to edit.

 

[Business Coach]

is there a way to have it autopopulate all the people from a group, so it grows and shrinks no matter how many are in the group?

 

[Paul B]

These are very basic manual HTML/CSS templates.

You would need an add-on to do that.

 

[Business Coach]

that explains why i couldnt get it to work...lol

 

[ragtek]

Check this add-on http://xenforo.com/community/threads/xenstaff.5072/

 

[Business Coach]

Rag You Rock

 

[Staxed]

I should point out that the avatar code can be replaced with the Xen template syntax as follows:

<xen:avatar user="$user" size="m" />

or

<img src="{xen:helper avatar, $user, m}" />

When I originally put these together I didn't have access to the code/files so wasn't aware of the template syntax.

How exactly do I use this syntax? I've tried multiple ways and can't seem to get it to display the avatar of a specific userID.

<xen:avatar user="$user" size="m" />
<xen:avatar user="$user.1" size="m" />
<xen:avatar user="$user.user_id.1" size="m" />
etc, just can't seem to figure it out...though i'm probably looking right over the answer.

 

[kankan]

Staxed : did you find a solution ?

 

[sybase22]

Mine don't work anybody can help??

 

[Amaury]

@Brogan

Dumb question, I know, but just to make sure I'm understanding right, do I just create new templates and add the contents of each of the files provided?

 

[Amaury]

@Brogan

Dumb question, I know, but just to make sure I'm understanding right, do I just create new templates and add the contents of each of the files provided?

You can ignore this. My co-worker @Nights confirmed this and is working on it.

 

[Amaury]

So the "styles/default/xenforo/avatars/avatar_male_m.png" will have to be replaced with the actual path for user.1 avatar.

Hi, Brogan.

How do I find what the path is?

 

[tajhay]

Hi, Brogan.

How do I find what the path is?

Right Click on avatar, copy Image Url...

 

[Amaury]

Right Click on avatar, copy Image Url...

Thanks for the response.

What if you're using Gravatar? Will that URL also work?

For example: http://www.gravatar.com/avatar/e294...les/default/xenforo/avatars/avatar_male_m.png

 

[tajhay]

Thanks for the response.

What if you're using Gravatar? Will that URL also work?

For example: http://www.gravatar.com/avatar/e29469f30eb1921a1a905acfbc0e0153?s=96&d=http://xenforo.com/community/styles/default/xenforo/avatars/avatar_male_m.png

Yes it will.

 

[Amaury]

Thanks for the help, @tajhay. I got avatars added.

Now, how can I make them 200 x 200? As you can see, they are too small to display everything:

Spoiler: Avatars

Here's the Administrators section of the template, if it's of any help:

<!-- Administrators section -->
    <div class="sectionMain">
        <div class="page_section">
            <h3 class="heading page_header">Administrators</h3>
                <div class="page_memberDetails">
                    <a data-avatarhtml="true" class="avatar Av1s NoOverlay" href="members/5/">
                    <span style="background-image: url('http://www.gravatar.com/avatar/e29469f30eb1921a1a905acfbc0e0153?s=192&d=http%3A%2F%2Fwww.kh-flare.net%2Fstyles%2Fdefault%2Fxenforo%2Favatars%2Favatar_male_l.png');" class="img m"></span></a>
                    <h4 class="username page_memberName"><a title="" href="members/5/" class="username NoOverlay StatusTooltip">Amaury</a></h4>
                </div>
                <div class="page_memberText">
                    I am one of the original staff members still here; my job is to take care of the basic styling of styles.
                    <br><br>
                    I am a pretty friendly guy overall and am always happy to help when I can. I am always available, so if you ever need help with anything or just want to chat, feel free to contact me. I do my best to reply to anything that's sent to me.
                </div>

                <div style="clear:both"></div><br> <!-- This is required between each member entry if there is more than 1 in a section -->

                <div class="page_memberDetails">
                    <a data-avatarhtml="true" class="avatar Av1s NoOverlay" href="members/2/">
                    <span style="background-image: url('http://www.kh-flare.net/data/avatars/l/0/2.jpg?1388696509');" class="img m"></span></a>
                    <h4 class="username page_memberName"><a title="" href="members/2/" class="username NoOverlay StatusTooltip">Nights</a></h4>
                </div>
                <div class="page_memberText">
                    First and foremost, I'm a bonafide brony. I'm really chill and lax. I don't like making a ruckus or fighting. Love and tolerance can only go so far though, and I'm not afraid to drop a banhammer. Don't take that in a threatening tone. I'm peaceful, even when I'm violent.
                </div>

                <div style="clear:both"></div><br> <!-- This is required between each member entry if there is more than 1 in a section -->

                <div class="page_memberDetails">
                    <a data-avatarhtml="true" class="avatar Av1s NoOverlay" href="members/58/">
                    <span style="background-image: url('http://www.kh-flare.net/data/avatars/l/0/58.jpg?1388635030');" class="img m"></span></a>
                    <h4 class="username page_memberName"><a title="" href="members/58/" class="username NoOverlay StatusTooltip">Mike</a></h4>
                </div>
                <div class="page_memberText">
                    I help with technical things around the site and provide advice and/or support when I can. I'm currently a college student working on a Bachelor's degree in Computer Science. I like to code and am learning to develop systems and applications, not exclusively to websites. I'd hopefully like to become something along the lines of a Software Engineer in the future.
                    <br><br>
                    That's about it really in terms of current status in my life. Other hobbies would be gaming, web design, and just learning everything I can about my fields of interest.
                </div>
        </div>
    </div>

 

[tajhay]

class="img m" -> class="img l"

 

[Amaury]

class="img m" -> class="img l"

Really appreciate the help.

 

[Amaury]

Still not done as @Nights is now looking for a way to make usernames and add user titles that update automatically like avatars.

However, the basics are there: http://www.kh-flare.net/pages/staff/

I also still need to add the forums sectional moderators moderate.