Stars Rank

View previous topic View next topic Go down

Stars Rank

Post by Matti on Mon Dec 15, 2014 10:15 pm

Code:
<span style="background:#4e7ca0;" class="ipsBadge1"><span class="s_0">★ ★ ★ ★ ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ <span class="s_1">★ ★ ★ ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ <span class="s_2">★ ★ ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★<span class="s_1"> ★ ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★<span class="s_1"> ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★</span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★ ★<span class="s_1"> ★ ★ ★ ★</span></span> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★ ★ ★<span class="s_1"> ★ ★ ★</span></span><br /><br /> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★ ★ ★ ★<span class="s_1"> ★ ★</span></span><br /><br /> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★ ★ ★ ★ ★<span class="s_1"> ★</span></span><br /><br /> <span style="background:#4e7ca0;" class="ipsBadge1">★ ★ ★ ★ ★ ★ ★ ★ ★ ★</span>  <style>
/* CSS For Post Buttons
---------------------------------------- */
.ipsBadge1 {
    background-image: url("http://www.maxcheaters.com/public/style_images/mxctheme/highlight.png");
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.76) inset;
    font-family: Verdana!important;
}
.s_0 {
    opacity: 0.5;
}
.s_1 {
    opacity: 0.5;
}
.s_2 {
    opacity: 0.5;
}
.s_3 {
    opacity: 0.5;
}
.s_4 {
    opacity: 0.5;
}
.s_5 {
    opacity: 0.5;
}
.s_6 {
    opacity: 0.5;
}
.s_7 {
    opacity: 0.5;
}
.s_8 {
    opacity: 0.5;
}
.s_9 {
    opacity: 0.5;
}
</style>

_________________
USEFUL LINKS
- Forum Rules and Guidelines
- News and Announcements



- Introduce Yourself!
- General Discussion


- HTML Forum
- CSS Forum


+ rep me if you like my post.
The more reps I have, the more I can help. Wink

avatarOnlineOffline
Matti
Administrator
Administrator

Posts : 437
Points : 719
Reputation : 80

View user profile http://www.thedesignforums.net

Back to top Go down

Re: Stars Rank

Post by Matti on Thu Feb 05, 2015 6:40 pm

Code:

.bbBtn {
    background: url("http://i38.servimg.com/u/f38/14/65/46/14/new110.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 28px;
    margin: 0 0.5em 0.5em;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    vertical-align: middle;
    width: 34px;
}
.bbBtn-pink1 {
    background: url("http://i38.servimg.com/u/f38/14/65/46/14/old110.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ik {
    font-size: 14px;
    position: relative;
    top: 8px;
}

_________________
USEFUL LINKS
- Forum Rules and Guidelines
- News and Announcements



- Introduce Yourself!
- General Discussion


- HTML Forum
- CSS Forum


+ rep me if you like my post.
The more reps I have, the more I can help. Wink

avatarOnlineOffline
Matti
Administrator
Administrator

Posts : 437
Points : 719
Reputation : 80

View user profile http://www.thedesignforums.net

Back to top Go down

Re: Stars Rank

Post by Matti on Thu Feb 05, 2015 6:41 pm

Code:
<a class="bbBtn bbBtn-pink bbBtn-gradient" href="#"><em class="fa fa-bullhorn ik"></em></a>                    <a class="bbBtn bbBtn-pink1 bbBtn-gradient" href="#"><em class="fa fa-bullhorn ik"></em></a>                    <a class="bbBtn bbBtn-pink bbBtn-gradient" href="#"><em class="fa fa-heart ik"></em></a>

_________________
USEFUL LINKS
- Forum Rules and Guidelines
- News and Announcements



- Introduce Yourself!
- General Discussion


- HTML Forum
- CSS Forum


+ rep me if you like my post.
The more reps I have, the more I can help. Wink

avatarOnlineOffline
Matti
Administrator
Administrator

Posts : 437
Points : 719
Reputation : 80

View user profile http://www.thedesignforums.net

Back to top Go down

Re: Stars Rank

Post by Sponsored content

OnlineOffline
Sponsored content


Back to top Go down

View previous topic View next topic Back to top


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