Autor Zpráva
Renk
Profil *
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 *
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
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 *
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
Jestli jsem něco nepřehlédnul, zdá se to správně.
Renk
Profil *
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
Byl by odkaz na konkrétní stránku?
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
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).
Renk
Profil *
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

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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