icon rotund fontawesome
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri
Pagina 1 din 1 • Distribuiţi
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?
Ultima editare efectuata de catre mihai in Joi Aug 10, 2017 7:24 pm, editata de 1 ori
Re: icon rotund fontawesome
De ce trebuie sa le imprumutati,cand va puteti face chiar singur.
Va putem indruma
cod css
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;
}
Re: icon rotund fontawesome
Mihai cred ca te referi la iconitele de la Categorii nu ?
Cod CSS :
Si adauga in descrierea unui forum :
PS: Nu se baga in fata la nimeni (la text ma refer) doar amplasezi codul si aia e .
Numai bine .
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 .
Re: icon rotund fontawesome
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!
Re: icon rotund fontawesome
Pai tu trebuie sa modifici de la
doar :
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 {
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
Re: icon rotund fontawesome
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!
Re: icon rotund fontawesome
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!
Re: icon rotund fontawesome
Eliminati
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;
- Cod:
margin-left: 50px!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;
Re: icon rotund fontawesome
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!
Subiecte similare
» Cum adaugam grade cu FontAwesome?
» Avatar rotund in topic
» Chenarul sa fie rotund la ultimele mesaje
» Rotund in jurul numelelor categoriilor
» Cum pot face avatar rotund la ultimul postator
» Avatar rotund in topic
» Chenarul sa fie rotund la ultimele mesaje
» Rotund in jurul numelelor categoriilor
» Cum pot face avatar rotund la ultimul postator
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum