[HTML] Adauga un buton

[MiHaY111]

In acest tutorial o sa va arat cum sa adaugati un buton pe pagina dvs. HTML. (INTR-UN COD HTML SE INTRODUCE UNUL CSS)

Deci, butonul se creeaza asa:

<button>TEXT</button> ===> ARATA DESTUL DE URAT

Iar atunci cand apasam pe acesta sa ne trimita pe un link, facem asa:

<a href="b-zone.ro(aici punem link)"><button>TEXT</button></a>

 

Acum o sa va arat cum sa-l personalizati:

<style>

button{
    background-color: #DBFC00; (galben) - culoarea butonului, o putem lua dupa http://colorpicker.com
    border: none;  - margine(daca vrem)
    color: white; - culoarea textului
    font-size: 16px;- marimea fontului

}
</style>

 

Atat stiu eu, momentan, despre butoane. O sa revin cu un edit in care o sa  mai arat ceva.

 

[Jackson Brooklyn]

Ca un sfat, ai putea sa reorganizezi codul in asa fel incat sa nu te uncurci in declaratii.

 

Uite un exemplu de cod mai organizat

 

<button class="salut"><a href="https://www.b-zone.ro">TEXT</a></button>
<style>
.salut{
    background-color: #ff6546; (rozaliu) - culoarea butonului
    border: none;  - margine(daca vrem)
    color: white; - culoarea textului
    font-size: 16px;- marimea fontului
}
</style>

Oricum, codul tau este valabil, este functional, dar cred ca la un script mai lung este foarte dificil, pentru ca te incurci usor, dar oricum, felicitari pt. tutorial.

Edited February 7, 2018 by Jackson Brooklyn

[MiHaY111]

12 hours ago, Jackson Brooklyn said:

Ca un sfat, ai putea sa reorganizezi codul in asa fel incat sa nu te uncurci in declaratii.

 

Uite un exemplu de cod mai organizat

 

<button class="salut"><a href="https://www.b-zone.ro">TEXT</a></button>
<style>
.salut{
    background-color: #ff6546; (rozaliu) - culoarea butonului
    border: none;  - margine(daca vrem)
    color: white; - culoarea textului
    font-size: 16px;- marimea fontului
}
</style>

Oricum, codul tau este valabil, este functional, dar cred ca la un script mai lung este foarte dificil, pentru ca te incurci usor, dar oricum, felicitari pt. tutorial.

Multumesc !

[Jackson Brooklyn]

Frumos tutorial am mai spus, te mai asteptam si cu alte tutoriale si doame ajuta si la unele mai ample.