General Testing
test

Share
View previous topicGo downView next topic
avatar
Administrateur
Country :
Female
Posts : 419
Reputation : 38
View user profilehttp://help.forumotion.com

Glowing Username/Title Example

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
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum