icon rotund fontawesome

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat icon rotund fontawesome

Mesaj Scris de mihai la data de Mier 9 Aug - 23:16

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


Ultima editare efectuata de catre mihai in Joi 10 Aug - 19:24, editata de 1 ori
avatar
mihai
Membru activ

masculin

Mesaje : 703
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 50
2 avertismente

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mr.franta la data de Joi 10 Aug - 8:51

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;
}


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1236
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 102
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Lucifer la data de Joi 10 Aug - 10:35

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 .
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 500
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 51
2 avertismente

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mihai la data de Joi 10 Aug - 14:39

nu s-a pus cum trebuie...
avatar
mihai
Membru activ

masculin

Mesaje : 703
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 50
2 avertismente

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Lucifer la data de Joi 10 Aug - 14:55

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;
}


Ultima editare efectuata de catre Lucifer in Joi 10 Aug - 14:58, editata de 1 ori
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 500
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 51
2 avertismente

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mihai la data de Joi 10 Aug - 14:57

am modificat, tot așa arată...
avatar
mihai
Membru activ

masculin

Mesaje : 703
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 50
2 avertismente

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Lucifer la data de Joi 10 Aug - 14:58

I-a codul de mai sus am dat edit .
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 500
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 51
2 avertismente

https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mihai la data de Joi 10 Aug - 14:59

nu merge..
avatar
mihai
Membru activ

masculin

Mesaje : 703
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 50
2 avertismente

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mr.franta la data de Joi 10 Aug - 18:59

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;


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1236
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 102
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mihai la data de Joi 10 Aug - 19:24

l-am rezolvat singur, am făcut așa
Cod:
margin-left: -35px!important;
avatar
mihai
Membru activ

masculin

Mesaje : 703
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 50
2 avertismente

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Zachary la data de Joi 10 Aug - 20:29

Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2247
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 190
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum