CSS For Profile Link (Username), Profile Pic, etc by Member

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: Javascript FAQ ::: CSS For Profile Link (Username), Profile Pic, etc by Member

Topic: CSS For Profile Link (Username), Profile Pic, etc by Member

(?)

ezNutrocker

EzNutz
Posts: 86

Posted: 6/12/05 3:38 pm

CSS For Profile Link (Username), Profile Pic, etc by Member

Summary: Adds a class to the "user" portion of a post, by userlevel.

MEMBER LEVEL

 
 Member<a name="userclass" class="memberlevel"></a>

Example of setting the class for a user level.

HEAD (box #1):

 
<style type="text/css">
.memberlevel span.title a { font-size: 20px; color: #ff0000; }
.modlevel span.title a { font-size: 30px; color: #0000ff; }
</style>

In this example of CSS to style the user area, we change the user profile link for users of "memberlevel" and "modlevel".

FOOTER (box #4):

 
<script type="text/javascript">
/* CHANGE PROFILE LINKS FOR SPECIFIC USER CLASSES */
uc = document.getElementsByName("userclass");
for ( ux=0; ux < uc.length; ux++ ) {
        uc[ux].parentNode.parentNode.className += " " + uc[ux].className;
        }
/* END CHANGE PROFILE LINKS FOR SPECIFIC USER CLASSES */
</script>

History:
6/11/2003 - written by phalen180

Credits:
written by phalen180
requested by Acky12 and others

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - Javascript FAQ -

ezboard Help Communities:

Help Forums Bug Base