Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Mini image by the username
Topic Started: Mar 6 2018, 12:40 PM (184 Views)
shannt10
Member
[ * ]
Is there a code for a small image beside the username?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

For groups:
http://support.zathyus.com/topic/5038865/

(adapted from http://support.zathyus.com/topic/5118605/ )
For each individual member name, add the following code to your CSS:

Code:
 

a.member[href="http://s#.zetaboards.com/BOARDNAME/profile/#####/"] {
background: url(http://IMAGE URL HERE) no-repeat;
padding-left:20px;
padding-right:20px;
}


Edit in your board URL information with the member ID number (found at the end of profile page URL)
Edit in your hosted image URL

Edit padding to be equal to width of your image plus about 5px.
If image is cut off at the bottom, adjust bottom padding by adding this line and change pixel distance as needed:

padding-bottom:20px!important;


Alternately, you can list the padding in one line:
padding: 0 15px 25px 20px;

( padding order is: top - right - bottom - left)


To add the individual member icon for all themes, see my next reply below.
Offline Profile Quote Post Goto Top
 
shannt10
Member
[ * ]
Works perfect, thank you!
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Forgot to mention, to affect all themes, wrap the code in style tags and put in the Javascripts section of your board template:

Code:
 
<style type="text/css" >
a.member[href="http://s#.zetaboards.com/BOARDNAME/profile/#####/"] {
background: url(http://IMAGE URL HERE) no-repeat;
padding-left:20px;
padding-right:20px;
}
</style>
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply