CSS Бутони за начинаещи

[jaha]

Здравейте колеги.Аз съм начинаещ в сферата на HTML, CSS и се чудя как да си направя бутони.Чух някъде че схемата ставала с HTML и CSS въпроса ми е дали може да дадете код и обяснение към него, като за начинаещи мисля че темата ще бъде много полезна както на мене така и на много други като мен.

 

[Ev0luti0N]

Здравейте колеги.Аз съм начинаещ в сферата на HTML, CSS и се чудя как да си направя бутони.Чух някъде че схемата ставала с HTML и CSS въпроса ми е дали може да дадете код и обяснение към него, като за начинаещи мисля че темата ще бъде много полезна както на мене така и на много други като мен.

Можеш така:

<input type="button" value="BUTTON" name="button" />

Можеш и така:

<button type="button">asd</button>

 

[jaha]

@Ev0luti0N
това го знам става въпрос за по хубави бутони а не стандартните сиви бутони в момента се пробвам (същевременно се уча) да направя сайт за на един приятел кафето и някак си не върви да сложа сиви бутони

 

[Ev0luti0N]

Можеш чрез CSS:
[css]input[type=button]
{
background-color: #ababab;
border: 1px solid #1c1c1c;
color: #000000;
}[/css]

 

[jaha]

@Ev0luti0N"
къде в този код въвеждам линка към който искам да пренасочва бутона и другия ми въпрос е къде в този код мога да си задам размерите на бутона

 

[Ev0luti0N]

@Ev0luti0N"
къде в този код въвеждам линка към който искам да пренасочва бутона и другия ми въпрос е къде в този код мога да си задам размерите на бутона

П.П. Объркал съм.. Ето ти правилния код:

<input type="button" value="BUTTON" name="button" style="width: 200px; height: 200px;" onclick="window.location='http://google.bg';" />

 

[viking]

Аз също опитах, но и това не става.

 

[viking]

Виж тук : http://www.google.bg/#sclient=psy&hl=bg&source=hp&q=css+buttons&aq=f&aqi=&aql=&oq=&pbx=1&bav=on.2,or.r_gc.r_pw.&fp=296630da9d2f8a94&biw=1152&bih=722

Има много голямо разнообразие и хората са ти дали код как да си го направиш.

 

[Ev0luti0N]

Аз също опитах, но и това не става.

Кое не става като при мен работи? :shock:

 

[stan4obg]

http://www.google.bg/search?um=1&hl=bg&biw=1024&bih=665&tbm=isch&sa=1&q=css3+buttons&btnG=%D0%A2%D1%8A%D1%80%D1%81%D0%B5%D0%BD%D0%B5&oq=css3+buttons&aq=f&aqi=g-L1&aql=&gs_sm=s&gs_upl=1894l1894l0l2318l1l1l0l0l0l0l215l215l2-1l1



css3 най-радват

 

[Mapu0]

<input type="submit" name="submit" value="Запис" id="submit">

[css]#submit {

color:#284E98;background-color:White;
border-color:#006EC2;
border-width:1px;
border-style:Solid;
font-family:Verdana;
font-size:1.0em;
}[/css]

примерно и се получава следното

 

[eddyy93]

Хмм меню с бутони става лесно.

Правиш си 1 клас и го повтаряш за всеки линк. Няма абсолютно никаква нужда от тези бутони горе който са ти дали.

Пример:

[css]

.menu {width: 50px; height: 80px; font-size: 10px; background-color: #eee;}
.menu a:hover {background-color: #aaa; font-size: 12px;}

[/css]

<div class="menu"><a href="#">Link1</a></div>
<div class="menu"><a href="#">Link2</a></div>
<div class="menu"><a href="#">Link3</a></div>
<div class="menu"><a href="#">Link4</a></div>
<div class="menu"><a href="#">Link5</a></div>

Това е едно най обикновено меню. Вече може на класа да слагаш паддинг, маргин да го направиш класа да се принтира вертикално без да ползваш <br> и т.н.