Veľkonočná akcia je tu a s ňou aj extra kredity ZADARMO na náš interaktívny e-learning. Dobij si teraz kredity a posuň sa vo svojej kariére vpred!
Zarábaj až 6 000 € mesačne! Akreditované rekvalifikačné kurzy od 0 €. Viac informácií.

Diskusia – Galérie CSS 3 tlačidiel

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Samuel Kodytek
Tvůrce
Avatar
Samuel Kodytek:11.6.2014 22:41

Odkazy nefugují ;(

Odpovedať
11.6.2014 22:41
There is more than one way to screw it
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovedá na Samuel Kodytek
Michal Žůrek - misaz:12.6.2014 6:32

tlačítka si můžeš stáhnout

 
Odpovedať
+1
12.6.2014 6:32
Avatar
luko8525
Člen
Avatar
luko8525:27.7.2014 15:24

Máte tu chybu... :`

Odpovedať
27.7.2014 15:24
Prišiel som, videl som, ostal som!
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na luko8525
David Hartinger:27.7.2014 22:34

Opraveno :)

Odpovedať
27.7.2014 22:34
New kid back on the block with a R.I.P
Avatar

Člen
Avatar
:8.11.2014 7:35

Kam můžu uvést autora čudlíků ? :-) Nevím ani kam uvést sebe :-). Jinak moc krásný tlačítka děkuji

 
Odpovedať
8.11.2014 7:35
Avatar

Člen
Avatar
:8.11.2014 8:25

Mám dotázek, jakpa změním barvu prvních tlačítek od Hobi, chtěl bych oranžovou a okraje šedivé :o), děkují moc autora tam přidám až na to přijdu nemějte mi to za zlé pokud tam zatím nebude jsem začátečník :-) ale moc mě to baví

 
Odpovedať
8.11.2014 8:25
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na
Honza Bittner:8.11.2014 9:50

Tlačítko vytváří třída .uni - tu si zkopíruj. Poté na ní je třída s barvou - například .blue, která má i hover. Pro blue tu jsou tyto styly:

.blue{
background: radial-gradient(circle, #17A7BD, #17A7BD);
}

.blue:hover{
background: background: radial-gradient(circle, #38c8ee 10%, #17A7BD 100%);
}

Stačí si udělat tedy svou třídu s barvou - .black .white či tak nějak a nastavit jí na tlačítko. :)

Odpovedať
8.11.2014 9:50
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar

Člen
Avatar
:8.11.2014 12:58

supr děkují :-))

 
Odpovedať
8.11.2014 12:58
Avatar
Saly
Člen
Avatar
Saly:27.1.2015 15:53

Takový dotaz tlačítka Misaz když zazoomujete chrome (CTRL+ +) tak zmizí pozadí ... nevíte jak to opravit ??

 
Odpovedať
27.1.2015 15:53
Avatar
Leon Corn
Člen
Avatar
Leon Corn:9.6.2016 15:18

<!DOCTYPE>
<html>
<head>
<link href="http://­fonts.googlea­pis.com/css?fa­mily=Press+Star­t+2P&subset=la­tin,greek,latin-ext,cyrillic" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<title>Tech-OS</title>
<style>
@font-face {
font-family: 'press_start_2pre­gular';
src: url('pressstart2p-webfont.eot');
src: url('pressstart2p-webfont.eot?#i­efix') format('embedded-opentype'),
url('pressstart2p-webfont.woff') format('woff'),
url('pressstart2p-webfont.ttf') format('truetype'),
url('pressstart2p-webfont.svg#pres­s_start_2pregu­lar') format('svg');
font-weight: normal;
font-style: normal;

}

button{
height:35px;
width:125px;
border:none;

  • webkit-box-shadow:0px 14px 0px 0px #8A8686;
  • moz-box-shadow:0px 14px 0px 0px #8A8686;

box-shadow:0px 14px 0px 0px #8A8686;
font-family:'press_star­t_2pregular';
font-size:16px;
background-color:#A6A1A1;
}
button:hover{
color:#FFFFFF;
cursor:pointer;
}
button{
height:35px;
width:125px;
border:none;

  • webkit-box-shadow:0px 14px 0px 0px #8A8686;
  • moz-box-shadow:0px 14px 0px 0px #8A8686;

box-shadow:0px 14px 0px 0px #8A8686;
font-family:'press_star­t_2pregular';
font-size:16px;
background-color:#A6A1A1;
}
button:hover{
color:#FFFFFF;
cursor:pointer;
}
button:active{
margin-top:7px;

  • webkit-box-shadow:0px 7px 0px 0px #7C7979;
  • moz-box-shadow:0px 7px 0px 0px #7C7979;

box-shadow:0px 7px 0px 0px #7C7979;
cursor:pointer;
}

</style>
</head>
<body>
<a href="https:/­/www.google.cz/?gws_rd=­ssl"><button type="button" onclick=>GOOG­LE!</button></a>

</body>
</html>

A tady je návod jak to použít v html
nemám autorské práva, tak nemůžu psát články, ale vysvětlit vám to muže někdo odsud, nebo pište do zpráv.

Editované 9.6.2016 15:19
 
Odpovedať
9.6.2016 15:18
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 27.