Jump to content
  • 0

Modificare culoare rank forum IPB

Scandura

Asked by Scandura,

 Share

Question

Scandura Newbie

Scandura

Posted
Posted

Salutare,

Am un rank PREMIUM pe forumul meu (IPBoard 4.6) si as vrea sa ii modific culoarea insa mi-as dori ceva mai special. Special in sensul ca as vrea pe langa sclipici sa se schimbe in mai multe culori (rosu, galben, verde, maro, negru etc).

Codul pentru o singura culoare ar fi urmatorul:

<span style="color:#CCFF00 ;background: url(https://forumulmeu.ro/forums/public/style_extra/textspan/background.gif)">

 

 

2 answers to this question

Recommended Posts

  • 0
costikh Rookie

costikh

Posted
Posted (edited)

daca te ajuta : 

<span style="-webkit-background-clip: text;background-image: url(https://i.imgur.com/rnXaW6h.gif),linear-gradient(to right,#0099f7,#f11712);-webkit-text-fill-color: transparent;color: #ff512f;font-weight: 700;">

sau  

<ul class="ipsList_inline ipsList_csv ipsList_noSpacing">
    <li>
        <a href="#" rel=""><i class="fa fa-star fa-spin" style="color:#D50000"></i> <span style="font-weight:bold; color:#D50000; text-shadow: 0px 0px 7px #D50000;">Founder</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-database" style="color:#e32c2b"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(90deg, #D50000, #ef5350); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Administrators</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-cogs" style="color:#FFAD33"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #ff544f, #FFAD33); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Supervizor</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-cog" style="color:#ffb696"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #ff7a95, #ffb696); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Moderators</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-bolt" style="color:#f089e5"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #f089e5, #f56285); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Helper</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-paint-brush" style="color:#ee609c"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #ee609c, #6a14d1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Designer</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-gavel" style="color:#015eea"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #015eea, #00c0fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Server Manager</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-graduation-cap" style="color:#9995ef"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #f8c7d5, #9995ef); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Retired</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-user" style="color:#B9B9B9"></i> <span style="font-weight:bold; color: #B9B9B9;">Members</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-trophy" style="color:#ffd02b"></i> <span style="font-weight:bold; color: #ffd02b; background: url(https://i.imgur.com/djGmM0n.gif)">Premium</span></a>
    </li>
</ul>

 

nu am acces ca sa pot sa le schimb direct si sa vezi rezultatul,sunt foarte faine probeazale

 

 

foloseste direct cu codul :

 

<a href="#" rel=""><i class="fa fa-star fa-spin" style="color:#D50000"></i> <span style="font-weight:bold; color:#D50000; text-shadow: 0px 0px 7px #D50000;">

 

 

Edited by costikh

  • 0
Sebastian C. Veteran

Sebastian C.

Posted
Posted
On 2/8/2022 at 12:43 AM, costikh said:

daca te ajuta : 

<span style="-webkit-background-clip: text;background-image: url(https://i.imgur.com/rnXaW6h.gif),linear-gradient(to right,#0099f7,#f11712);-webkit-text-fill-color: transparent;color: #ff512f;font-weight: 700;">

sau  

<ul class="ipsList_inline ipsList_csv ipsList_noSpacing">
    <li>
        <a href="#" rel=""><i class="fa fa-star fa-spin" style="color:#D50000"></i> <span style="font-weight:bold; color:#D50000; text-shadow: 0px 0px 7px #D50000;">Founder</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-database" style="color:#e32c2b"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(90deg, #D50000, #ef5350); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Administrators</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-cogs" style="color:#FFAD33"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #ff544f, #FFAD33); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Supervizor</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-cog" style="color:#ffb696"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #ff7a95, #ffb696); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Moderators</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-bolt" style="color:#f089e5"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #f089e5, #f56285); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Helper</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-paint-brush" style="color:#ee609c"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #ee609c, #6a14d1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Designer</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-gavel" style="color:#015eea"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(0deg, #015eea, #00c0fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Server Manager</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-graduation-cap" style="color:#9995ef"></i> <span style="font-weight:bold; background: -webkit-linear-gradient(180deg, #f8c7d5, #9995ef); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Retired</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-user" style="color:#B9B9B9"></i> <span style="font-weight:bold; color: #B9B9B9;">Members</span></a>
    </li>
    <li>
        <a href="#" rel=""><i class="fa fa-trophy" style="color:#ffd02b"></i> <span style="font-weight:bold; color: #ffd02b; background: url(https://i.imgur.com/djGmM0n.gif)">Premium</span></a>
    </li>
</ul>

 

nu am acces ca sa pot sa le schimb direct si sa vezi rezultatul,sunt foarte faine probeazale

 

 

foloseste direct cu codul :

 

<a href="#" rel=""><i class="fa fa-star fa-spin" style="color:#D50000"></i> <span style="font-weight:bold; color:#D50000; text-shadow: 0px 0px 7px #D50000;">

 

 

Când mai copiezi cu "inspect element", copiază corect, nu are ce căuta asta în codu de culoare al grupului.

"<a href="#" rel="">"

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.