Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem 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.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Co toto? <a style="color:blue; text-decoration: none; background: white;" href="https://seznam.cz"…
IQ37 18.03.2024 14:35
IQ37
Tomu úplně nerozumím. Celé tvé uvedené jsem zkopíroval a vložil, ale řádky onmouseover="this.style.c…
DavidDizzer 19.03.2024 00:54
DavidDizzer
Teď jsem to zkusil uložit, odkaz je modrý, nepodtržený, když na něj najedu myší tak zezelená, když o…
gilhad 19.03.2024 01:58
gilhad
Tak teď nevím, proč to nejde. Můžeš mi, prosím, napsat znovu konkrétně celý kód, jaký jsi použil? Op…
DavidDizzer 19.03.2024 02:17
DavidDizzer
Úplně jednoduše udělal jsem si na disku soubor zxcv.html (protože takto dělaná jména - kus dolní ř…
gilhad 19.03.2024 06:54
gilhad
Jenomže on používá redakční systém WZ, který se jmenuje Tvůrce webu. https://www.webzdarma.cz/tvurce…
host 19.03.2024 07:15
host
Viz začátek vlákna ]:) Pokud ti je HTML editor vyhazuje, tak je vadný a měl bys ho vyhodit. na WZ…
gilhad 19.03.2024 07:24
gilhad
Jenže on se nechce redakčního systému vzdát a psát web ručně, chápeš?
host 19.03.2024 07:25
host
HOST: Jenže on se nechce redakčního systému vzdát a psát web ručně, chápeš? Ano, překopávat celý… nový
DavidDizzer 19.03.2024 23:21
DavidDizzer
Jenomže on používá redakční systém WZ, který se jmenuje Tvůrce webu. https://www.webzdarma.cz/tvurce… nový
DavidDizzer 19.03.2024 23:18
DavidDizzer
používať eventy volajúce JS na aplikovanie CSS je asi taký nezmysel ako ísť z Bratislavy do Brna aut… nový
Ale 19.03.2024 10:49
Ale
Co toto? znamená, že je to jedna z možností, jak to bude fungovat i v Londýně. nový
IQ37 19.03.2024 12:56
IQ37
Áno, z Bratislavy do Brna dôjdeš aj keď pôjdeš cez Londín... ale povedz mi kto by bol normálny, aby… nový
Ale 19.03.2024 13:59
Ale
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 nový
DavidDizzer 19.03.2024 23:16
DavidDizzer
V podstatě je to narážka na to původní řešení od IQ37, kde v tagu používá ty eventy onmouseover (čím… poslední
gilhad 20.03.2024 07:32
gilhad

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:


<!-- tady ten uryvek zacina -->
<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>
<!-- tady ten uryvek konci -->

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)

HOST:

Jenže on se nechce redakčního systému vzdát a psát web ručně, chápeš?

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 :)

Á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.

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ě

<div class="MZlinky"> ... <a href="kartacky-pro-kobold-eb7"> ... </a> ... </div>

(nebo dokonce i bez class, pokud se to dobře postaví)

2) v HEAD sekci jsi měl

<link rel="stylesheet" href="/css.css">

3) do kořenu svých stránek nahrál soubor css.css obsahující


.MZlinky a:link, .MZlinky a:visited { color: blue; text-decoration: none; }
.MZlinky a:hover, .MZlinky a:active { color: green;  text-decoration: none;  }

(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

Zpět do poradny Odpovědět na původní otázku Nahoru