Autor Zpráva
wovisek
Profil
Dobrý den. Za prvé nevím jestli to dobře označuji. Tak mě kdyžtak opravte, ale mi to mu říkali: Třístavová tlačítka jinak také tlačítko ve třech fázích... Tedy Mám tři nebo dva obrázky a chci aby ve fázi 1. tlačítko bylo třeba černobíle a ve fázi druhé po najetí na něj myší bylo barevné... :) Příklad stránky mého kamaráda, ...

http://stepanlanda.cz/

Pokud by jste někdo napověděli... :)
Zechy
Profil
Předělat ty obrázky do černobíla - a nastavit danému prvku defaultně šedivý obrázek a při :hover ten co chceš ukázat.
wovisek
Profil
Ahoj Zechy, díky za odpověď, ale měl bych na tebe ještě prosbu. Docela se s tím tady štvu už dlouho. Mohl by ses mi na to podívat jestli je to dobře. Je možné, že to zkrátka editor nepovoluje. Vždy mi tu část s :hover smaže


<div style="display:inline;float:left;margin:5px 10px 0px 0px">
<a href="https://sites.google.com/site/absoluteminimum1000/photo/Detaily_bw.png?attredirects=0" imageanchor="1">
<img src="https://lh6.googleusercontent.com/-b8DrVlLPt08/UAvGbphkEEI/AAAAAAAAABU/nUwGaS6wh3A/s227/Detaily_bw.png" border="0">

<a:hover {img src="https://lh5.googleusercontent.com/-gQ404l5XL80/UAu-rS8wU9I/AAAAAAAAAAw/JGxy0MbT9-0/s227/Detaily.png"}></a></div>
Zechy
Profil
To s tim hover jsem samozřejmě myslel nastavení CSS čili:
a, a:visited {
backroung-image: url('odkaz na obrázek šedej');
}
a:hover {
background-image: url('odkaz na obrázek po přejetí');
}
wovisek
Profil
To se provádí v obsahu stránky, že jo. Já opravdu nejsem skoro vůbec v obraze. Jen se o něco pokouším.... :) Děkuji, vyzkouším.
Zechy
Profil
Pro začátek tohle můžeš hodit do tagů <style></style> do <head></head>
wovisek
Profil
No ten já právě nemohu upravovat, proto jsem se ptal.
Keeehi
Profil
wovisek:
Tak ani v body to vadit nebude. Může to být prakticky všude.
wovisek
Profil
Keeehi

A mohl by si nějak obšírněji poradit. Kde to má být přesně umístěno a jakým způsobem. Zatím to vše nějak pletu...
Keeehi
Profil
Když to, co napsal Zechy v [#4] vložíš do <style> a to pak vložíš opravu kamkoliv v <body>, mělo by to fungovat.
wovisek
Profil
No to <style> nemohu upravovat. Jediné co mohu zkoušet je upravovat html body. Jenže teď mi to zase hodilo nepovolené značky a kod mi to upravilo. Zasílám celý kód tak jak jsem ho zapsal...

<div style="display:inline;float:left;margin-top:5px;margin-right:10px;margin-bottom:0px;margin-left:0px; 

a:visited {background-image: "https://lh6.googleusercontent.com/-b8DrVlLPt08/UAvGbphkEEI/AAAAAAAAABU/nUwGaS6wh3A/s227/Detaily_bw.png"};

a:hover {background-image: "https://lh5.googleusercontent.com/-gQ404l5XL80/UAu-rS8wU9I/AAAAAAAAAAw/JGxy0MbT9-0/s227/Detaily.png"}>


<a href="https://sites.google.com/site/absoluteminimum1000/priroda" imageanchor="1">
<img src="https://lh6.googleusercontent.com/-b8DrVlLPt08/UAvGbphkEEI/AAAAAAAAABU/nUwGaS6wh3A/s227/Detaily_bw.png" border="0"></a></div>

Myslel jsem, že by to takto mohlo být správně... Ale jak jsem psal nemohu upravovat v Head a style...

...Mimochodem ty stránky se snažím takto upravovat v aplikaci google sites. Tak jestli s tím máte třeba někdo nějaké zkušenosti. Že by to nešlo... :(
Zechy
Profil
<div style="display:inline;float:left;margin-top:5px;margin-right:10px;margin-bottom:0px;margin-left:0px; 
 
a {background-image: 'https://lh6.googleusercontent.com/-b8DrVlLPt08/UAvGbphkEEI/AAAAAAAAABU/nUwGaS6wh3A/s227/Detaily_bw.png'};
 
a:hover {background-image: 'https://lh5.googleusercontent.com/-gQ404l5XL80/UAu-rS8wU9I/AAAAAAAAAAw/JGxy0MbT9-0/s227/Detaily.png'}>
 
 
<a href="https://sites.google.com/site/absoluteminimum1000/priroda" imageanchor="1">
<img src="https://lh6.googleusercontent.com/-b8DrVlLPt08/UAvGbphkEEI/AAAAAAAAABU/nUwGaS6wh3A/s227/Detaily_bw.png" border="0"></a></div>

Píšeš-li style do uvozovek, musíš u atributů v CSS co mají být uvozovkách používat apostrofa, to samé pokud použiješ na style apostrofa, uvnitř pak budou uvozovky.

Vaše odpověď

Mohlo by se hodit

  • Pokud přikládáte obrázkové ukázky, dbejte prosím na jejich přijatelnou (datovou) velikost.
  • Uvádějte v titulku grafický program, na který se ptáte.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: