Komercyjnie
noskowicz.klaudia@gmail.com

lub

Potrzebujesz w czymś pomocy lub chcesz napisać w sprawie współpracy?
rinne.lasair@gmail.com

x

Rinne ☽ Lasair
Klaudia ☾ Noskowicz

20.11 Skorpion ♏ | Gryfon | 165cm | Optymista

❤ DGD ~ Koty ~ BDO ~ Kosmos ~ Burza ~ Anime
💔 Horrory ~ Spoilery

x

Responsywne szablony na witrynę blogspot, loga, grafika 3d, animacje oraz tutoriale.

Główna Portfolio Blog
O mnie
Kontakt
x
+

Co będzie?

  • Kawowa Mary zamówienie
  • Rise of Fayren zamówienie
  • Szablon Reaper darmówka
  • Szablon do opowiadań
  • Szablon rpg

Szukaj

x

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

by Rinne Lasair | credits: helplogger