Tvorba webu

Martin Kovalčík
Uživatelský avatar
WD Trader: N/A/5

Příspěvky: 32
Registrace: 10.01.2012
Asi hodinu přemýšlím nad tím, jak dostat k externímu odkazu jeho symbol.

Pro ty co neví co myslím, jedná se o to, aby se tento symbol přidal ke každému externímu odkazu.
externisoubor.png
externisoubor.png (3.23 KiB) Zobrazeno 4432 krát


Napadá mě pouze ruční vložení obrázku ke každému z odkazů, to mi ale přijde složité a nepohodlné.
Neřešil někdo už něco podobného?

Jan Paluska
Uživatelský avatar

Administrátor
WD Trader: 4.78/5

Příspěvky: 1323
Registrace: 14.02.2011
Můžeš použít PHP, JavaScript a nebo CSS 3 (to bych asi volil):

Tímto kódem se ke všem odkazům přidá obrázek
Kód: Vybrat vše
a[href^="http:"] {
   background: url(ODKAZ_NA_TVUJ_OBRAZEK) no-repeat right top;
}


A tímto kódem zařídíš, že pro odkazy, které vedou na tvůj web se obrázek zruší (pro ty ostatní - externí zůstane)
Kód: Vybrat vše
a[href^="http://vasweb.cz"], a[href^="http://www.vasweb.cz"]{
   background-image: none;
}
Pomohl jsem? Použij tlačítko [+]
 Dar

sikec
WD Trader: 4.5/5

Příspěvky: 743
Registrace: 15.07.2011
Mno tento znak se přidává třeba ve Wordpressu přes plugin External links (a určitě i jiný).

Lukáš Jirsa
Uživatelský avatar
WD Trader: N/A/5

Příspěvky: 181
Registrace: 02.12.2011
Lany
Uživatelský avatar
WD Trader: 4.5/5

Příspěvky: 429
Registrace: 15.12.2011
Ono v podstatě kdo potřebuje, tak takhle může přidat k odkazu jakýkoliv obrázek podle toho, kde odkaz směřuje, nebo na jaký typ souboru. Více k tématu třeba tady: http://www.psyked.co.uk/css/auto-matic-link-icons.htm

Martin Kovalčík
Uživatelský avatar
WD Trader: N/A/5

Příspěvky: 32
Registrace: 10.01.2012
Jan Paluska píše:
Můžeš použít PHP, JavaScript a nebo CSS 3 (to bych asi volil):

Tímto kódem se ke všem odkazům přidá obrázek
Kód: Vybrat vše
a[href^="http:"] {
   background: url(ODKAZ_NA_TVUJ_OBRAZEK) no-repeat right top;
}


A tímto kódem zařídíš, že pro odkazy, které vedou na tvůj web se obrázek zruší (pro ty ostatní - externí zůstane)
Kód: Vybrat vše
a[href^="http://vasweb.cz"], a[href^="http://www.vasweb.cz"]{
   background-image: none;
}


Děkuji, nevěděl jsem, že to jde tak jednoduše přes CSS.

Jan Paluska
Uživatelský avatar

Administrátor
WD Trader: 4.78/5

Příspěvky: 1323
Registrace: 14.02.2011
V pohodě, hlavně když se problém vyřeší a přinese ti to užitek ;)
Pomohl jsem? Použij tlačítko [+]
 Dar

Pro plnohodnotné využívání fóra, vč. psaní příspěvků se musíte registrovat nebo se přihlásit.
Registrovat se nebo Přihlásit se