mihai OnlineOffline
Reputaţie mesaje: 100% (1 voturi)
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
Sus In joshttp://http//forumgraphicspace.com
Lucifer OnlineOffline
Frumos , multumesc ca ai pastrat drepturile de autor si ca ai postat tutorialul eu unu sincer nu prea aveam timp .
Sus In jos
 
Adăugatare iconiță awesomefont pentru categorii (toate versiunile)
Vezi subiectul anterior Vezi subiectul urmator Sus 
Pagina 1 din 1