WSTECZ | INSTAGRAM [Szablon]

Okej, jako że pojawili się chętni do prowadzenia Instagrama, a wstawianie za każdym razem szablonu w photoshopie (czy innym programie graficznym) jest zwyczajnie kłopotliwe - tak jak obiecałem - przysiadłem i zrobiłem dla was gotowy kod. Możecie w nim edytować praktycznie wszystkie informacje - avatar, swój nick, lokalizację, obrazek, liczbę polubień, opis (nie musicie bać się o limit słów, kod wydłuża się automatycznie) i czas wrzucenia posta! Jak wygląda efekt końcowy?



Kilka uwag:
- Avatar zaokrągli się i zmniejszy automatycznie do wymiarów 35x35px. Możecie wrzucić większy obrazek, ale jeśli zależy wam na jakości - polecam go wcześniej wykadrować do mniejszych rozmiarów.
- Pamiętajcie, że wasz nickname na instagramie jest pisany z małych liter. Zarówno na górze, jak i na dole.
- Przy lokalizacjach albo wstawiajcie nazwę własną miejsc (najlepiej tych znajdujących się na forum!), z których publikujecie zdjęcia (np. Greatest Vancouver Zoo, Darcy's Cafe, Science World) albo po prostu wpiszcie miasto i państwo (Riverdale City, Kanada / Tokyo, Japonia etc). Unikajcie lokalizacji typu 'boisko do koszykówki', bo przecież żadne google maps wam tego nie znajdzie. *parsk*
- W kodzie hashtagi mają od razu wstawiony odpowiedni kolor (#5e8fac).
- Uważajcie, by niczego nie usunąć! Kody mają to do siebie, że uwielbiają się wtedy posypać.
- W razie jakichkolwiek pytań/problemów - piszcie śmiało do Mercury'ego.

Poniżej gotowy do uzupełnienia przez was kod:

Kod:

<div style="background-color: #FFFFFF; width: 422px; min-height: 574px; max-height: auto; margin-left: 15px; padding: 15px;"><div style="background-color: #FFF; width: 400px; min-height: 550px; max-height: auto; border: 1px solid #e6e6e6; font-size: 11px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;"><img src="TUTAJ WSTAWIACIE LINK DO WASZEGO AVATARA" style="height: 35px; width: 35px; border-radius: 360px;"></img><div style="margin-top: -28px; margin-left: 40px; text-align: left;">[b]NICKNAME[/b]
<div style="margin-top: -4px;">LOKALIZACJA</div></div>
<img src="TUTAJ WSTAWIACIE LINK DO ZDJĘCIA NAJLEPIEJ O WYMIARACH 422x420px" style="margin-left: -11px;" width="422"></img>
<img src="https://imgur.com/cV4vP68.png.png" style="margin-left: -7px;"></img>
<div style="margin-left: 6px; font-family: Trebuchet MS; text-align: left;">[b]Liczba polubień: TUTAJ WSTAWIACIE LICZBĘ POLUBIEŃ[/b]
[b]nickname[/b] TUTAJ WPISUJECIE DOWOLNY OPIS WASZEGO ZDJĘCIA. [color=#5e8fac]#przykładowe #hashtagi[/color]</div>
<div style="margin-left: 6px; font-family: Trebuchet MS; text-align: left;">[color=#bfbaca][size=9][b]CZAS WRZUCENIA POSTA (NP. 1 DZIEŃ TEMU,
 1 GODZINĘ TEMU)[/b][/size][/color]</div>
</div></div>

Wygląd komentarzy:


Kod do komentowania:

Kod:

<div style="background-color: #FFFFFF; width: 520px; height: auto; padding: 2px; text-align: left; margin-top: 0px; color: #353535;"><span style="font-size: 10px; line-height: normal;"><font color="#115688"><b>[font=Arial]nick komentującego[/font]</b> </font><font color="#2172af">@nick instagrama osoby którą komentujecie</font> <font color="#595959">TREŚĆ KOMENTARZA</font></span></div>

Nowy kod, tym razem na lajki! Chcesz okazać komuś swoje uznanie, ale nie masz pomysłu na komentarz? Po prostu polajkuj jego zdjęcie, by docenić wysiłek jaki wkłada w prowadzenie Instagrama.

@twój nick polubił/polubiła twoje zdjęcie ♥ iks czasu temu

Kod:

<center><div style="background-color: #FFFFFF; width: 520px; height: auto; padding: 2px; text-align: center; margin-top: 0px; color: #353535; font-size:13px;"><font color="#2172af">@twój nick</font> polubił/polubiła twoje zdjęcie <font color="#dc737a">♥</font> <font color="#bfbaca">X czasu temu</font></div></center>

A może po prostu podoba ci się czyjaś odpowiedź na twoje zdjęcie, ale nie masz nic więcej do dodania? Hej, przecież na instagramie można lubić też komentarze!

@twój nick polubił/polubiła twój komentarz ♥ iks czasu temu

Kod:

<center><div style="background-color: #FFFFFF; width: 520px; height: auto; padding: 2px; text-align: center; margin-top: 0px; color: #353535; font-size:13px;"><font color="#2172af">@twój nick</font> polubił/polubiła twoje zdjęcie <font color="#dc737a">♥</font> <font color="#bfbaca">iks czasu temu</font></div></center>

Chcesz polubić komentarz kogoś innego? Nic prostszego.

@twój nick polubił/polubiła komentarz @nick osoby której komentarz lubisz♥ iks czasu temu

Kod:


<center><div style="background-color: #FFFFFF; width: 520px; height: auto; padding: 2px; text-align: center; margin-top: 0px; color: #353535; font-size:13px;"><font color="#2172af">@twój nick</font> polubił/polubiła komentarz <font color="#2172af">@nick osoby której komentarz lubisz</font> <font color="#dc737a"> ♥</font> <font color="#bfbaca">iks czasu temu</font></div></center>


Kod na obserwowanie już wkrótce!

NOWY KOD KOMENTARZY

Kod:

<div style="width: 66px; height: 66px; border-radius: 360px; position: absolute; border: 2px solid #e6e6e6;"><div style="width: 60px; height: 60px; border-radius: 360px; position: absolute; border: 4px solid #ffffff; margin-left:-1px; margin-top:-1px;"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTz26xEEXQLvsuwt7mlbmU-cWwB4Tt5VzbtmOQZw0Mcqn9P_fR_WQ" style="width: 60px; height: 60px; border-radius: 360px;"></div></div><div style="margin-left: 80px; margin-top: 10px; width: 230px; min-height: 35px; background-color: #ffffff; font-size: 12px; padding: 8px; border-left: 3px solid #f2f2f2; color:#cacaca; text-align: justify;">Tutaj wstawiacie treść swojego komentarza.</div>

Kod:


<div style="width: 376px; min-height: 60px; position: absolute; margin-left: 8px;"><img src="https://imgur.com/Ez09cCY.png" width="60" height="60"><div style="margin-left: 70px; margin-top: -50px; min-width: 240px; min-height: 20px; background-color: #ffffff; font-size: 12px; padding: 8px; border-left: 3px solid #f2f2f2; color:#cacaca; text-align: justify; position: absolute;">@twój nick polubił/polubiła twoje zdjęcie</div><div style="width: 376px; font-size: 10px; margin-left:260px; margin-top:-15px; font-family:'Roboto'; color:#cacaca;">iks czasu temu</div></div>

Kod:

<div style="width: 376px; min-height: 60px; position: absolute; margin-left: 8px;"><img src="https://imgur.com/HRpqENX.png" width="60" height="60"><div style="margin-left: 70px; margin-top: -50px; min-width: 240px; min-height: 20px; background-color: #ffffff; font-size: 12px; padding: 8px; border-left: 3px solid #f2f2f2; color:#cacaca; text-align: justify; position: absolute;">@twój nick polubił/polubiła twój komentarz</div><div style="width: 376px; font-size: 10px; margin-left:260px; margin-top:-15px; font-family:'Roboto'; color:#cacaca;">iks czasu temu</div></div>

UWAGA!

Jeśli wrzucacie jeden kod pod drugim, na końcu pierwszego kodu musicie dostawić odpowiednią ilość "<*br>" (bez gwiazdki oczywiście). Wrzućcie ich tyle aż przestanie wam zakrywać kod np. "<*br><*br><*br>". Brka jest najzwyczajniej w świecie enterem.