Kritika webu http://piskotuj.wz.cz
http://piskotuj.wz.cz
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 15 zpráv z 15.
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.
Dej si pozor na zakrývání reklamy svého hostingu, je to proti pravidlům

Reklamu jsem nechtěl zakrýt
ale pro příště 
Odstrán ten efekt pohybu Klkini zde a buď tiež zahoď alebo zmenši shadow toho istého boxu.
Mě se ten shadow celkem líbí, i když mohl bych ho zmenšit. Po pravdě, je velký 20px, takže 10px by možná šlo. Nad tím efektem jsem taky přemýšlel, moc se mi nelíbí. (Děkuji za kritiku.)
Avšak problém je, že odkaz mi nejde dát do prostřed. A vůbec, nejde s ním hýbnout do prava.
Stránky -> Right Click (:D) -> Zobrazit zdrojový kód stránky. Co je na tom těžkého ?
Posílám ti kód celé poznámky, ve které odkaz je:
<div class="poznamka">
<h2 class="poztext">Zprávy ze serveru</h2>
<p class="poztext">Na serveru probíhá nábor helperů. Chceš-li být helperem, je zde nábor ! Stačí pouze kliknout na následující odkaz, správně odpovědět a pak tě možná vybereme.</p>
<a href="https://docs.google.com/forms/d/1n2sTmXvPICjpqLL05nxCABwhjjcB95Xl8oZp1El-V2E/viewform?usp=send_form" class="apr"><strong class="poztext"><marquee class="mapanel">Klikni zde!</marquee></strong></a>
</div>
A tady CSS kód všeho co je potřeba:
.poznamka {
height: 15em;
width: 15em;
float: left;
background-color: #e74c3c;
border-radius: 3px;
box-shadow: 10px 10px #171717;
}
.poztext {
width: 10em;
text-align: center;
}
.apr {
text-align: center;
color: #171717;
}
PS: To marquee a 'mapanel' tam nepočítej, nechci to tam a souviselo to se sebou.
Změnil bych písmo, nebo alespoň ať není uppercase, protože se to velmi špatně čte. Spanu bych nastavil třídu s barvou a nějakým formátováním, nikoliv pouze barvu pro celý span, protože pokud by mělo dojít k nějaké změně v budoucnu, bude se to muset překopávat zbytečně. V samotném HTML kódu nepoužíváš odsazení, což zhoršuje orientaci v samotném kódu. Jak již bylo výše zmíněno, odstranit pohyblivý text. V menu je odkaz pouze přes text, nikoliv v celém bloku.
Všechny rady si beru k srdci. Ten font nejspíše nahradím Open Sans a ten pohyblivý text změním.
Navíc, když se znovu dívám pouze na index.html tak bych mu vytkl, že v menu používáš seznam, avšak v samotném obsahu nikoliv. Máš tam milion odstavců, ve kterých jsou kusé informace, které by měly být přesunuty do jednotlivých sekcí a ne na úvodní stranu, viz "admin" team, výhody VIP (tak jsem to pochopil), VIP mini hry a jak pořídít VIP. Dále jsem nezjistil, k čemu slouží
<div class="a">
<p>.</p>
<p>.</p>
<p>.</p>
<p>.</p>
<p>.</p>
</div>
a neúplnost meta tagů.
Já si myslím, že vím co to je, má to způsobit odřádkování
Prasekód 
Jsi mě pobavil.
Je to
odřádkování ze staré verze, zapomněl jsem to smazat. Ano, prasokód.
Zobrazeno 15 zpráv z 15.
