Odsyłacz - strzałka wychodząca z kwadracika - jak zrobić/gdzie znaleźć?

[cm2011]

Hejka!

 

Mam zagadkę. Słuchacie? 

 

Jak się nazywa mały kwadracik ze strzałką skierowaną na prawo ku górze, który "robi" za odsyłacz. To jest niby ikonka, ale taka mniejsza i typowo graficzna coś w stylu []/

Nie mam fotki, bo jeszcze się nie natknęłam.

Dzięki za podpowiedź.

 

Pozdrawiam,

[Mion]

https://fortawesome.github.io/Font-Awesome/icons/

[cm2011]

dzięki, duży wybór, ale pudło, nie ma tam. Szukam symbolu anchora umieszczanego za wyrazem []/ (strzałka wychodząca z kwadracika na prawo do góry). Tradycyjnie zaznacza się tekst i wstawia odnośnik, taki anchor każdy zna. Nowym sposobem jest wstawianie znaczka za słowem.

 

 

OK, drugie spojrzenie pomogło! Dzięki.

[ar4]

I jak znalazłeś rozwiązanie? Najprawdopodobniej w CSS-ie, dobrze piszę? Podziel się informacją dla potomnych.

[fajnygrabarz]

Można to zrobić np. tak:

 

w css

a[href^="https://"]:after, 
a[href^="https://"]:after {
font-family: 'FontAwesome';
    content: " \f08e";
}

w html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

albo bez font awesome, tylko z własną ikoną

 

css

a[href^="https://"]:after, 
a[href^="https://"]:after {
content: url(https://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
  margin: 0 0 0 5px;
}

Jeśli nie chcesz wyświetlania ikony przy linkach wewn. to dajesz

a[href*="//twojadomena"]:after {
  content: '';
  margin: 0;
}