General Testing
test
General Testing

hello !
 
HomeHome  PortalPortal  CalendarCalendar  GalleryGallery  FAQFAQ  SearchSearch  MemberlistMemberlist  RegisterRegister  Log in  

Share | 
 

 Glowing Username/Title Example

View previous topic View next topic Go down 
AuthorMessage

Ange Tuteur

Ange Tuteur
Administrateur


Country : Glowing Username/Title Example Aflag10
Female
Posts : 420
Reputation : 38

Glowing Username/Title Example Empty
PostSubject:Glowing Username/Title Example   4/7/2013, 06:17

This topic is an example.
Note: Hover effects are unavailable for the username message previews.

Username Example: Ange
Code:
a[href="/u1"], a[href="/u1"] span, a[href="/u1"] span strong {
  color: #A200FF;
  font-weight: bold;
  text-shadow: 0px 0px 6px #B000FF;
  transition: 5s;
}
a[href="/u1"]:hover, a[href="/u1"] span:hover, a[href="/u1"] span strong:hover {
  color: #FF10B2;
  font-weight: bold;
  text-shadow: 0px 0px 6px #FF10B2;
}

Rank Example: L'Ange Sanglant
Code:
.las {
  color: #cc0000;
  font-weight: bold;
  text-shadow: 0px 0px 6px #ff0000;
  transition: 5s;
}
.las:hover {
  color: #000000;
  font-weight: bold;
  text-shadow: 0px 0px 6px #000000;
}

The rank title uses span as its hook for expanded style options:
Code:
<span class="las">L'Ange Sanglant</span>
It also allows you to use those modifications in messages simply by using the span class above however, HTML must be enabled. Example:
I can use this effect in a message, but normally ":hover" cannot be used in inline css styles.

------------
cat
Back to top Go down
View user profile http://help.forumotion.com
 Glowing Username/Title ExampleBack to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
General Testing :: TEST 1 :: TEST 1
Jump to: