Autor Zpráva
luksatka
Profil
Chtěl jsem se zeptat jestli jdou udělat nějaké pěkně designově tlačítka v HTML ???
prosil bych nějakou dobrou radu ?

díkyyy
margin
Profil *
Nauč se HTML a CSS.
pidusak
Profil
Ano dají, ale pomocí CSS(kaskádových stylů). Viz http://hellohappy.org/css3-buttons/.
Chamurappi
Profil
Reaguji na pidusaka:
Dají se udělat i tak, aby fungovaly všem, nejen části vyvolených jako v tvé ukázce.
pidusak
Profil
Chamurappi:
Nezbývá než souhlasit a omezení jsem měl uvést sám. Nicméně otázka zněla zda se dají tlačítka udělat a to dají. Luksatka se také nezmínil k jakému účelu bude jeho potencionální stránka/y sloužit. Může se jednat o firemní/domácí intranet kde se může předpokládat použití jednoho prohlížeče, který CSS3 bude umět. A popravdě pokud by se je rozhodl použít tak se musí něco o CSS3 naučit/přečíst. Jen sem odpovídal na otázku.
Třeba ho to zajímalo jen teoreticky aby měl přehled? Do hlavy lidem nevidím. :)
Chamurappi
Profil
Reaguji na pidusaka:
Nicméně otázka zněla zda se dají tlačítka udělat a to dají.
Ne. Otázka zněla, zda se dají udělat v HTML.

pokud by se je rozhodl použít tak se musí něco o CSS3 naučit/přečíst
Samozřejmě, že nemusí. Může trojku naprosto ignorovat, verze nehrají roli, podstatné je jen to, co funguje.

Jen sem odpovídal na otázku.
Hm, ale módně… alias mizerně.
pidusak
Profil
Chamurappi:
„Nicméně otázka zněla zda se dají tlačítka udělat a to dají.“
Ne. Otázka zněla, zda se dají udělat v HTML.
Takže správná odpověd má být: "Ne v HTML se pěkné tlačítko udělat nedá." ?

„pokud by se je rozhodl použít tak se musí něco o CSS3 naučit/přečíst“
Samozřejmě, že nemusí. Může trojku naprosto ignorovat, verze nehrají roli, podstatné je jen to, co funguje.
Myšleno bylo pokud by se chtěl nechat inspirovat z odkazu na CSS3 tlačítka. Verze samozřejmě v CSS nehrají roli, tou trojkou označuji věci jako background gradienty a podobně(tedy novější vlastnosti).
Shodneme se, že pěkné tlačítko napříč prohlížeči a verzemi se dá udělat pomocí obrázku a background-image: url('...')?


„Jen sem odpovídal na otázku.“
Hm, ale módně… alias mizerně.
Nemyslím, že módně znamená mizerně. Je to jakoby člověk dělal rozhodnutí za něj. Pokud bude chtít použít něco co poběží pouze v nejnovějších prohlížečích je to jen na něm. Co když si v krajním případě udělá stránku, která bude pouze pro něj a nikoho jiného tam nepustí? Stále je to mizerné?
luksatka
Profil
Chtěl jen vědět jestli jdou udělat v HTML .. ale myslim ze se to dela v CSS ale nevim??
A chtěl jsem vědět jak je udělat graficky pěkné ?
margin
Profil *
Jestli chceš dělat graficky pěkné tlačítka, tak je napřed musíš udělat, což znamená nakreslit tlačítka v grafickém editoru.

V HTML můžeš mít tlačítko pouze jako obrázek bez hoveru.
Hover můžeš přidat javaskriptem nebo v CSS.
Jednoduché tlačítka, které budou vypadat v současných prohlížečích všude stejně, jde udělat bez obrázků, kombinací HTML a CSS, třeba takto: http://teststranek.kvalitne.cz/menu4/.

Pokud si myslíš, že uchvátíš návštěvníky na nějaké pěkně designově udělané tlačítka, tak se mýlíš.
pidusak
Profil
luksatka:
HTML samo o sobě je značkovací jazyk vyjadřující se k obsahu dokumentu. Pro úpravu vzhledu dokumentu je tu CSS(kaskádové styly), které určují vzhledové vlastnosti daných částí dokumentu, tedy člověk určit jak budou vypadat například všechny nadpisy vložené mezi HTML tagy <h1></h1>.
Takže pokud mám tlačítko, nejčastěji použiji HTML tag <input>

HTML příklad:
<input type="submit" value="odeslat">

pokud ale chci změnit jeho vzhled použiji CSS, dobré žačít zde. A dále prostudovat nastavování pozadí například zde. Toto jsou základy pro graficky pěkná tlačítka, která mají graficky pěkný obrázek na pozadí. :)

CSS příklad:
<style type="text/css">
input{
 background-image: url('cesta_k_graficky_peknemu_obrazku');
}
</style>

HTML+CSS:
<style type="text/css">
input {
 background-image: url('cesta_k_graficky_peknemu_obrazku');
}
</style>

<input type="submit" value="odeslat">
luksatka
Profil
margin:

jo ale jak to mam udelat ???
kde je nejaky navod na to ???

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0