Edycja obrazka w poście

» instrukcja » Edycja obrazka w poście

W tej instrukcji pokaże wam, w jaki sposób sprawiam, że obrazki wyświetlają się w poście na stronie głównej, a znikają lub zmieniają miejsce po przejściu do posta.

+ Matura poszła mi dobrze 😄
+ Będę studiować na WIT, może ktoś też się z was tam wybiera?
+ Deadline na zamówienie się zbliża, więc już niedługo będzie pojawiać się więcej grafiki 😈
+ Ankieta nadal działa, więc zapraszam i dziękuję tym, którzy już ją wypełnili 😗

Krok 1.
Wchodzimy w post, zmieniamy zakładkę z Nowy post na HTML (pod polem dla tytułu) i dodajemy prosty kod.

<div class="art">
tutaj dodaj obrazek
</div>

Krok 2.
Teraz trzeba wejść w HTML i dodać warunkowanie dla posta nad </body>.

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
kod CSS
</style>
</b:if>

Zmiana miejsca
W kod CSS dodajemy:

.art {
position: absolute;
top: 0%;
left:0%;
}

Absolute może nie działać, jeżeli na post daliście relative. Obrazek wtedy nie będzie się pokazywał w rogu strony (top, left), a w rogu posta.

Zniknięcie obrazka
W kod CSS dodajemy:

.art {
display:none;
}

Proste, prawda? 😁 Zapraszam do eksperymentowania z tą metodą, ponieważ nie musi zostać użyta do obrazków, ale na przykład do tekstu i dzielenia się efektami ♥️

Brak komentarzy:

Prześlij komentarz