Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

icon rotund fontawesome

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat icon rotund fontawesome

Mesaj Scris de Mihai Mier Aug 09, 2017 11:16 pm

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 Aug 10, 2017 7:24 pm, editata de 1 ori
Mihai

Mihai
Administrator
Administrator

Mesaje : 1487
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mr.franta Joi Aug 10, 2017 8:51 am

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;
}
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1400
Varsta : 34
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Petronel Joi Aug 10, 2017 10:35 am

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 .




icon rotund fontawesome 28711
Petronel

Petronel
Moderator
Moderator

Mesaje : 1041
Varsta : 20
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Mihai Joi Aug 10, 2017 2:39 pm

nu s-a pus cum trebuie...


icon rotund fontawesome Untit104
icon rotund fontawesome KmYIBDv
icon rotund fontawesome Scre1015 icon rotund fontawesome 398 icon rotund fontawesome 2209 icon rotund fontawesome Scre1016 icon rotund fontawesome Portoq16
Mesaje: 22911 ● Utilizatori: 18224 ● Ultimul membru: » System32 «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1487
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Petronel Joi Aug 10, 2017 2:55 pm

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 Aug 10, 2017 2:58 pm, editata de 1 ori




icon rotund fontawesome 28711
Petronel

Petronel
Moderator
Moderator

Mesaje : 1041
Varsta : 20
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Mihai Joi Aug 10, 2017 2:57 pm

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


icon rotund fontawesome Untit104
icon rotund fontawesome KmYIBDv
icon rotund fontawesome Scre1015 icon rotund fontawesome 398 icon rotund fontawesome 2209 icon rotund fontawesome Scre1016 icon rotund fontawesome Portoq16
Mesaje: 22911 ● Utilizatori: 18224 ● Ultimul membru: » System32 «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1487
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Petronel Joi Aug 10, 2017 2:58 pm

I-a codul de mai sus am dat edit .




icon rotund fontawesome 28711
Petronel

Petronel
Moderator
Moderator

Mesaje : 1041
Varsta : 20
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Mihai Joi Aug 10, 2017 2:59 pm

nu merge..


icon rotund fontawesome Untit104
icon rotund fontawesome KmYIBDv
icon rotund fontawesome Scre1015 icon rotund fontawesome 398 icon rotund fontawesome 2209 icon rotund fontawesome Scre1016 icon rotund fontawesome Portoq16
Mesaje: 22911 ● Utilizatori: 18224 ● Ultimul membru: » System32 «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1487
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de mr.franta Joi Aug 10, 2017 6:59 pm

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;
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1400
Varsta : 34
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Mihai Joi Aug 10, 2017 7:24 pm

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


icon rotund fontawesome Untit104
icon rotund fontawesome KmYIBDv
icon rotund fontawesome Scre1015 icon rotund fontawesome 398 icon rotund fontawesome 2209 icon rotund fontawesome Scre1016 icon rotund fontawesome Portoq16
Mesaje: 22911 ● Utilizatori: 18224 ● Ultimul membru: » System32 «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1487
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: icon rotund fontawesome

Mesaj Scris de Zachary Joi Aug 10, 2017 8:29 pm

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

=> Topic rezolvat
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum