intrukcje szablony loga do druku poradniki nadruki
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