| Autor | Zpráva | ||
|---|---|---|---|
| wovisek Profil |
#1 · Zasláno: 21. 7. 2012, 19:41:34
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 |
#2 · Zasláno: 21. 7. 2012, 20:04:09
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 |
#5 · Zasláno: 22. 7. 2012, 11:51:58
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 |
#6 · Zasláno: 22. 7. 2012, 11:55:39
Pro začátek tohle můžeš hodit do tagů <style></style> do <head></head>
|
||
| wovisek Profil |
#7 · Zasláno: 22. 7. 2012, 11:59:16
No ten já právě nemohu upravovat, proto jsem se ptal.
|
||
| Keeehi Profil |
#8 · Zasláno: 22. 7. 2012, 12:15:49
wovisek:
Tak ani v body to vadit nebude. Může to být prakticky všude. |
||
| wovisek Profil |
#9 · Zasláno: 22. 7. 2012, 12:19:55
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 |
#10 · Zasláno: 22. 7. 2012, 13:19:52
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. |
||
|
Časová prodleva: 12 let
|
|||
0