icon rotund fontawesome

se poate să împrumut și eu codurile rotunde de la iconițele font awesome, sau și aceste „coduri” au copyright pe ele?

De ce trebuie sa le imprumutati,cand va puteti face chiar singur.
Va putem indruma

Cod:

<div id="circle1" class="circle">font aici</div>

cod css

Cod:

#circle1 {
    width:50px;
    height: 50px;
    background: green;
}
.circle {
    border-radius: 50%;
    display: inline-block;
    margin: 4px;
}


Mihai cred ca te referi la iconitele de la Categorii nu ?

Cod CSS :

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: #2d79da !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: #fff;
    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;
}

Si adauga in descrierea unui forum :

Cod:

<em class="font awesome  desc-icon"></em>

PS: Nu se baga in fata la nimeni (la text ma refer) doar amplasezi codul si aia e .


Numai bine .

nu s-a pus cum trebuie...

Pai tu trebuie sa modifici de la

Cod:

.desc-icon {

doar :

Cod:

margin-left: 50px!important;

Nota : 50px se poate modifica dupa bunul plac astfel se obtine pozitia dorita . In general era 55 - 60 acum modifica si spunemi ce s-a intamplat.


Edit :

Modifica vechiul css dat de mine mai sus care contine .desc-ion { :

Cod:

.desc-icon {
    background-color: #2d79da !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: #fff;
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: 35px!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;
}

am modificat, tot așa arată...

I-a codul de mai sus am dat edit .

nu merge..

Eliminati

Cod:

 margin-left: 50px!important;

Important
Margin (magine)
left (stanga)
px (pixeli)
margin-left: 50px (distanta de 50 pixeli din partea stanga fata de locul unde este adaugat)
Puteti modifica si cu minus - sau cu margin-right care reprezinta distanta din partea dreapta.
In caz contrar adaugati float: left;

l-am rezolvat singur, am făcut așa

Cod:

margin-left: -35px!important;