poniedziałek, 16 listopada 2015

Własny jump-link

Ten napis czytaj więcej, dalej, czy co tam sobie ustawisz, jakiś taki nijaki. Pewnie, pobawimy się tłem, wartościami hover... ale to nie to.
Najlepiej byłoby umieścić w miejsce tego linku obrazek. Więc będę fajna i opowiem, jak to zrobić.
W kodzie HTML znajdź ten fragment:
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
I zmień go na ten:
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src="link do twojego obrazka" /></a>
</div>
</b:if>
Tłumacząc z HTML na nasz, na początku jest napisane: w elemencie o nazwie jump-link umieść link do całości posta w postaci ustawionego (w układzie, jeśli ktoś nie wie) tekstu. Potem: w elemencie o nazwie jump-link umieść link do całości posta w postaci obrazka, który jest tam i tam. A to tam i tam to link.
Żeby było zabawniej, podrzucam straszydło, które było jump-linkiem na moim blogu.

1 komentarz:

  1. Ciesze się, że strona nareszcie zaczęła funkcjonować i już nie mogę się doczekać kolejnych instrukcji, mimo tego, że na razie większość znam ;)

    OdpowiedzUsuń