Přejít na hlavní obsah

Jak vytvořit klikací odkaz v popisu telegramů

  • Růžena Čermák
  • Praxe

Telegram je jedním z nejpopulárnějších poslů na světě, který poskytuje příležitost komunikovat s přáteli, kolegy a blízkými a sdílet informace. V popisu Vašeho účtu v telegramu můžete umístit užitečné odkazy, které budou klikací, to znamená, že uživatelé na ně budou moci přejít pouhým kliknutím na příslušný odkaz. Chcete vědět, jak udělat odkaz kliknutým v popisu telegramů? Pokračujte ve čtení a podrobně vám to řekneme.

Chcete-li, aby byl odkaz v popisu telegramů kliknutelný, budete muset použít formátování HTML. Proces je poměrně jednoduchý a nevyžaduje žádné speciální programovací dovednosti. Musíte vložit značku před odkazem a zavřít. Poté nezapomeňte zadat atribut href, ve kterém uveďte adresu, na kterou by měl odkaz vést. Kombinací této značky s jinými HTML značkami můžete změnit vzhled odkazu, Přidat styly a vysvětlení. Použijte například značku pro zvýraznění odkazu kurzívou nebo pro zvýraznění tučným písmem.

Kromě toho můžete pomocí HTML tagů přidat další položky do popisu telegramů, jako jsou obrázky, seznamy a dokonce i tabulky. Nezapomeňte, že Telegram omezuje délku popisu účtu, takže se snažte být struční a sdělit pouze nejdůležitější informace. Pomocí odkazů nasměrujte uživatele na váš web, blog nebo jiné platformy.

Označte odkaz značkou a

K zadání adresy odkazu použijte atribut href

Aby byl odkaz kliknutelný v popisu telegramů, je nutné použít atribut href v HTML tagu (anchor, kotva) k určení adresy, na kterou má být kliknuto na odkaz.

Atribut href bere hodnotu jako adresu URL, která může být relativní i absolutní. Relativní adresa URL označuje zdroj umístěný uvnitř stejné domény jako Stránka, na které je odkaz umístěn. Absolutní adresa URL označuje zdroj umístěný na uvedené plné cestě.

Chcete-li například vytvořit klikací odkaz na stránku "https://example.com", je třeba použít následující HTML kód:

HTMLPopis
Název odkazu Vytvoření odkazu na absolutní adresu URL "https://example.com" s uvedením názvu odkazu.

Výsledkem je, že kliknutím na uvedený název odkazu bude uživatel přesměrován na stránku "https://example.com".

Přidejte text odkazu mezi úvodní a závěrečnou značku a

V tomto příkladu se text odkazu "Telegram" zobrazí na stránce a bude klikat, po kliknutí na něj bude uživatel přesměrován na web telegramů.

Můžete také přidat atribut target= "_blank" pro značku, aby se odkaz otevřel na nové kartě prohlížeče:

Nyní, když kliknete na odkaz, otevře se na nové kartě, aniž byste přesměrovali uživatele z aktuální stránky.

Zadejte barvu odkazu pomocí CSS

Chcete-li nastavit barvu odkazu, můžete použít vlastnost color v CSS. Chcete-li to provést, musíte nastavit hodnotu barvy pomocí jednoho z dostupných formátů, jako je název barvy (jako je červená nebo modrá), Kód barvy (jako je #ff0000, který odpovídá červené barvě) nebo funkce rgb nebo rgba, kde jsou uvedeny hodnoty červené , zelené a modré.

Chcete-li například nastavit barvu odkazu na modrou, můžete použít následující pravidlo CSS:

Všechny odkazy na stránce tak budou mít modrou barvu textu.

Můžete také nastavit barvu odkazu pro konkrétní stav, například při kliknutí na odkaz nebo po jeho návštěvě. K tomu se používají pseudoklasy: hover a: visited . Chcete-li například nastavit červenou barvu odkazu, když na něj najedete, můžete použít následující pravidlo CSS:

Při kliknutí na odkaz tedy změní barvu na červenou.

Pomocí CSS je možné nastavit libovolné barvy pro odkazy, aby byly atraktivnější a zvýrazněné na stránce.

Přidejte styl odkazu pomocí CSS

Chcete-li, aby byl odkaz v popisu telegramů kliknutelný, můžete použít CSS k přidání stylu a vzhledu odkazu. Zde je návod, jak to udělat:

KrokPopisCSS
1Přidejte do svého odkazu třídu nebo id. Váš odkaz
2Určete styl pro svůj odkaz v CSS. .clickable-link text-decoration: underline;
color: #0000FF;
cursor: pointer;
>

Výše uvedený příklad používá třídu "clickable-link", kterou lze změnit na vlastní. Po definování stylu v CSS se odkaz zobrazí s podtržením, modrou barvou a změnou tvaru kurzoru na ukazatel při najetí.

Nezapomeňte přidat svůj CSS kód na stránku nebo do externího souboru stylů, aby se vztahoval na odkaz v telegramu. Všimněte si, že styly lze upravit podle vašich preferencí.

Pro odkaz použijte obrázek na pozadí

Když vytvoříte klikací odkaz v popisu telegramů, můžete zlepšit jeho vizuální zobrazení přidáním obrázku na pozadí. To pomůže upoutat pozornost uživatelů a učiní vaši zprávu atraktivnější.

Chcete-li přidat obrázek na pozadí odkazu, budete muset použít styly CSS. Obecně se k tomu používá vlastnost "background-image", která umožňuje nastavit obrázek jako pozadí prvku.

Můžete například tímto způsobem vytvořit odkaz s obrázkem na pozadí:

  1. Přidejte položku odkazu třída nebo ID, abyste ji mohli zadat do CSS.
  2. V CSS souboru nebo uvnitř značky