when moon rise, it's our time ── premade storage

[puppy]

a place where i stick all my premade codes at that everyone can use ;oo
the link to the premade thread will be edited in here once it's made (they forgot, here you go ;3)

directory
- instafamous / misc. template
- memories / misc. template
- 'gram / misc. template
- what if / posting template
- sunflower / posting template
- puma / posting template
- unread messages / misc. template
- .exe / misc. template
- bullet to the heart / signature template
- looking for love / posting template
- ciudad de luz / guide template

[puppy]

kimwoojin

◦ ◦ ◦

♡ ◯ _⌲

❤ 15,000 likes

kimwoojin

text here

© puppy

Code: [Select]

[center][div style="width: 300px; height: 410px; background-image:url(BACKGROUNDIMG); background-size: 100%; background-position: top center; padding-top: 40px;"][div style="width: 230px; height: 2px; padding: 0px; background-color: white;"][/div]
[table][tr][td][div style="width: 25px; height: 25px; background-image:url(ICONIMG); background-size: 100%; border-radius: 100px; border: 0.5px solid white; margin-top: 10px;"][/div][/td][td][div style="width: 155px; height: 20px; background-color:; margin-left: 5px; margin-top: 13px; font-family: arial; font-size: 8pt; color: white; padding-left: 2px;"]name[/div][/td][td][div style="width: 25px; height: 20px; background-color:; margin-left: 5px; margin-top: 13px; font-size: 8pt; color: white; text-align: center;"]◦ ◦ ◦[/div][/td][/tr][/table]
[div style="width: 230px; height: 230px; border: 2px solid white; margin-top: 10px;"][/div]
[div style="width: 230px; height: 10px; margin-top: -5px; color: white; font-size: 10pt; word-spacing: 10px; text-align: left;"]♡ ◯ [sub][size=20pt]⌲[/size][/sub][/div]
[div style="width: 230px; height: auto; font-family: arial; font-size: 7pt; color: white; margin-top: 25px; text-align: left; letter-spacing: .5px;"]❤ ## likes[/div]
[div style="width: 230px; height: auto; font-family: arial; font-size: 8pt; color: white; margin-top: 1px; text-align: left;"]kimwoojin[/div]
[div style="width: 230px; height: auto; font-family: arial; font-size: 7pt; color: white; margin-top: -5px; text-align: left; letter-spacing: .5px;"]text here[/div]
[div style="width: 230px; height: 2px; padding: 0px; background-color: white; margin-top: 5px;"][/div][/div]
[div style="width: 300px; height: auto; font-family: roboto; font-size: 5pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
INSTAFAMOUS
a misc. code you can use for an aesthetic for a character, or really however you'd like. might need to adjust the first "background-size" code to have your background image fit well. will make another version with more gif/image-friendly dimensions eventually.

[puppy]

© puppy

Code: [Select]

[center][div style="width: 450px; height: 10px; border-bottom: 2px solid gray; border-radius: 0em 0em 150em 150em;"][/div][table][tr][td][div style="width: 5px; height: 10px; background-color: #6B5043; margin-top: -5px; margin-left: 50px;"][/div][div style="width: 90px; height: 110px; background-color: #eeeeee; padding: 5px;"][div style="width: 90px; height: 90px; background-image:url(IMG1); background-size: 100%;"][/div][/div][/td][td][div style="width: 5px; height: 10px; background-color: #6B5043; margin-top: -5px; margin-left: 60px;"][/div][div style="width: 90px; height: 110px; background-color: #eeeeee; padding: 5px; margin-left: 10px;"][div style="width: 90px; height: 90px; background-image:url(IMG2); background-size: 100%;"][/div][/div][/td][td][div style="width: 5px; height: 10px; background-color: #6B5043; margin-top: -5px; margin-left: 60px;"][/div][div style="width: 90px; height: 110px; background-color: #eeeeee; padding: 5px; margin-left: 10px;"][div style="width: 90px; height: 90px; background-image:url(IMG3); background-size: 100%;"][/div][/div][/td][td][div style="width: 5px; height: 10px; background-color: #6B5043; margin-top: -5px; margin-left: 60px;"][/div][div style="width: 90px; height: 110px; background-color: #eeeeee; padding: 5px; margin-left: 10px;"][div style="width: 90px; height: 90px; background-image:url(IMG4); background-size: 100%;"][/div][/div][/td][/tr][/table][div style="width: 445px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]

MEMORIES
a very simple misc. template featuring 4 hanging polaroids. use it for whatever you please !!

[puppy]

pinkhope FOLLOW ○ ○ ○ jung hoseok  say hello to my hope world, this is my world, my own story. 259 posts       12.5k followers       74 following

.►

© puppy

Code: [Select]

[center][div style="width: 480px; height: 515px; background-color: #f9f8f8;"][table][tr][td][div style="width: 85px; height: 85px; background-image:url(ICONHERE); background-size: 100%; background-position: bottom; border: 0.2px solid gray; border-radius: 100px; margin-top: 25px; margin-left: -5px;"][/div][/td][td][table][tr][td][div style="width: 80px; height: 20px; background-color: ; margin-top: 32px; margin-left: 20px; font-family: helvetica; font-size: 14pt; color: black;"]USERNAME[/div][/td][td][div style="width: 40px; height: 18px; border: .5px solid cornflowerblue; border-radius: 5px; margin-top: 32px; margin-left: 25px; font-family: helvetica; font-size: 6pt; color: cornflowerblue; padding-left: 5px;"][abbr=made by puppy]FOLLOW[/abbr][/div][/td][td][div style="width: 33px; height: 10px; font-size: 8pt; color: lightgray; margin-top: 34px; margin-left: 5px;"]○ ○ ○[/div][/td][/tr][/table][div style="width: 250px; height: 20px; margin-top: 6px; margin-left: 22px; font-family: helvetica; font-size: 8pt; text-align: justify; line-height: 10px; color: black;"][b]NAMEHERE[/b]  very short lyrics/quote/etc.[/div][div style="width: 250px; height: 20px; margin-top: 8px; margin-left: 22px; font-family: helvetica; font-size: 8pt; color: black;"][b]#[/b] posts       [b]#[/b] followers       [b]#[/b] following[/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image: url(IMG1); background-size: 100%; background-position: center; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG2); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG3); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG4); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(GIFHERE); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][table][tr][td][div style="width: 30px;"][/div][/td][td][div style="height: 35px;"][/div][div style="width: 30px; height: 30px; border: 2px solid white; border-radius: 100px; color: white; font-size: 15pt; line-height: 30px;"][color=transparent].[/color]►[/div][/td][/tr][/table][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG6); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG7); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG8); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(IMG9); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table][/div]
[div style="width: 480px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
'GRAM
a misc. moodboard template inspired by instagram. you have a place for an icon, username, small space for a description, social media stats, and 6 images. the middle image is reserved for a gif, but if you don't want to have a gif there, use this code below!

non-gif: ShowHide

Code: [Select]

[center][div style="width: 480px; height: 515px; background-color: #f9f8f8;"][table][tr][td][div style="width: 85px; height: 85px; background-image:url(ICONHERE); background-size: 100%; background-position: bottom; border: 0.2px solid gray; border-radius: 100px; margin-top: 25px; margin-left: -5px;"][/div][/td][td][table][tr][td][div style="width: 80px; height: 20px; background-color: ; margin-top: 32px; margin-left: 20px; font-family: helvetica; font-size: 14pt; color: black;"]USERNAME[/div][/td][td][div style="width: 40px; height: 18px; border: .5px solid cornflowerblue; border-radius: 5px; margin-top: 32px; margin-left: 25px; font-family: helvetica; font-size: 6pt; color: cornflowerblue; padding-left: 5px;"][abbr=made by puppy]FOLLOW[/abbr][/div][/td][td][div style="width: 33px; height: 10px; font-size: 8pt; color: lightgray; margin-top: 34px; margin-left: 5px;"]○ ○ ○[/div][/td][/tr][/table][div style="width: 250px; height: 20px; margin-top: 6px; margin-left: 22px; font-family: helvetica; font-size: 8pt; text-align: justify; line-height: 10px; color: black;"][b]NAMEHERE[/b]  very short lyrics/quote/etc.[/div][div style="width: 250px; height: 20px; margin-top: 8px; margin-left: 22px; font-family: helvetica; font-size: 8pt; color: black;"][b]#[/b] posts       [b]#[/b] followers       [b]#[/b] following[/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image: url(IMG1); background-size: 100%; background-position: center; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG2); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG3); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG4); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(GIFHERE); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG6); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG7); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG8); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(IMG9); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table][/div]
[div style="width: 480px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]

edit: now a version with a mock 'instagram stories' border around the avatar

instagram stories: ShowHide

Code: [Select]

[center][div style="width: 480px; height: 515px; background-color: #f9f8f8;"][table][tr][td][div style="width: 90px; height: 90px; background:linear-gradient(to right, #f2bf5d, #ec4f86,#ec4f86,#ec4f86, #9c32c1); margin-top: 20px; margin-left: -0px; border-radius: 100%; padding: 4px;"][div style="width: 85px; height: 85px; background-image:url(ICONHERE); background-size: 100%; background-position: bottom; border: 3px solid white; border-radius: 100px;"][/div][/div][/td][td][table][tr][td][div style="width: 80px; height: 20px; background-color: ; margin-top: 32px; margin-left: 20px; font-family: helvetica; font-size: 14pt; color: black;"]USERNAME[/div][/td][td][div style="width: 40px; height: 18px; border: .5px solid cornflowerblue; border-radius: 5px; margin-top: 32px; margin-left: 25px; font-family: helvetica; font-size: 6pt; color: cornflowerblue; padding-left: 5px;"][abbr=made by puppy]FOLLOW[/abbr][/div][/td][td][div style="width: 33px; height: 10px; font-size: 8pt; color: lightgray; margin-top: 34px; margin-left: 5px;"]○ ○ ○[/div][/td][/tr][/table][div style="width: 250px; height: 20px; margin-top: 6px; margin-left: 22px; font-family: helvetica; font-size: 8pt; text-align: justify; line-height: 10px; color: black;"][b]NAMEHERE[/b]  very short lyrics/quote/etc.[/div][div style="width: 250px; height: 20px; margin-top: 8px; margin-left: 22px; font-family: helvetica; font-size: 8pt; color: black;"][b]#[/b] posts       [b]#[/b] followers       [b]#[/b] following[/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image: url(IMG1); background-size: 100%; background-position: center; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG2); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG3); background-size: 100%; margin-left: 10px; margin-top: 10px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG4); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(GIFHERE); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][table][tr][td][div style="width: 30px;"][/div][/td][td][div style="height: 35px;"][/div][div style="width: 30px; height: 30px; border: 2px solid white; border-radius: 100px; color: white; font-size: 15pt; line-height: 30px;"][color=transparent].[/color]►[/div][/td][/tr][/table][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG6); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table]
[table][tr][td][div style="width: 110px; height: 110px; background-image:url(IMG7); background-size: 100%; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image:url(IMG8); background-size: 100%; margin-left: 10px; margin-top: 5px;"][/div][/td][td][div style="width: 110px; height: 110px; background-image: url(IMG9); background-size: 100%; background-position: center; margin-left: 10px; margin-top: 5px;"][/div][/td][/tr][/table][/div]
[div style="width: 480px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]

[puppy]

sunday jones
"what if?" i'm just saying "what if?"

s

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae velit tempus, hendrerit sem sed, vestibulum odio. Aliquam quis nunc tempor, vulputate lorem vel, accumsan ipsum. Nam id est fringilla, molestie lorem at, pretium nisl. Quisque nibh sem, fermentum sed tortor ac, tempus sodales nunc. Sed semper porttitor placerat. Donec tempus, diam at hendrerit sollicitudin, dolor massa interdum turpis, eu ullamcorper sem magna quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sollicitudin iaculis tellus. Phasellus vel molestie enim. Nunc sem nulla, rutrum ut enim ut, tristique maximus augue.

Praesent non suscipit dui. Fusce quis lacinia nunc, faucibus cursus massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consectetur, arcu id tincidunt vehicula, purus tellus tempor nunc, id fermentum elit ante facilisis neque. Mauris risus est, aliquam et ante at, sollicitudin scelerisque turpis. Praesent sed odio odio. Maecenas eu sapien dapibus mauris ultricies lacinia et vitae velit.

© puppy

Code: [Select]

[center][div style="width: 450px; height: 150px; background-image:url(IMGHERE); background-size: 140%; background-position: top left; border-top: 20px solid #000;"][/div]
[div style="width: 160px; height: 35px; background-color: black; margin-top: -60px; margin-right: 250px; color: white; font-family: georgia; font-size: 15pt; padding-top: 20px; line-height: 17px;"][b][i][color=#D4C6BD]n[/color][/i]ame here[/b]
[font=verdana][size=5pt]short lyrics or quote here[/size][/font][/div]
[div style="width: 420px; height: overflow; overflow: stretch; background-color: black; padding: 15px;"][div style="width: 50px; height: 50px; background-color: #COLOR; float: right; padding: 2px; margin-left: 5px; margin-bottom: 1px;"][div style="width: 46px; height: 34px; border: 1px solid #fff; padding-top: 13px; font-family: times new roman; font-size: 20pt; color: #808080;"][b][i][abbr=whatever it is][url=http://here][color=#fff]s[/color][/url][/abbr][/i][/b][/div][/div][div style="width: 420px; height: overflow; overflow: stretch; text-align: justify; font-family: verdana; font-size: 8pt; color: #fff; line-height: 13px;"]text[/div][/div]
[div style="width: 450px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
WHAT IF
a posting template that has a background image, a small space to put your character's name alongside lyrics or a quote, and a cute lil' square to place a letter for the Aesthetic. though the black and white colors have stayed in the code, you may change them if you'd like.

[puppy]

MILES MORALES INFORMATION PLOT ROLEPLAYER MISC.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pretium odio non justo laoreet, vitae euismod est elementum. Praesent mattis faucibus velit, ac laoreet metus blandit non. Mauris rutrum tempor ipsum, vel facilisis ante egestas vel. Pellentesque nec tellus commodo, suscipit nisi sit amet, aliquet nisi. Curabitur lobortis placerat est, sed ornare sapien posuere sed. Proin viverra magna quis ligula malesuada mollis. Donec laoreet velit non justo tincidunt, eu tincidunt mauris rhoncus. In porta congue risus, at efficitur ante porttitor in.

Mauris malesuada justo dolor, at iaculis elit malesuada eget. In sagittis facilisis magna vitae sollicitudin. Suspendisse egestas nibh eros, eget vetis risus commodo eu. "Lusce dignissim faucibus iaculis." Suspendisse auctor eros quis purus accumsan, eu dapibus neque posuere. Vestibulum commodo commodo quam a malesuada. Aliquam justo neque, posuere eget diam sit amet, imperdiet mollis dui. Sed gravida massa quis justo iaculis, a molestie nisl condimentum. Sed enim lorem, finibus id feugiat vitae, porttitor vel ipsum. Sed maximus tempus facilisis. Integer pretium libero eu diam vestibulum, ac rutrum lectus blandit. Phasellus et tellus vel orci tristique efficitur.

━ YOU'RE A SUNFLOWER┆TRAIT. TRAIT. TRAIT. ━

© puppy

Code: [Select]

[center][div style="width: 450px; height: auto; background-color: #COLOR; padding-top: 20px; padding-bottom: 25px; border-radius: 10px;"][table][tr][td][div style="width: 300px; height: auto; font-family: impact; font-size: 25pt; color: #COLOR; text-align: center; margin-top: 18px; margin-left: 7px; letter-spacing: 2px;"][b]NAME HERE[/b][/div]
[div style="width: 300px; height: 1px; padding: 1px; background-color: #COLOR; margin-top: 15px; border-radius: 100px; margin-left: 7px;"][/div][div style="width: 300px; height: auto; font-family: verdana; font-size: 10pt; color: #COLOR; margin-top: 12px; word-spacing: 9px; margin-left: 7px;"][url=http://here][color=#COLOR]INFORMATION[/color][/url] [url=http://here][color=#COLOR]PLOT[/color][/url] [url=http://here][color=#COLOR]ROLEPLAYER[/color][/url] [abbr=stuff]MISC.[/abbr][/div][/td][td][div style="width: 85px; height: 85px; border: 1px solid #COLOR; border-radius: 100%; padding: 5px; margin-left: 10px;"][div style="width: 85px; height: 85px; background-image:url(IMGHERE); background-size: 185%; background-position: center; border-radius: 100%;"][/div][/div][/td][/tr][/table][/div]
[div style="width: 450px; height: overflow; overflow: stretch; background-color: #fefefe; margin-top: -10px; padding-bottom: 25px;"][div style="width: 410px; height: overflow; overflow: stretch; font-family: verdana; font-size: 8pt; color: black; text-align: justify; line-height: 13px;"]text[/div][/div]
[div style="width: 440px; height: 20px; background-color: COLOR; border-radius:0em 0em 1em 1em; padding: 5px; font-family: verdana; font-size: 9pt; color: COLOR; letter-spacing: 2px;"]━ [b]SHORT LYRICS OR QUOTE[/b]┆TRAIT/MISC. TRAIT/MISC. TRAIT/MISC. ━[/div]
[div style="width: 450px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
SUNFLOWER
a posting template that includes a space for name and information, an icon, a small line of lyrics/a quote, and some more information. nothing more, have fun ;oo

[puppy]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium nunc ac justo accumsan mattis. Aliquam ut gravida nunc, vel consequat dolor. Donec fringilla risus in finibus varius. Praesent magna justo, blandit id pretium sed, vulputate sed sem. Nunc aliquet tortor eu neque pulvinar suscipit. Pellentesque a ornare velit. In eu feugiat purus. Nullam vulputate orci non convallis semper. Nulla vel placerat felis. Mauris vel orci dignissim, porta nisl malesuada, efficitur nunc. Ut non venenatis mi. Vivamus tristique, velit non maximus faucibus, enim augue placerat urna, fermentum molestie sem orci et lacus. Nullam enim libero, luctus nec velit eget, lacinia vehicula mi. Sed a placerat neque. Pellentesque tempor varius sapien.

Praesent condimentum nisi justo, nec congue odio viverra sit amet. Curabitur a libero pellentesque ex porta rhoncus. Etiam egestas efficitur facilisis. Aenean auctor scelerisque nisl sed luctus. Phasellus convallis lorem eget dolor ullamcorper gravida. Sed pharetra neque vitae ligula pretium, convallis interdum tortor bibendum. Sed tempor dui id tellus ornare, et dictum ante hendrerit. Mauris sagittis ante at aliquam pellentesque. Nunc facilisis nunc a nisl ullamcorper egestas. Suspendisse a lectus lectus. Sed aliquet malesuada euismod. Fusce mauris augue, consectetur a commodo ac, fermentum congue magna. Vivamus eleifend gravida sapien, quis bibendum metus mollis ac. Curabitur lobortis, lacus nec posuere pharetra, ipsum nisl ultrices erat, tristique pellentesque nibh nisi ac tellus. Aliquam elementum convallis sagittis.

Duis posuere vitae lacus ut feugiat. Sed condimentum, lorem sed ultricies tincidunt, dolor quam gravida massa, pharetra viverra turpis tellus vel turpis. Sed rhoncus auctor ligula, ut tincidunt nisl pretium sed. Donec luctus tempus erat id pulvinar. Nulla bibendum nulla non pellentesque ultrices. Sed commodo ipsum a arcu commodo luctus. Suspendisse porta, quam at iaculis commodo, metus tortor porttitor ante, non eleifend urna risus at velit. Cras at ligula eget diam tincidunt faucibus. Praesent volutpat ultricies eros, et imperdiet neque efficitur quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium nunc ac justo accumsan mattis. Aliquam ut gravida nunc, vel consequat dolor. Donec fringilla risus in finibus varius. Praesent magna justo, blandit id pretium sed, vulputate sed sem. Nunc aliquet tortor eu neque pulvinar suscipit. Pellentesque a ornare velit. In eu feugiat purus. Nullam vulputate orci non convallis semper. Nulla vel placerat felis. Mauris vel orci dignissim, porta nisl malesuada, efficitur nunc. Ut non venenatis mi. Vivamus tristique, velit non maximus faucibus, enim augue placerat urna, fermentum molestie sem orci et lacus. Nullam enim libero, luctus nec velit eget, lacinia vehicula mi. Sed a placerat neque. Pellentesque tempor varius sapien.

★

© puppy

Code: [Select]

[center][div style="width: 430px; height: 15px; background-color: BGCOLOR;"][/div][div style="width: 400px; height: overflow; overflow: stretch; background-color: #BGCOLOR2; padding: 15px;"][div style="width: 390px; height: overflow; overflow: stretch; font-family: verdana; font-size: 9pt; color: TEXTCOLOR; text-align: justify; line-height: 13px;"]text[/div][/div][div style="width: 400px; height: 150px; background-color: BGCOLOR; padding-top: 10px; padding-right: 15px; padding-left: 15px;"][table][tr][td][div style="width: 255px; height: 100px; margin-right: 10px; margin-top: 15px; border: 3px solid #BGCOLOR2; padding: 2px; font-family: verdana; font-size: 7pt; color: #COLOR; text-align: justify; line-height: 13px;"][div style="width: 243px; height: 88px; height: overflow; overflow: scroll; border: 1px dashed #BGCOLOR2; padding: 5px; font-family: verdana; font-size: 6pt; color: BOXTEXTCOLOR; line-height: 10px;"]text[/div][/div][/td][td][div style="width: 100px; height: 100px; background-image:url(IMAGEHERE); border: 3px solid #000000; background-size: 100%; float: right; padding: 2px; margin-top: 15px;"][div style="width: 90px; height: 90px; border: 1px dashed #BGCOLOR2; padding-top: 8px; padding-left: 8px; color: transparent; font-size: 45pt;"][abbr=info here]★[/abbr][/div][/div][/td][/tr][/table][/div]
[div style="width: 430px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
PUMA
a posting template that features a scrolling box that can store a variety of information or lyrics or quotes and an icon. the template stretches. that's all ;oo

[puppy]

5:10

Jimin

IS TYPING...

Lorem ipsum dolor sit amet (´ ∀ ` *)

Consectetur adipiscing elit. Proin varius, diam sit amet sodales cursus, dolor mi tristique lectus, sed interdum mauris mauris sed ipsum.

Maecenas bibendum, neque sit amet efficitur pretium, odio metus tristique diam, vehicula viverra nulla libero sit amet diam.

© puppy

Code: [Select]

[center][div style="width: 280px; max-height: 510px; background: linear-gradient(#COLOR, #COLOR/BEST IF 'BLACK'); border-radius: 50px; border: 15px solid white; padding-bottom: 25px;"][table][tr][td][div style="width: 45px; height: 25px; background-color:; font-family: arial; font-size: 11pt; color: white; padding-top: 8px; padding-left: 18px;"]TIME (#:##)[/div][/td][td][div style="width: 145px; height: 30px; background-color: white; border-radius:0em 0em 2em 2em; margin-top: -3px;"][/div][/td][td][div style="width: 45px; height: 25px; background-color:; padding-top: 11px; padding-left: 12px; margin-top: -5px; margin-left: -5px;"][table][tr][td][div style="width: 22px; height: 11px; border: 1px solid white;"][div style="width: 3px (ADJUST WIDTH FOR BATTERY PERCENTAGE, '0px' IS 0%, '22px' IS 100%/DELETE THIS ENTIRE TEXT AND PARENTHESIS WHEN DONE ADJUSTING); height: 11px; background-color: RED OR LIGHTGREEN;"][/div][/div][/td][td][div style="width: 2px; height: 5px; background-color: white; margin-top: 4px; margin-left: -4px;"][/div][/td][/tr][/table][/div][/td][/tr][/table]
[div style="width: 100px; height: 100px; background-image:url(ICONIMGHERE); background-size: 100%; background-position: center; border-radius: 100px; border: 5px solid white; margin-top: 30px;"][/div]
[div style="width: 100px; height: auto; font-family: roboto; font-size: 15pt; color: white; text-align: center; margin-top: 20px;"][b]NAME[/b][/div]
[div style="width: 100px; height: auto; font-family: roboto; font-size: 8pt; color: white; text-align: center; margin-top: 5px; letter-spacing: 1px;"]IS TYPING...[/div]
[div style="width: 250px; max-height: 242px; height: overflow; overflow: scroll; background-color:; border-radius:0em 0em 3em 3em; margin-top: 20px; padding-bottom: 20px;"][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: MSGCOLOR; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:2em 2em 0em 2em; margin-left: 30px;"]Lorem ipsum dolor sit amet (´ ∀ ` *)[/div][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: MSGCOLOR; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:2em 2em 0em 2em; margin-left: 30px; margin-top: 10px;"]Consectetur adipiscing elit. Proin varius, diam sit amet sodales cursus, dolor mi tristique lectus, sed interdum mauris mauris sed ipsum.[/div][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: MSGCOLOR; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:1em 1em 0em 1em; margin-left: 30px; margin-top: 10px;"]Maecenas bibendum, neque sit amet efficitur pretium, odio metus tristique diam, vehicula viverra nulla libero sit amet diam.[/div][div style="max-width: 38px; height: 20px; background-color: MSGCOLOR; font-family: roboto; font-size: 9pt; color: white; text-align: justify; border-radius:1em 1em 1em 0em; margin-right: 170px; margin-top: 15px; padding-left: 10px; padding-top: 10px;"][div style="width: 26px; height: 13px; background-image:url(https://i.imgur.com/kbRYP1P.gif); background-size: 100%;"][/div][/div][/div][/div]
[div style="width: 280px; height: auto; font-family: roboto; font-size: 4pt; text-align: center;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
UNREAD MESSAGES
this is a misc template inspired by a jcink template i found floating around, and is styled around text messages. please note that the code above is semi-clean and thus isn't that customizable, but if you'd like to go wild with it, then go for it! the widths of the customizable messages will not grow, but it will stretch the more you type in. everything that is white will have to stay white, however, mainly due to the bubble-text gif of the replying text and how much time i spent editing it for this fancy. every other color is customizable, though, as well as the time, battery percentage (just make sure to change 'red' to 'lightgreen' if at a higher percentage), icon, etc.

[puppy]

daydream (백일몽)

jhope ▬▬ hope world

0:00  ▬▬▬▬▬▬▬▬▬●▬▬▬▬▬▬▬  3:48

◀◀ ▬▬▬▬▬    ▍▍  ▬▬▬ ▶▶

© puppy

Code: [Select]

[center][div style="width: 400px; height: 410px; background-image:url(IMGHERE); background-position: top center; background-size: 225%; box-shadow: -5px -1px 30px 0px black;"][/div]
[div style="width: 400px; height: 150px; background-color: #fefefe; box-shadow: -5px -1px 30px 0px black;"][div style="width: 400px; height: auto; padding-top: 25px; font-family: roboto; font-size: 17pt; color: gray; text-align: center;"][b]song title here[/b][/div]
[div style="width: 400px; height: auto; font-family: roboto; font-size: 9pt; color: gray; text-align: center; margin-top: 0px;"]artist ▬▬ album[/div]
[div style="width: 400px; height: auto; font-family: roboto; font-size: 13pt; color: gray; text-align: center; margin-top: 12px;"][size=8pt][b]0:00[/b][/size]  ▬▬▬▬▬▬▬▬▬●[color=lightgray]▬▬▬▬▬▬▬[/color]  [size=8pt][b]#:##[/b][/size][/div]
[div style="width: 400px; height: auto; font-family: roboto; font-size: 14pt; color: gray; text-align: center; margin-top: 18px; letter-spacing: -5.2px;"]◀◀ [color=transparent]▬▬▬▬▬[/color]  [size=14pt]  ▍▍[/size]  [color=transparent]▬▬▬[/color] ▶▶[/div][/div]
[div style="width: 400px; height: auto; font-family: roboto; font-size: 5pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
SHUFFLE
a misc. template somewhat inspired by the layout of apple music and can be used to display a character's theme song. a pretty simple code that holds an image/gif, a song's title, artist, and album, as well as a customizable slider.
* note: to move the circle forward, simply delete a "▬" from the "[color=lightgray ][/color]" section and add it behind the circle. to move the circle backwards, simply delete a "▬" from behind the circle and add it to the "[color=lightgray ][/color]" section.

[puppy]

logging in... tags.exe ... l o a d i n g bio.exe ... l o a d i n g history.exe ... l o a d i n g art.exe ... l o a d i n g miscellaneous.exe ... l o a d i n g download complete character name

TAGS | BIO | HISTORY | ART | MISCELLANEOUS

Search...

GO

© puppy

Code: [Select]

[center][div style="width: 440px; height: 25px; background-color: #COLOR; border-top: 2px solid gray; border-left: 2px solid gray; border-right: 2px solid gray; border-bottom: 1px solid gray; padding-top: 6px; padding-left: 10px; border-radius:.5em .5em 0em 0em;"][table][tr][td][div style="width: 10px; height: 10px; background-color: #f16f6f; border-radius: 100px; margin-left: -220px; border: .3px solid gray;"][/div][/td][td][div style="width: 10px; height: 10px; background-color: #ffcd3c; border-radius: 100px; margin-left: -205px; border: .3px solid gray;"][/div][/td][td][div style="width: 10px; height: 10px; background-color: #cce490; border-radius: 100px; margin-left: -190px; border: .3px solid gray;"][/div][/td][/tr][/table][/div][div style="width: 450px; height: overflow; overflow: stretch; background-color: #eeeeee; border-left: 2px solid gray; border-right: 2px solid gray; border-bottom: 2px solid gray; padding-top: 10px; padding-bottom: 10px;"][table][tr][td][div style="width: 120px; height: 120px; padding: 5px; border: 1px solid gray; background-color: #eeeeee; margin-left: -140px; box-shadow: 2px 3px 1px 0px #c7c7c7;"][div style="width: 120px; height: 120px; background-image:url(ICONIMG); background-size: 100%;"][/div][/div][/td][td][div style="width: 310px; height: overflow; overflow: stretch; background-color: #e1e1e1; margin-right: -90px; border: 1px solid gray; padding: 10px; font-family: courier; font-size: 9pt; color: gray; box-shadow: 2px 3px 1px 0px #c7c7c7;"][b]logging in...[/b]
[b]tags.exe[/b] ... [i]l o a d i n g[/i]
[b]bio.exe[/b] ... [i]l o a d i n g[/i]
[b]history.exe[/b] ... [i]l o a d i n g[/i]
[b]art.exe[/b] ... [i]l o a d i n g[/i]
[b]miscellaneous.exe[/b] ... [i]l o a d i n g[/i]
( you may add more here / delete before posting )
[b]download complete[/b]
[b][i]character name[/i][/b][/div][/td][/tr][/table][/div]
[div style="width: 430px; height: auto; background-color: #eeeeee; border: 2px solid gray; margin-top: 10px; padding: 10px; font-family: courier; font-size: 9pt; color: gray; text-align: center;"][b][url=here]TAGS[/url] | [url=here]BIO[/url] | [url=here]HISTORY[/url] | [url=here]ART[/url] | [url=here]MISCELLANEOUS[/url] ( you may add more here / delete before posting )[/b][/div][div style="width: 435px; height: 35px; background-color: #eeeeee; border: 2px solid gray; margin-top: 10px; padding: 8px;"][table][tr][td][div style="width: 350px; height: 15px; background-color: #e1e1e1; border: 1px solid gray; font-family: arial; font-size: 9pt; color: gray; padding: 5px; letter-spacing: .5px; box-shadow: 2px 3px 1px 0px #c7c7c7;"]Search...[/div][/td][td][div style="width: 18px; height: 15px; background-color: #eeeeee; border: 1px solid gray; margin-left: 10px; font-family: arial; font-size: 8pt; color: gray; padding: 5px; box-shadow: 2px 3px 1px 0px #c7c7c7;"]GO[/div][/td][/tr][/table][/div]
[div style="width: 460px; height: auto; font-family: roboto; font-size: 4pt; text-align: left;"]© [url=https://griffonagerp.xyz/index.php?action=profile;u=128]puppy[/url][/div][/center]
.EXE
a misc. template meant to be used as a directory as sorts styled as files. the template supports an icon and a list of links (can be added to or subtracted to as it stretches), as well as a place to put said links.

[puppy]

BULLET TO THE HEART, BULLET TO THE HEART

I FELL FOR A STRANGER WITH ONE IN THE CHAMBER — WHO LEFT ME FOR DEAD

( ☾* ) - ————————————————————— -「 they/them. & storage. & misc. 」

Code: [Select]

[center][center][div style="width: 500px; height: auto; font-family: impact; font-size: 24.5pt; color: #COLOR; text-shadow: 1px 1px 0px black; margin-top: 3px;"][b][i]LYRICS HERE[/i][/b][/div]
[div style="width: 530px; height: auto; font-family: arial; font-size: 8pt; color: #COLOR; letter-spacing: .5px; margin-top: 5px; line-height: 14px;"]LYRICS — [i]HERE[/i]
[center]( [url=link][color=#COLOR][abbr=link here]☾*[/abbr][/color][/url] ) [color=transparent]-[/color] [s]———————————————————[/s] [color=transparent]-[/color]「 info. & info. & info. 」[/center][/div][/center]
BULLET TO THE HEART
a simple signature that includes 3 lines - 2 that include lines of lyrics and 1 that had information as well as a small icon that is a link. you may adjust the font or width of the first piece of code if the first line of lyrics are too long as well as adjust the 3rd line by either deleting or adding the given dashes.

[puppy]

˚* ੈ✩‧₊ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et.

Etiam consectetur metus in mi luctus pellentesque. Cras tempus pellentesque auctor. Proin condimentum mauris vitae est pharetra, ut tempus magna tristique. Nulla suscipit, augue non maximus lobortis, dolor est dictum orci, at pulvinar enim risus sed lacus. Nam egestas enim non nisl efficitur, quis tempor nunc semper. Nullam eget aliquam elit. Fusce id volutpat lectus. Aliquam quis arcu porttitor, congue lorem quis, ullamcorper enim. Aenean non neque lacinia, iaculis turpis eget, feugiat justo. Etiam luctus odio sit amet commodo aliquet.

Aenean id semper purus. Proin eros sem, convallis et consectetur vitae, consectetur vel felis. Cras vitae cursus dolor, id posuere sapien. Donec lacinia lorem sit amet vestibulum blandit. Donec semper, nunc ullamcorper congue faucibus, metus justo cursus erat, aliquam venenatis dolor ligula nec magna. Duis dapibus arcu turpis, fermentum fermentum ex varius eu. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed in blandit dui. Morbi in massa vel diam dignissim lobortis. Etiam mattis lectus quis libero ultrices rutrum.

THE WORLD IS A COMPLEX, WE WAS LOOKING FOR LOVE

Code: [Select]

[center][div style="width: 450px; height: auto; font-family: verdana; font-size: 9pt; text-align: justify; line-height: 14px;"][b][color=#COLOR][glow=black,2,300][url=here][abbr=text]˚* ੈ✩‧₊[/abbr][/url][/glow][/color][/b] text[/div][div style="width: 450px; height: auto; font-family: impact; font-size: 16.2pt; color: #COLOR; text-shadow: 1px 1px 0px black; text-align: center; margin-top: 5px;"]LYRICS/QUOTE HERE[/div][/center]
LOOKING FOR LOVE
a very simple posting template that includes a small colorful sparkle in the beginning that is a hoverable url as well as a line of text at the bottom that can be a lyric line or a quote. feel free to adjust the font size of the bottom text if your lyric/quote/anything does not fit.

[puppy]

ciudad de luz lorem ipsum dolor sit amet, consectetur adipiscing elit. GUIDE CHAT PLOT DISCORD text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et. text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et. text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et. text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et. guide code © puppy | guide information © ____

Code: [Select]

[center][table]
[tr]
[td][div style="width: 150px; height: 850px; background-image:url(IMAGE HERE); background-size: 380%; background-position: center;"][/div][/td][td][div style="width: 430px; height: auto; background-color: #BACKGROUNDCOLOR; margin-left: -5px; padding: 9px;"][div style="width: 430px; height: auto; font-family: georgia; font-size: 30pt; color: #GROUPNAMECOLOR; text-shadow: 1px 1px 0px black; text-align: center; margin-top: 20px;"][b][i]g[/i]roup name here[/b][/div][div style="width: 430px; height: auto; font-family: arial; font-size: 8pt; color: SUBHEADINGCOLOR; letter-spacing: 1px; text-align: center; margin-top: 10px;"]lorem ipsum dolor sit amet, consectetur adipiscing elit.[table]
[tr]
[td][div style="width: 70px; height: 25px; background-color: #LINK1BGCOLOR; border-radius: 10%; font-family: verdana; font-size: 8pt; text-align: center; letter-spacing: 2px; padding-top: 5px; margin-left: 50px;"][url=http://here][color=LINK1TEXTCOLOR]LINK 1[/color][/url][/div][/td][td][div style="width: 70px; height: 25px; background-color: #LINK2BGCOLOR; border-radius: 10%; font-family: verdana; font-size: 8pt; text-align: center; letter-spacing: 2px; padding-top: 5px; margin-left: 10px;"][url=http://here][color=LINK2TEXTCOLOR]LINK 2[/color][/url][/div][/td][td][div style="width: 70px; height: 25px; background-color: #LINK3BGCOLOR; border-radius: 10%; font-family: verdana; font-size: 8pt; text-align: center; letter-spacing: 2px; padding-top: 5px; margin-left: 10px;"][url=http://here][color=LINK3TEXTCOLOR]LINK 3[/color][/url][/div][/td][td][div style="width: 70px; height: 25px; background-color: #LINK4BGCOLOR; border-radius: 10%; font-family: verdana; font-size: 8pt; text-align: center; letter-spacing: 1px; padding-top: 5px; margin-left: 10px;"][url=http://here][color=LINK4TEXTCOLOR]LINK 4[/color][/url][/div][/td]
[/tr]
[/table][table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #BANNERBACKGROUND; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]TEXT[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #DARKERBANNERCOLOR; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #BOXBACKGROUND; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]INFO HERE[/div][/td]
[/tr]
[/table][table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #BANNERBACKGROUND; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]TEXT[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #DARKERBANNERCOLOR; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #BOXBACKGROUND; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]INFO HERE[/div][/td]
[/tr]
[/table][table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #BANNERBACKGROUND; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]TEXT[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #DARKERBANNERCOLOR; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #BOXBACKGROUND; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]INFO HERE[/div][/td]
[/tr]
[/table][table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #BANNERBACKGROUND; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]TEXT[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #DARKERBANNERCOLOR; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #BOXBACKGROUND; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]INFO HERE[/div][/td]
[/tr]
[/table][div style="width: 435px; height: auto; font-size: 6pt; color: darkgray; margin-top: 5px;"]guide code © puppy | guide information © ____[/div][/div][/td]
[/tr]
[/table][/center]CIUDAD DE LUZ
a guide template that has a side image, a title (aka space for group name), a subheading, 4 spaces for links, and boxes to hold information in with a small banner on the side as titles for said-boxes. there are a few things about this code you gotta know:
- you may need to adjust the "background-size: 380%;" code for the side image to allow it to fit
- the 'text' banners can only hold up to 5 characters max, so abbreviations may be needed
- each box does stretch and not scroll, thus the white side of the template will stretch alongside it. because of this, you may need to adjust the "height: 850px;" code of the image to match it up with the growing height
- you may add new boxes, which the code for each box is below

box code and instructions inside: ShowHide

Code: [Select]

[table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #1F77DB; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]text[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #0f3b6d; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #f0f0f0; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et.[/div][/td]
[/tr]
[/table]copy and paste this code after each "[ /table]" code

for example:

Code: [Select]

[table]
[tr]
[td][center][div style="width: 90px; height: 40px; background-color: #1F77DB; float: left; margin-left: -30px; transform: translate(45px, 10px);"][div style="width: 90px; height: 15px; margin-top: 12px; font-family: verdana; font-size: 15pt; color: white; text-align: center; font-weight: bold; text-transform: uppercase;"]text[/div][/div][div style="width: 0px; height: 0px; border-top: 0px solid red; border-left: 35px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #0f3b6d; margin-left: -23px; transform: translate(-5px, 50px);"][/div][/center][/td][td][div style="width: 342px; height: overflow: overflow: stretch; background-color: #f0f0f0; margin-top: 10px; margin-left: -18px; font-family: verdana; font-size: 7pt; color: darkgray; text-align: justify; line-height: 13px; padding: 9px;"][div style="width: 60px; height: 39px; float: left;"][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo massa nec ex malesuada luctus. Vestibulum ullamcorper diam ut mauris pellentesque commodo. Donec nec ante urna. Nullam commodo ullamcorper feugiat. Donec malesuada, risus pretium ullamcorper hendrerit, nisl erat placerat diam, sed dictum nisi ligula quis erat. Proin sit amet tincidunt nisl, id consectetur arcu. Donec a commodo purus. Morbi in posuere nisl. Nulla magna sem, vulputate laoreet urna ac, dignissim dignissim turpis. Nam eleifend ultrices turpis, vel sagittis enim tempor et.[/div][/td]
[/tr]
[/table] <---- add right after this piece of codeif still confused, don't be afraid to dm me for help!!