Nu sunteti conectat. Conectati-va sau inregistrati-va

Adăugatare iconiță awesomefont pentru categorii (toate versiunile)

Logheaza-te ca sa raspunzi!

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

#1mihai 

la data de Vin Dec 29, 2017 11:59 pm


Membru
Membru
Adăugatare iconiță awesomefont (toate versiunile)
Bun găsit,

în tutorialu de astăzi, am să vă învăț cum să punceți o iconiță awesome, deoarece 50% din utilizatorii se inreabă ”Intrebare iconite”, ”cum fac si eu o astfel de iconita”e.t.c.

Panou de Administrare > Afisare > Culori > Foaie de stil CSS, și adăugați acest cod înăuntru:

Cod:Copiaza Cod
 
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.desc-icon {
    background-color: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] !important;
    border-radius: 100px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    color: [Trebuie sa fiti inscris si conectat pentru a vedea acest link];
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: 50px!important;
    margin-right: 15px;
    margin-top: -8px;
    overflow: hidden!important;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    width: 50px;
}
.forabg .row .icon {
    background: none!important;
}

P.S: dacă codu intră peste descriere, sau intră în text: din "margin-left: 50px!important;", înlocuiți cu "margin-left: -50px!important;", până când iese poziționarea corectă.

după în descrierea unui forum, adăugați acest cod:
Cod:Copiaza Cod
<em class="font awesome  desc-icon"></em>

iconițele, se pot prelua după [Trebuie sa fiti inscris si conectat pentru a vedea acest link], căutați în limba engleză.

în cazul, în care nu ați înțeles: trebuie doar să înlocuiți "font awesome", cu un icon, exemplu:
Cod:Copiaza Cod
<em class="fa fa-bug desc-icon"></em> descriere aici
Tutorial scris de Lucifer
Copyright ˆForumgrahicspace Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Numai bine,

Echipa Forumgraphicspace.com

http://http//forumgraphicspace.com
#2Lucifer 

la data de Lun Ian 01, 2018 8:36 pm


Administrator
Administrator
Frumos , multumesc ca ai pastrat drepturile de autor si ca ai postat tutorialul eu unu sincer nu prea aveam timp .

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Logheaza-te ca sa raspunzi!

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum