CSS pentru butoane?

#1
Andrew_44

Posted 17 March 2017 - 10:59

Junior Member

Grup: Junior Members
Posts: 34
Înscris: 01.12.2016

Am făcut două butoane în javascript, întrebarea mea eşte cum să le înfrumuşeţez din css?

Back to top

#2
colombo2003

Posted 17 March 2017 - 11:10

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Bai, tu tot n-ai invatat pana acum sa pui un titlu adecvat topicului sau o faci la misto?
Ai mai avut un topic fix ca asta, care ti s-a sters.

PS. In javascript nu creezi butoane!

Back to top

#3
dexter_lab

Posted 17 March 2017 - 11:22

Senior Member

Grup: Senior Members
Posts: 5,390
Înscris: 31.10.2007

<!DOCTYPE html>
<html>
<head>
<style>
.buton {
		 display: inline-block;
			padding: 6px 12px;
			margin-bottom: 0;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.42857143;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-image: none;
			border: 1px solid transparent;
			border-radius: 4px;
			color: #fff;
	  background-color: #337ab7;
	 border-color: #2e6da4;
	}
</style>
</head>
<body>
<button type="button" onclick="alert('Hello world!')" class="buton">Click Me!</button>

</body>
</html>

ceva in genu? (css de la buton e de la bootstrap)

Back to top

#4
tigerheart

Posted 17 March 2017 - 11:31

Savage Member

Grup: Senior Members
Posts: 9,877
Înscris: 07.08.2008

Vezi asta daca ajuta: http://www.bestcssbuttongenerator.com/

Back to top

#5
Andrew_44

Posted 17 March 2017 - 11:44

Junior Member

Grup: Junior Members
Posts: 34
Înscris: 01.12.2016

function myFunction(){
	var x=document.getElementById('myDIV');
	if (x.style.display==='none'){
		x.style.display='block';}
	else{
		x.style.display='none';
	}
}

Acesta e scriptul myDIV.

<button onclick="myFunction()">Hide</button>
<button onclick="myFunction()">Show me all content...</button>

Iar acestea sunt butoanele pe care le-am facut in HTML si care controleaza continutul.

Acum intrebarea mea este cum să infrumusetez in CSS aceste doua butoane?.

Back to top

#6
colombo2003

Posted 17 March 2017 - 11:57

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Stii cum e cu gusturile. Depinde acum ce vrei tu de fapt si ce intelegi tu prin infrumusetare?
Ce vrei mai exact de la ele, ca effect? Sa isi schimbe culoarea, forma etc, sau doar stil (sa aibe colturi rotunite de ex sau sa aibe background in degrade)?

Back to top

#7
RedDev

Posted 17 March 2017 - 12:08

Active Member

Grup: Members
Posts: 1,932
Înscris: 29.10.2014

Cum să nu poți face butoane în Javascript? Cel mai banal exemplu:

var btn = document.createElement("BUTTON");	 // Create a <button> element
var t = document.createTextNode("CLICK ME");	 // Create a text node
btn.appendChild(t); // Append the text to <button>
document.body.appendChild(btn); // Append <button> to <body>

Edited by RedDev, 17 March 2017 - 12:09.

Back to top

#8
colombo2003

Posted 17 March 2017 - 12:20

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Desi deviem de la subiect, de ce ai face asta (buton din js)?
De ce nu din html cu un <button>?
Care ar fi argumentele? Rapiditate? Siguranta (securitate) (desi js...)?

Si daca userul final are inhibat js-ul?

Back to top

#9
MarianG

Posted 17 March 2017 - 13:25

be that as it may

Grup: Moderators
Posts: 31,416
Înscris: 10.08.2005

Expicati-mi și mie, ce ii pasa lui CSS cine creează butonul?

Back to top

#10
RedDev

Posted 17 March 2017 - 13:50

Active Member

Grup: Members
Posts: 1,932
Înscris: 29.10.2014

Dacă adaugă un buton folosind Javascript, poate la fel de bine să scrie o clasă CSS și să i-o atribuie. Altfel poate pur și simplu să definească atributele CSS folosind JS (object.style.[...] = value).

Back to top

Anunturi

Bun venit pe Forumul Softpedia!

CSS pentru butoane?

#1 Andrew_44 Posted 17 March 2017 - 10:59

#2 colombo2003 Posted 17 March 2017 - 11:10

#3 dexter_lab Posted 17 March 2017 - 11:22

#4 tigerheart Posted 17 March 2017 - 11:31

#5 Andrew_44 Posted 17 March 2017 - 11:44

#6 colombo2003 Posted 17 March 2017 - 11:57

#7 RedDev Posted 17 March 2017 - 12:08

#8 colombo2003 Posted 17 March 2017 - 12:20

#9 MarianG Posted 17 March 2017 - 13:25

#10 RedDev Posted 17 March 2017 - 13:50

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Andrew_44

Posted 17 March 2017 - 10:59

#2
colombo2003

Posted 17 March 2017 - 11:10

#3
dexter_lab

Posted 17 March 2017 - 11:22

#4
tigerheart

Posted 17 March 2017 - 11:31

#5
Andrew_44

Posted 17 March 2017 - 11:44

#6
colombo2003

Posted 17 March 2017 - 11:57

#7
RedDev

Posted 17 March 2017 - 12:08

#8
colombo2003

Posted 17 March 2017 - 12:20

#9
MarianG

Posted 17 March 2017 - 13:25

#10
RedDev

Posted 17 March 2017 - 13:50