Autor Zpráva
h0n24
Profil
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
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
Tohle jsem potřeboval. Prohledával jsem jak lupu, tak i programujte, ale přesně toto jsem nemohl najít.
Dík.
habendorf
Profil
h0n24: Více k tématu: http://interval.cz/clanky/css2-selektory-pseudotridy-a-pseudoelementy/
Timy
Profil
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
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
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
Nějak jsem nepostřehl, že se mluvilo o db. To by byla samozřejmě blbost.
Toto téma je uzamčeno. Odpověď nelze zaslat.