Diskuze: změna vzhledu posuvníku

HTML a CSS HTML a CSS změna vzhledu posuvníku American English version English version

Avatar
kedarot
Člen
Avatar
kedarot:

Ahoj, chtěl bych se zeptat jestli jde pomoci css nastylovat vzhled posuvníku, potřebuji to k jednomu divu ;)

viz obrázek :)

 
Odpovědět 9.5.2014 16:09
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na kedarot
Honza Bittner:

Tohle ani není posuvník, je to spíš jen skrytí posuvníku a přidání šipky, která však bude míti javascriptovou událost po kliku...

Posuvník skryješ takto

overflow: hidden;
Nahoru Odpovědět 9.5.2014 16:26
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
kedarot
Člen
Avatar
Odpovídá na Honza Bittner
kedarot:

ja vím, jen jsem chtěl aby místo posuvníku byla šipka.. ale to asi nejde jen pomoci css??

 
Nahoru Odpovědět 9.5.2014 16:39
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na kedarot
Honza Bittner:

Ne, musíš použít JS.

Pomocí jQuery to máš na pár řádků. :)

Nahoru Odpovědět 9.5.2014 16:40
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
kedarot
Člen
Avatar
Odpovídá na Honza Bittner
kedarot:

děkuji za odpovědi, to jsem potřeboval vědět... ale budu to kodovat u maturity jen pomocí html a css, nic jiného tam nedělame :D.. tak, že to budu muset vymyslet jinak :( :D

 
Nahoru Odpovědět 9.5.2014 16:44
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na kedarot
Jiří Gracík:

Vůbec mě nenapadá způsob, jak to udělat jen v HTML a CSS, aby to bylo praktické. Asi budeš muset opravdu vymyslet něco jiného ;)

Nahoru Odpovědět  +1 9.5.2014 16:52
Creating websites is awesome till you see the result in another browser ...
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na kedarot
Honza Bittner:

Proč se nenaučit tu trošku jQuery?

V CSS to nepůjde, to jsou jen styly. Ty potřebuješ jazyk, kde můžeš programovat.

Nahoru Odpovědět 9.5.2014 17:03
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
kedarot
Člen
Avatar
kedarot:

mám v plánu se to naučit, ale ve škole bereme jenom css a html.. a nejspíš bych jQuery nemohl použít u maturity. :) Ale zkusím to i v tom jQuery jenom tak pro sebe ;)

 
Nahoru Odpovědět 9.5.2014 17:27
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na kedarot
Honza Bittner:

jQuery bývá většinou všude povolené, nemyslím si, že by mělo býti u maturity zakázané

Btw. vy děláte maturitu z HTML/CSS?

Nahoru Odpovědět 9.5.2014 18:07
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
kedarot
Člen
Avatar
Odpovídá na Honza Bittner
kedarot:

jo :D my jsme grafická škola :D tak berem jenom tohle, aby se neřeklo :D a maturujeme z nakodovani webovek v html a css :D

 
Nahoru Odpovědět 9.5.2014 18:12
Avatar
Michal Žůrek (misaz):

samozřejmě to lze jenom CSS. Tento postup však nefunguje na všech prohlížečích.

V přiložených obrázcích máš vlastnosti a pseudoelementy, které nabízí Visual Studio.

Nahoru Odpovědět 9.5.2014 18:24
Nesnáším {}, proto se jim vyhýbám.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na kedarot
Daniel Vítek:

Nevím, jak to funguje. Jestli se to točí nebo to jen tak jezdí. Možná by to šlo kdyby sis pohrál s tímhle - http://css-tricks.com/…s-in-webkit/. Akorát místo barvy dát obrázek.

 
Nahoru Odpovědět 9.5.2014 18:43
Avatar
kedarot
Člen
Avatar
kedarot:

Děkuji za odpovědi :).. zítra to vyzkouším ;)

 
Nahoru Odpovědět 9.5.2014 20:28
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Jiří Gracík:

Předpokládám že random funkčnost pouze dvou prohlížečích se u maturity neohodnotí úplně kladně.

Nahoru Odpovědět 10.5.2014 10:03
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

Pokud jsou hodnotící konzervativní, mohou mu přidat za to že web "připravuje do budoucnosti".

Nahoru Odpovědět 10.5.2014 10:04
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Jiří Gracík:

To je fajn, ale to zrovna u hodnotícího, kterýmu je 65 let a žije v době PS2 a XHTML, asi neobstojí :D Někdy to rozhodně fungovat bude, ale to bohužel ještě stále není teď :)

Nahoru Odpovědět  +2 10.5.2014 10:06
Creating websites is awesome till you see the result in another browser ...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 16 zpráv z 16.