Autor Zpráva
h0n24
Profil
#1 · Zasláno: 4. 3. 2007, 11:43:08 · Upravil/a: h0n24
Odpovědět Citovat
Zdravím,

v poslední době mne zaujaly malinkaté obrázky u odkazů (příklad: ) hojně využívané například na lupě, nebo na programujte, které návštěvníka upozorňují, že odkaz vede na jiný web než na ten, na kterém se právě nacházejí.

Vyřešit to, jak umístit obrázek za odkaz se dá snadno - pomocí CSS.
a {background-image:url("obrázek.png");padding-right:12px;background-rep eat: no-repeat;background-position: 100% 0%}
Ale jak zajistit, aby se tento obrázek nezobrazoval u odkazů na mou stránku a zobrazoval u odkazů vedoucích na ostatní stránky?

Děkuji za případnou odpověď.
S pozdravem, h0n24.
Bubák
Profil
#2 · Zasláno: 4. 3. 2007, 12:05:04
Odpovědět Citovat
Co tak se podívat do zdroje: http://f.lupa.cz/css/lu_urs.css
Na konci najdeš něco z CSS3

Příklad:
a[href^="http://"] {background: silver;} /* nefunguje v IE */
h0n24
Profil
#3 · Zasláno: 4. 3. 2007, 12:32:52
Odpovědět Citovat
Tohle jsem potřeboval. Prohledával jsem jak lupu, tak i programujte, ale přesně toto jsem nemohl najít.
Dík.
habendorf
Profil
#4 · Zasláno: 4. 3. 2007, 12:35:58
Odpovědět Citovat
h0n24: Více k tématu: http://interval.cz/clanky/css2-selektory-pseudotridy-a-pseudoelementy/
Timy
Profil
#5 · Zasláno: 4. 3. 2007, 12:46:49
Odpovědět Citovat
Já jsem na to kdysi sesmolil nějaký chatrně fungující Javascript:

window.onload=function(){
for(i=0;i<document.links.length;i++)
{
cil_odkazu=document.links[i].href;
if(cil_odkazu.indexOf("matematika.havrlant")<0)
{
document.links[i].className+=" external";
document.links[i].title="Odkaz vede mimo tento web";
}
}
}

Místo "matematika.havrlant" tam patří pochopitelně nějaká vaše doména.
yFang
Profil
#6 · Zasláno: 4. 3. 2007, 14:26:10
Odpovědět Citovat
Co třeba css třídy?

css: 

a.pryc {

background-image:url("obrázek.png");

padding-right:12px;

background-rep eat: no-repeat;

background-position: 100% 0%;

}


html: 


<a href="www.neco.cz" class="pryc">Text odkazu</a>
Gappa
Profil
#7 · Zasláno: 4. 3. 2007, 21:27:40 · Upravil/a: Gappa
Odpovědět Citovat
Jak to chceš udělat, máš-li db (mimo jiné) plnou odkazů nijak nerozlišených? Zde musí nastoupit buď pokročilejší CSS nebo JS - doplňovat třídy přímo do dat v db by nebylo asi uplně košér.
yFang
Profil
#8 · Zasláno: 5. 3. 2007, 18:12:34
Odpovědět Citovat
Nějak jsem nepostřehl, že se mluvilo o db. To by byla samozřejmě blbost.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0