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 : 1583
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome icon rotund fontawesome Be_110

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 : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

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 .
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1046
Varsta : 22
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...


Forumul Forumurilor

Regulile Forumgratuit | Tutoriale |
FAQ | Recuperarea parolei pentru forum și unelte



*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Mihai

Mihai
Administrator
Administrator

Mesaje : 1583
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome icon rotund fontawesome Be_110

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
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1046
Varsta : 22
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ă...


Forumul Forumurilor

Regulile Forumgratuit | Tutoriale |
FAQ | Recuperarea parolei pentru forum și unelte



*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Mihai

Mihai
Administrator
Administrator

Mesaje : 1583
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome icon rotund fontawesome Be_110

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 .
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1046
Varsta : 22
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..


Forumul Forumurilor

Regulile Forumgratuit | Tutoriale |
FAQ | Recuperarea parolei pentru forum și unelte



*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Mihai

Mihai
Administrator
Administrator

Mesaje : 1583
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome icon rotund fontawesome Be_110

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 : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

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;


Forumul Forumurilor

Regulile Forumgratuit | Tutoriale |
FAQ | Recuperarea parolei pentru forum și unelte



*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Mihai

Mihai
Administrator
Administrator

Mesaje : 1583
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome icon rotund fontawesome Be_110

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