General Testing
test

Glowing Username/Title Example

View previous topic View next topic Go down

Glowing Username/Title Example

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

Country :
Female
Posts : 416
Reputation : 32

View user profile http://help.forumotion.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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