| 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: #c0c0c0jestli 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