Autor | Zpráva | ||
---|---|---|---|
Renk Profil * |
#1 · Zasláno: 16. 2. 2012, 01:28:24
Dobrý den,
potřeboval bych prosím Vás poradit s následujícím problémem v kódu stránek mám zapsáno, aby po najetí myši na odkaz, mi ten nápis z bílé bary přešel do šedivé. Občas ale potřebuji při vkládání např. nějakého upozornění nebo článku udělat, aby mi ten odkaz nezešednul, ale zmodral, a v další větě třeba zčervenal, v další zezelenal atd. Ovšem stále nemohu přijít na to, jak to do daného příspěvku nastavit, abych pokaždé v základu stránky nemusel přidávat různé styly odkazů a ještě pak na ně v tom kódu příspěvku odkazovat. Tkž např.: <span class="Apple-style-span" style="font-family: 'Tahoma CE', Tahoma, sans-serif;">když budu mít nějaký text a v něm<a href="nějaký">odkaz</a>aby mi po najetí na něj nezešednul, ale např. zmodral</span> Mohli by jste mi prosím poradit jak to udělat? Předem děkuji za veškeré rady |
||
JaySee Profil |
/*CSS*/
a {color: white;font-family: 'Tahoma CE', Tahoma, sans-serif;} a:hover {color: gray; text-decoration: none;} a.cervena:hover {color: red;} a.zelena:hover {color: green;} a.modra:hover {color: blue;} <!--HTML--> <a href="#>normální odkaz</a> <a href="#" class="cervena">červený odkaz</a> <a href="#" class="zelena">zelený odkaz</a> <a href="#" class="modra">modrý odkaz</a> |
||
Miloš Profil |
Případně pokud se to týká odkazů, které se vyskytují v nějakém druhu odstavce a podobně, v němž se nevyskytují normální odkazy, například v textu s novinkami:
<!DOCTYPE HTML> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> body {color: black; background-color: white;} a {color: navy; background-color: yellow; padding: 1px;} a:hover {color: yellow; background-color: navy; text-decoration: none;} .novinky a {color: #f90; background-color: black;} .novinky a:hover {color: black; background-color: #f90;} .blbosti a {color: maroon; background-color: fuchsia;} .blbosti a:hover {color: fuchsia; background-color: maroon;} a.externi {border: 2px dotted lime; text-decoration: none;} a:externi:hover {border-style: solid;} </style> <title>Odkazy</title> <h1>Odkazy a <a href="#">čilimňouk</a></h1> <p>Pepíček má každý večer <a href="#">nápady a západy</a>, které nikdy nikoho nenapadají. Jednou napadly stařenku v parku, ale ta se ubránila, protože měla za manžela Děsivého Tuřína, jenž každý večer sundaval ze střechy kominíky a nosil jim po chlívku prasečí polívku, aby byli morálně silní. <p class="novinky">Novínky hovínky <a href="#">zelení mužíci</a> / dali si po tlamě vepřovou palicí. / Ta měla jako vždy hovězí nápady, / aby si kotletou šťouchali do brady.// <p class="blbosti">Lorem ipsum dementi a paka, <a href="#">hovadis pitomka</a> bidomka kry+plus (kry-minus) blbus hovadus. Horem padem Rhonou breberis, cravinium pipina zadellis? Homunkulus creatura zrudnis fujtajblex et dementem cementis Blbuhnat dodo dromedaris nechutnarium… <p>No a to je asi <a href="#">švecko</a>, (o)mylé dědzko. <a href="#" class="externi">Poslední odkaz vede z kola ven.</a> |
||
Renk Profil * |
#4 · Zasláno: 16. 2. 2012, 14:08:06
No a opět jsme narazili na ten problém, když to hodím třeba jako upozornění do sidewrapperu, např. !Upozornění! o víkendu se budou konat poslední kurzy první pomoci(odkaz) a zdravé výživy(odkaz), přečtěte si podmínky přihlášení(odkaz) a způsob platby(odkaz). tak se to z nějakýho důvodu "nadřadí" nad samotný kód stránek a změní to kompletně vzhled celelých stránek, namísto toho, aby se to použilo jen na ten jeden konkrétní sidebar. Pužije se to i na menu, na rss čtečku, nadpisy článků apod. :/
|
||
Miloš Profil |
#5 · Zasláno: 16. 2. 2012, 14:27:49
Přečti si něco o dědičnosti a o váze jednotlivých selektorů.
Ve tvém případě předpokládám, že máš kód, o který ti jde, napříkld v bloku <div id="sidebar">. V takovém případě není nic jednoduššího než před daná pravidla předřadit tento selektor: div#sidebar a {color: navy; background-color: yellow; padding: 1px;} div#sidebar a:hover {color: yellow; background-color: navy; text-decoration: none;} div#sidebar .novinky a {color: #f90; background-color: black;} div#sidebar .novinky a:hover {color: black; background-color: #f90;} div#sidebar .blbosti a {color: maroon; background-color: fuchsia;} div#sidebar .blbosti a:hover {color: fuchsia; background-color: maroon;} div#sidebar a.externi {border: 2px dotted lime; text-decoration: none;} div#sidebar a:externi:hover {border-style: solid;} |
||
Renk Profil * |
#6 · Zasláno: 16. 2. 2012, 23:33:20
To Miloš: Jj přesně tak to mám, teď jsem to zkusil tam vložit. Resp. nyní do headeru, protože jsem menu a upozornění přesunul tam vypadá to lépe, na straně už bylo moc věcí.
takže teď akorát stačí dát toto před div#header a {color: navy; background-color: transparent; padding: 1px;} div#header a:hover {color: yellow; background-color: navy; text-decoration: none;} div#header .novinky a {color: #f90; background-color: transparent;} div#header .novinky a:hover {color: black; background-color: transparent;} div#header .blbosti a {color: maroon; background-color: transparent;} div#header .blbosti a:hover {color: fuchsia; background-color: transparent;} div#header a.externi {border: 2px dotted lime; text-decoration: none;} div#header a:externi:hover {border-style: solid;} toto # #header-wrapper { background-color: blue no-repeat; width:980px; height:333px; margin:0; padding:0; text-align:right; } #header { margin:0; padding:0; } #header h1 { margin:0; padding:180px 70px 0 400px; font-size: 30px; font-weight:bold; font-style:normal; color:#999999; } #header a:link, #header a:visited { color:#ffffff; text-decoration:none; } #header a:hover { color:#C0C0C0; text-decoration:none; font-size:15px; } .descriptionwrapper p { margin:0; padding:0 50px 0 400px; font-style: normal; font-size:18px; font-weight:bold; color: #c0c0c0 jestli to chápu dobře |
||
Miloš Profil |
#7 · Zasláno: 17. 2. 2012, 09:40:58
Jestli jsem něco nepřehlédnul, zdá se to správně.
|
||
Renk Profil * |
#8 · Zasláno: 17. 2. 2012, 13:12:32
No, a stejně mi to nefunguje :/, když jsem pak do widgetu vložil toto (ten Váš předchozí)
<!DOCTYPE HTML> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> body {color: black; background-color: white;} a {color: navy; background-color: yellow; padding: 1px;} a:hover {color: yellow; background-color: navy; text-decoration: none;} .novinky a {color: #f90; background-color: black;} .novinky a:hover {color: black; background-color: #f90;} .blbosti a {color: maroon; background-color: fuchsia;} .blbosti a:hover {color: fuchsia; background-color: maroon;} a.externi {border: 2px dotted lime; text-decoration: none;} a:externi:hover {border-style: solid;} </style> <title>Odkazy</title> <h1>Odkazy a <a href="#">čilimňouk</a></h1> <p>Pepíček má každý večer <a href="#">nápady a západy</a>, které nikdy nikoho nenapadají. Jednou napadly stařenku v parku, ale ta se ubránila, protože měla za manžela Děsivého Tuřína, jenž každý večer sundaval ze střechy kominíky a nosil jim po chlívku prasečí polívku, aby byli morálně silní. <p class="novinky">Novínky hovínky <a href="#">zelení mužíci</a> / dali si po tlamě vepřovou palicí. / Ta měla jako vždy hovězí nápady, / aby si kotletou šťouchali do brady.// <p class="blbosti">Lorem ipsum dementi a paka, <a href="#">hovadis pitomka</a> bidomka kry+plus (kry-minus) blbus hovadus. Horem padem Rhonou breberis, cravinium pipina zadellis? Homunkulus creatura zrudnis fujtajblex et dementem cementis Blbuhnat dodo dromedaris nechutnarium… <p>No a to je asi <a href="#">švecko</a>, (o)mylé dědzko. <a href="#" class="externi">Poslední odkaz vede z kola ven.</a> |
||
Miloš Profil |
#9 · Zasláno: 17. 2. 2012, 21:38:14
Byl by odkaz na konkrétní stránku?
|
||
Časová prodleva: 3 dny
|
|||
peta Profil |
Renk:
Co znamena nefunguje? Posli stranku. Screen. Nefunguje zname treba prekousnuty kabel. Nic s kabelem tam nevidim. Nedava to tedy smysl. Kod, ktery jsi poslal (Zasláno: 17. 2. 2012, 13:12:32), tak ve Firefoxu funguje. Pokud pouzivas jiny alternativni prohlizec, musis uvest ktery a jakou verzi. Nekterym prohlizecum vadi pojmenovani barev navy misto kodu barvy v sestnastkove soustave #123456. Cili pak jedine platne barvy jsou: .novinky a {color: #f90;} .novinky a:hover {background-color: #f90;} Navic, mozna bych uzavrel tag P. |
||
Bubák Profil |
#11 · Zasláno: 20. 2. 2012, 16:02:36
peta:
„Kod, ktery jsi poslal (Zasláno: 17. 2. 2012, 13:12:32), tak ve Firefoxu funguje. Pokud pouzivas jiny alternativni prohlizec, musis uvest ktery a jakou verzi.“ Není třeba, ve všech běžných prohlížečích to funguje úplně stejně. „Nekterym prohlizecum vadi pojmenovani barev navy misto kodu barvy v sestnastkove soustave #123456.“ Šíříš bludy. Pokud to podle tebe neumí nějaký alternativní prohlížeč, musíš uvést který a jakou verzi. peta: Tag <p> je uzavřený. Plete se ti, co je tag a co je element. Element P je uzavřený, i když němá koncovou značnu (tag). |
||
Časová prodleva: 8 dní
|
|||
Renk Profil * |
#12 · Zasláno: 28. 2. 2012, 17:10:07 · Upravil/a: Renk
Dobrý den, omlouvám se, že píši až nyní, ale byl jsem týden pryč. Problém už je stejně vyřešen, menu se hodilo na stranu a tak není potřeba barevné odlišení a ostatní věci jsem také zjednodušil. I když se mi to nakonec podařilo udělat, stejně jsem to pak smazal, bylo to nepřehledné a vypadalo to divně. Inu v jednoduchosti je síla... Takže bohužel už teď nemohu hodit odkaz na daný problém, protože byl vyřešen, resp. jsem se mu vyhnul :/ :D. Nyní bohužel ale řeším nový problém. Potřebuji vytvořit parazitní formulář a ono to ne a ne fungovat. Regnul jsem se na blueform a stáhnul ten jejich html kód: <!-- BLUEBOARD MAILFORM -->
<iframe allowtransparency="true" frameborder="0" scrolling="no" width="330" height="140" src="http://www.blueboard.cz/mailform.php?id=238645"></iframe> <!-- BLUEBOARD MAILFORM KONEC--> Potřebuji to ale předělat do parazitního formuláře, který jsem našel na netu a upravil si dle svých požadavků: <form method="post" enctype="multipart/form-data" action="http://www.blueboard.cz/mailform.php?id=238645"> <input type=hidden name="code" value="4f4cf15fd835b"> <input type=hidden name="prijemce" value="objednavka@daneurope.org"> <input type=hidden name="predmet" value="Objednávka"> <input type=hidden name="daneuropecz" value="http://www.blueboard.cz/"> <table> <tr> <td>Jméno a přijmení</td> <td><input name=jmeno></td> </tr> <tr> <td>Členské číslo</td> <td><input name=cislo></td> </tr> <tr> <td>Telefonní číslo</td> <td><input name=telefon></td> </tr> <tr> <td>Objednávám následující pojištění</td> <td> <select name=co_objednava> <option value="DAN Sport Bronze">DAN Sport Bronze <option value="DAN Sport Silver">DAN Sport Silver <option value="DAN Sport Gold">DAN Sport Gold <option value="DAN Pro Bronze">DAN Pro Bronze <option value="DAN Pro Bronze Deluxe">DAN Pro Bronze Deluxe <option value="DAN Sport Bronze">DAN Pro Gold <option value="DAN Sport Silver">DAN DAN Family Sport <option value="DAN Sport Gold">DAN DAN Family Mix <option value="DAN Pro Bronze">DAN DAN Family Travel </select> </td> </tr> </table> <input type="submit" name="Submit" value="Odeslat"> <input type="reset" name="Reset" value="Reset"> </form> Bohužel při stisknutí tlačítka odeslat mi to načte znovu formulář (ten původní od BF) v novém okně. Kde dělám chybu? Házím to sem, abych nedělal další paseku na fóru. Předem děkuji za veškeré rady Doplňuji ještě adresu www.daneuropecz.org/p/objednavky.html |
||
Časová prodleva: 13 let
|
0