Monday, July 28, 2014

Tytuły linków

Dzisiaj będzie o tytułach linków, czyli o rzeczy bardzo prostej, o której jednak wcześniej nic pisane nie było. Ostatnio coś mi się o uszy obiło i postanowiłam, że pomysł jest ciekawy i można się tym nieco pobawić. Ale dzisiaj tylko teoria, praktyka w kolejnym poście. 

Jak wygląda link każdy wie, ale dla przypomnienia:
<a class="nav" href="http://graphical-thoughts.blogspot.com/">Link 1</a>
Elementy:

  • czerwone to klasa linku. O tym już było przy okazji tworzenia bardzo prostego menu. Jest to po prostu pewien "coś", który definiuje nam wygląd linku;
  • zielone to adres url, do którego przenosi nas link;
  • niebieskie to nazwa linku, które nie należy mylić z tytułem.
A więc gdzie w tym wszystkim tytuł? A no tu:
<a title="przenieś" class="nav" href="http://graphical-thoughts.blogspot.com/">Link 1</a>


Powyżej podgląd live naszego małego dzieła.
Ten atrybut sprawi, że po najechaniu na link pojawi się tytuł, który wcześniej wpisaliśmy, czyli tutaj "przenieś". Proste? No ba, że proste!

Wednesday, July 23, 2014

Przycisk "Do góry" - czyli strzałeczka przenosząca do góry bez scrollowania

Od razu warto wspomnieć, że poniższa instrukcja pochodzi z Gumdi.com ( instrukcja ), poniżej zaprezentowany jest sposób, który znajdziecie w tym źródle. Sposób sprawdzony i działający.

Po pierwsze warto napisać, że w jedynym gadżecie HTML upchniemy jQuery, kody CSS i HTML. Oczywiście można każdy fragment przenieść do odpowiedniego miejsca w kodzie HTML szablonu, ale może nie utrudniajmy sobie już i tak łatwej pracy. 

W takim razie do dzieła. 
Jak już zapewne zauważyliście zaczynamy prawie standardowo, czyli:

Układ > Dodaj gadżet ( w obojętnym miejscu ) > HTML/JavaScript