Diskuze: CSS - svíticí tlačítko
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 19 zpráv z 19.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Ahoj,
jak to myslíš aby svítilo?
Jestli myslíš něco takového:
http://www.zurb.com/…tive-buttons
Tak to je přes shadow (stín)
Zde si to jednoduše nasymuluješ a vygeneruješ si kód:
http://www.css3generator.com/
Ano, myslel jsme něco takového. A u tohoto
http://css3generator.com/
mi to píše že nemám oprávnění pro vstup ???;(
Nějaká fičura, ale když zmáčkneš F5 (reload) tak to jde 
Refreshni tu stránku, pak to jde. Nevím co to má znamenat.
V titulku mám chybu 403 a v obsahu mi to hlásí chybu 404 tak nevim no.
Taky sem si myslel, že to je tím, změnil sem proto odkaz v příspěvku, ale nebylo. Prostě to při odkazování vždycky vyhodí chybu a při reloadu to jede. Nechápu.
Ahoj, poprvé jsem se asi špatně vyjádřil
.
Mám tam za těma jednotlivýma rubrikama
background-color a chci aby ta barva jakoby svítila.
To se dělá taky přes
shadow??
Nic jako efekt svítivosti v CSS není, ale používá se shadow když použiješ světlou barvu tak to vypadá hezky - jako by to svítilo prostě.
Nevím co konkrétně myslíš. Mrkni se třeba sem http://www.css3.info/ nebo do googlu zadej css3 a prostuduj si co všechno můžeš použít.
Čau, tak stín už mám, ale nikde se mi nedaří najít jak ho udělat úplně ze všech stran.
Ahoj,
šak na tom odkazu co jsem ti posílal máš i ukázaný jak to mají
udělaný:
http://www.zurb.com/…tive-buttons
Mrkni tam vpravo.
Vím, ale mají tam animaci, ale zkusím to nějak předělat 
Vlastnost box-shadow má parametry: posun X, posun Y, rozostření, rozšíření a barva, takže pokud nastavíš posun X a Y na nulu, budeš mít stín okolo celého tlačítka. Pokud nenastavíš jeden z těch parametrů, bude automaticky nastaven na nulu. To samé platí pro vlastnost text-shadow. Pak stačí jen vybrat vhodné barvy.
box-shadow: 0 0 15px #fff;
První 0 je posun X, druhá posun Y, 15px je rozostření a #fff je barva. Krom toho můžeš nastavit stíny i dovnitř a to tak, že uvedeš parametr inset.
Zobrazeno 19 zpráv z 19.