Změna barvy textu (odkazu) pomocí HTML
Dobrý den.
Nevím, zda tyto dotazy, ohledně tvorby webových stránek, HTML a CSS patří vůbec do PC poradny, pokud ne, budu rád za doporučení jiného fóra, kde s dotazem uspěji lépe.
Chtěl bych se, prosím, zeptat, jak lze pomocí HTML "kódu" nastavit, aby se mi text, který obsahuje odkaz na danou stránku při najetí myši změnil na jinou barvu. Bohužel prošel jsem veškeré weby, kde to radí, ale pouze pomocí CSS a ten je poněkud odlišný od HTML, který používám a netuším, jak to udělat.
Chci tedy, aby daný text obsahoval odkaz (zároveň aby nebyl podtržen, neboť to podrtržení se mi nelíbí - tam jsem použil, snad správně a style="text-decoration: none" - pokud je i jiná možnost a metoda, uvítám radu), a aby se text po najetí myší zabarvil (třeba do červené nebo do nějaké jiné barvy, to je nyní jedno).
Napíši můj případ:
........<a style="text-decoration: none" href="kartacky-pro-kobold-eb7">Kartáčky EP7 pro elektrický kartáč Kobold EB7</a></h6><img class="" alt="" title="" src="data/files/prislusenstvi-a-spotrebni-material/kartacky/p914000-2-1.jpg">
Vím, že pro použití změny zabarvení textu po najetí myší mám použít a:hover {color:red;} dle CSS, ale vůbec nevím, jak to aplikovat do kódu pomocí HTML, zkoušel jsem to a hover="color: red" případně i mnoho různými kombinacemi, ale zkrátka se mi to nedaří.
Za radu moc díky.
Tohle asi v samotném HTML neuděláš. Proč nemůžeš použít CSS?
Upřímně? Protože jsem se začal učit styl pomocí HTML a CSS prozatím vůbec neovládám.
Nelze případně alespoň nějak kombinovat HTML a CSS dohromady v rámci jedné aplikace? :)
No ale potom sa budeš učiť nezmysel, pretože na štýlovanie (zmeny farieb, rozmerov, odtieňov, zaoblení, animácie) slúži práve ten CSS.
To je ako keby som mal auto, ale nechcel si mať kolesá. Ale namiesto toho aby si natankoval (pridal CSS) zatiaľ čo máš kanister hneď vedľa seba, tak by si to (plne funkčné) auto tlačil, a takto sa snažil ísť do iného mesta. Proste debilizmus... ak sa to chceš poriadne naučiť, nauč sa to rovno s CSS.
Ak chceš aplikovať CSS do HTML, tak v <head> tagu pridaj <link rel="stylesheet" href="style.css"> a v súbore style.css napíšeš to css.
Co toto?
Tomu úplně nerozumím. Celé tvé uvedené jsem zkopíroval a vložil, ale řádky onmouseover="this.style.color='#0F0'" a onmouseout="this.style.color='#00F'">Text odkazu</a po uložení stejně zmizely, jsou tedy asi neplatné.
lze to vůbec takto napsat samostatně to onmouseover a onmouseout? Zůstal jen modrý text „text odkazu“, a když otevřu edit HTML, tak zmíněné dva řádky se ani neuložily, což znamená, že jsou definovány špatně a HTML editor je nepřijmul.
Má to být skutečně tak? Díky
Teď jsem to zkusil uložit, odkaz je modrý, nepodtržený, když na něj najedu myší tak zezelená, když odjedu zase zmodrá, prostě to funguje jak má a řádky jsou definovány správně.
Pokud ti je HTML editor vyhazuje, tak je vadný a měl bys ho vyhodit.
Ostatně mám na http://wz.cz nějaké stránky zdarma už asi milión let, když tam plácnu jen ten úryvek, tak to taky chodí bez problémů
http://gilhad.wz.cz/zxcv.html
(Jinými slovy, udělej si stránky na wz.cz zdarma, naházej tam čisté HTML a CSS soubory a nauč se to používat.
Buď ti to bude stačit i pak, nebo si můžeš zaplatit lepší služby, nebo to pak převést kamkoli jinam, kde ti nebude jejich systém a nefunkční HTML editor aktivně házet klacky pod nohy. Ale v prostředí, které mi zmrší i správný kód bych fakt nezůstával i kdyby mě platili. Zvláště když je kolem tolik možností zdarma, které fungujou.
Tak teď nevím, proč to nejde. Můžeš mi, prosím, napsat znovu konkrétně celý kód, jaký jsi použil? Opravdu to na tvém odkazu funguje.
A na Wz.cz mám zaplacený celý hosting a doménu, tak nerozumím, jak chceš, abych si udělal stránky. Vše mi jinak na stránkách funguje.
Třeba jsem tam blbě vložil něco, kopíroval jsem to přesně, jak to uživatel IQ37 napsal.
Kam ten kód vkládáš? Dáš v daném bloku, který chceš upravovat - nastavení, </> HTML, a pole s HTML kódy jednoduše upravuješ? Děláš to také tak, ne? Jinde to snad ani upravovat nejde, ne?
Můžu poprosit o celý HTML kód? zkusím ho vložit od tebe, použil jsi ho úplně stejně?
<a style="color:blue; text-decoration: none; background: white;" href="https://seznam.cz"
onmouseover="this.style.color='#0F0'"
onmouseout="this.style.color='#00F'">Text odkazu</a>
Úplně jednoduše
udělal jsem si na disku soubor zxcv.html (protože takto dělaná jména - kus dolní řady - se snadno najdou a smažou)(příkazem vim zxcv.html - ale na editoru nesejde) a do něj jsem dal ten kód:
Soubor jsem uložil a v prohlížeči šel na wz.cz
Kliknul na přihlásit, zadal jméno a heslo
kliknul na správce souborů, vlevo je práce se systémem, nahrát soubor,
kliknul na tlačítko Browse a vybral ten soubor
kliknul na tlačítko OK a tím se tam ten soubor nahrál
A to je všechno (teda pak ještě v prohlížeči dal do URL gilhad.wz.cz/zxcv.html a odentroval, stránka se zobrazila a otestoval jsem tu myš)
Kdybych to dělal v rámci stránek a ne jako něco co zítra smažu, tak bych ten soubor zxcv.html pojmenoval líp, měl ho v adresáři projektu, přidal ho do verzovacího systému a zazálohoval (git add zxcv.html; git ci -am "pridani pokusneho souboru";git push)
A asi bych ho nepřidával přez webové rozhraní, ale nahrál ho přez FTP (nebo podle toho kam, tak raději přez scp, rsync nebo tak něco, s přihlašováním pomocí klíčů), nejspíš rovnou pomocí příkazů make;make upload - ale to by sis musel na to nastavit už trochu složitějším způsobem.
Ostatně jak máš pořešené zálohování, kdyby to třeba z webu po nějakém pádu, nebo útoku zmizelo? Já všechno dělám u sebe, automaticky zálohuju na víc míst (a navíc si to můžu snadno lokálně vyzkoušet před nahráním na web)
Jenomže on používá redakční systém WZ, který se jmenuje Tvůrce webu.
https://www.webzdarma.cz/tvurce-webu/
A ten vestavěný editor může filtrovat příkazy javascriptu (onmouseover) a další věci, takže v něm nelze plnohodnotně psát jakýkoliv kód, jen čisté HTML.
Viz začátek vlákna![]:)](https://static.poradna.net/images/smiley/evilsmile.gif)
na WZ může naprosto normálně uploadovat soubory, které napíše v čemkoli příčetném
Jenže on se nechce redakčního systému vzdát a psát web ručně, chápeš?
HOST:
Ano, překopávat celý můj vytvořený "web" redakčním systémem a všechno dělat ručně pomocí HTML kódů není v mých časových i znalostních možnostech. Redakční systém mi má moji práci ulehčit, teprve až se dostanu do nějaké úrovně znalostí a bude na to čas, nemám problém si psát web ručně, ale momentálně bych opravdu chtěl onen ZÁKLAD mít postavený na redakčním systému. Ale i tak si některé nebo mnoho věcí upravuji k obrazu svému (dle svých představ), ovšem zde jsem narazil na problém, třeba ona změna barev a mnoho dalších efektů, na kterých teprve pracuji.
Klíčové informace a pochopení díky HOSTovi, jsou přesně tak, jak píší a jsem rád za ně, protože to možná je i důvodem, proč ostatním vše funguje a mě ne. :)
Každopádně díky za rady všem, jakékoliv rady a poznatky mi rozhodně pomůžou a třeba se k nějakému cíli dopídíme :)
Anooo, díky HOSTe. Přesně tak to je. Díky moc za důležitý poznatek, poměrně klíčový ;)
Ten editor ti asi přepisuje ten vložený kód. Tohle nemůžeš vkládat přímo do stránky,
ale do zdrojáku toho editoru, který tu stránku vytváří. Na tohle nestačíš.
Na to nestačí nikdo - editor běží na serveru, k jeho zdrojákům samozřejmě nemá přístup.
Nečetl jsem všechny příspěvky, třeba si ten ten systém instaloval sám (ale zřejmě nee).
https://pc.poradna.net/questions/3256354-zmena-barvy-textu-odkazu-pomoci-html#r3256388
používať eventy volajúce JS na aplikovanie CSS je asi taký nezmysel ako ísť z Bratislavy do Brna autom cez Londín (teda ak nie si cestovatel a tvoj ciel je fakt len to Brno).
Co toto? znamená, že je to jedna z možností, jak to bude fungovat i v Londýně.
Áno, z Bratislavy do Brna dôjdeš aj keď pôjdeš cez Londín... ale povedz mi kto by bol normálny, aby si predĺžil 130km trasu na 3 tisíc km?
Taktiež, ak používaš JS na takéto veci, kde stačí CSS, tak len znižuješ výkon, zhoršuješ dostupnosť (trebárs to nefunguje v terminálových prehliadačoch, alebo keď je vypnutý JS) a podobne. Proste je to špatné riešenie.
To teď řešíte mezi sebou vy dva nebo to je narážka i na mě? :D Se v tom nějak ztracím :D
V podstatě je to narážka na to původní řešení od IQ37, kde v tagu používá ty eventy onmouseover (čímž používá javaskript a eventy na to aby nastavil CSS ) a tak, místo aby
1) ten tag byl prostě
(nebo dokonce i bez class, pokud se to dobře postaví)
2) v HEAD sekci jsi měl
3) do kořenu svých stránek nahrál soubor css.css obsahující
(což pro tento příklad stačí, obecně tam toho budeš mít víc)
Přičemž ten soubor se může jmenovat i jinak, MZlinky jsou Modro Zelené, ale taky se to může jmenovat jinak a ten obalující tag nemusí být div a nemusí to být ten nejbližší obalující tag