Wiedza o Internecie
Wiedza o Internecie
W motywie Tumblr możesz zastosować prosty efekt, w którym zdjęcie jest rozmyte, a po najechaniu kursorem staje się wyraźne. Efekt działa wyłącznie w motywie bloga, nie w pojedynczych wpisach.
Do realizacji potrzebujesz dwóch identycznych pod względem wymiarów zdjęć:
Upewnij się, że oba pliki mają tę samą szerokość i wysokość.
Wstaw poniższy fragment JavaScript pomiędzy znaczniki <head> i </head> w kodzie swojego motywu. Skrypt obsługuje zdarzenia onMouseOver (wyświetlenie ostrego obrazu) i onMouseOut (powrót do rozmytego).
<script type="text/javascript">
function MouseRollover(img) { img.src = "Sharp.jpg"; }
function MouseOut(img) { img.src = "Blur.jpg"; }
</script>Zamień Sharp.jpg na adres URL ostrego zdjęcia, a Blur.jpg na adres rozmytego.
Umieść poniższy kod w miejscu, w którym ma pojawić się obraz. Określ w nim wymiary oraz podłącz zdarzenia JavaScript.
<div style="text-align:center;">
<img src="Blur.jpg" alt="Obraz" width="500" height="500"
onmouseover="MouseRollover(this)"
onmouseout="MouseOut(this)" />
</div>Podstaw Blur.jpg do rozmytego obrazu (wyświetlany domyślnie) oraz dostosuj wartości width i height do własnych potrzeb.
1. Zaloguj się do panelu Tumblr i wybierz Customize (Dostosuj) wybranego bloga.
2. Kliknij Edit HTML (Edytuj HTML).
3. Skopiuj fragment JavaScript i wklej go tuż przed zamykającym znacznikiem </head>.
4. Skopiuj kod HTML i wklej go w miejscu, w którym chcesz wyświetlić efekt.
5. Kliknij Update Preview, aby zobaczyć działanie, a następnie Save (Zapisz) zmiany.
Wprowadzenie Wiele serwisów oferuje gotowe widgety, które można osadzić w blogu, otwierając wiele możliwości personalizacji. Jeśli Twój motyw Tumblr posiada pasek boczny, wystarczy wkleić jedną linię kodu HTML w odpowiednie miejsce, aby wyświetlić wybrany widget. Krok po kroku Krok 1 – Wybór widgetu
Co to jest nagłówek w Tumblr? W Tumblr obraz umieszczony u góry głównej strony bloga nosi nazwę nagłówka (Header image). Możesz przygotować własny baner i ustawić go w wybranym motywie. Wymagania techniczne Rozmiar pliku: maksymalnie 10 MB (dla GIF‑ów animowanych limit 1 MB). Formaty: JPG, GIF, BMP
Migoczący kursor to prosty sposób na odświeżenie wyglądu Twojego konta na Tumblrze. Wystarczy dodać niewielki fragment kodu do szablonu, a cała strona zyska nowoczesny, błyszczący akcent. Wybierając kursor, zwróć uwagę na kolory szablonu, profil odbiorców oraz to, jak efekt będzie współgrał z grafik