General Testing
test

Join the forum, it's quick and easy

General Testing
test
General Testing
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Glowing Username/Title Example

Go down

Glowing Username/Title Example Empty Glowing Username/Title Example

Post by Ange Tuteur 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.
Ange Tuteur
Ange Tuteur
Administrateur

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

http://help.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum