Vivi's stuffs

[Deleted]

Templates

I have been studying codes and such lately. Here are a few templates I created. Feel free to use them around H&H (just keep the credit line). You can change color and images to however u like. If you need help with making characters' transparent-background pictures, post here and I'll gladly help ^^

First, the plot page

Who do you get along with?
herp derp herp

Who would get on your nerves?
herp derp herp

What about your love life?
derp herp derp

Name | Age | Group | App
character traits

Template by Vivi

[div align="center"][div style="width:600px;height:515px;background-image:url('BG image here');"]
[div style="width:550px;height:150px;background-color:#09162a;opacity:0.7;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;text-align:justify;overflow:auto;"][font color="ebf1f7"][b]Who do you get along with?[/b][/font]
[font color="6689ac"][font face="verdana"]herp derp herp
[/font]
[/font][/div]
[div style="margin-left:18px;float:left;width:170px;height:260px;background-color:#09162a;opacity:0.7;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;text-align:justify;overflow:auto;"][b][font color="ebf1f7"]Who would get on your nerves?[/font][/b]
[font face="verdana" color="6689ac"]herp derp herp

[/font][/div][div style="margin-right:23px;float:right;width:170px;height:260px;background-color:#09162a;opacity:0.7;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;text-align:justify;overflow:auto;"][font color="ebf1f7"][b]What about your love life?[/b][/font]
[font face="verdana" color="aac2da"][font color="6689ac"]derp herp derp
[/font]
[/font][/div][div style="height:300px;width:200px;background-image:url('Character image here, transparent BG');background-repeat:no-repeat;"][/div][div align="center" style="height:35px;width:600px;background-color:#11284b;border-bottom-right-radius:10px;border-bottom-left-radius:10px;"][font face="verdana"][font color="6689ac"]Name | Age | Group | [font color="aac2da"]App[/font]
[font color="aac2da"][font size="1"]character traits[/font]
[/font][/font][/font][/div]
template by Vivi[/div][/div]

Next, the posting templates

The whole post goes here!

info goes here

Template made by Vivi

[div align="center"][div style="height:525px;width:600px;background-image:url('Big image here');border:2px solid #bad0e9;padding:10px;"][div style="float:left;height:500px;width:400px;background-color:#ffffff;opacity:0.7;border:2px solid #bad0e9;padding:10px;overflow:auto;text-align:justify;"]The whole post goes here!
[/div][div style="float:right;height:140px;width:168px;"][img width="200" src="Small image here, best with transparent BG" style="max-width:100%;" height="141"][/div][div style="margin-top:5px;float:right;height:300px;width:145px;background-color:#000000;border:1px solid #bad0e9;padding:10px;overflow:auto;text-align:justify;"]info goes here[/div][div style="float:right;height:20px;width:145px;background-color:#000000;border:1px solid #bad0e9;padding:10px;margin-top:8px;overflow:auto;"]Template made by Vivi[/div]
[/div][/div]

Tag:

Names here

Word:

words here

Comment:

Herp Derp Erp

POST GOES HEEEEEEEEERE

Template created by Vivi

[div align="center"][font face="verdana"][div style="width:500px;height:600px;background-color:#131313;"][div style="width:500px;height:500px;background-color:#8a3b0a;border:2px solid #662f00;background-image:url('http://i340.photobucket.com/albums/o350/Ilovevegeta123/jdur/page-bg2.png');"][div style="width:352px;height:198px;background-color:#8a3b0a;border:1px solid #faa400;float:left;"][img src="Image here, gif or normal are okay" style="max-width:100%;"][/div][div style="width:140px;height:196px;background-color:#8a3b0a;border:2px solid #faa400;float:right;"][div align="left"][div style="width:135px;height:194px;background-color:#131313;float:mid;background-image:url('http://i340.photobucket.com/albums/o350/Ilovevegeta123/jdur/page-bg2.png');"][b][font size="3"][font face="alegreya"][font color="f3e864"] Tag:[/font][/font][/font][/b]
[div align="center"][font color="f57827"]Names here[/font][/div]
[font size="3"][b][font face="alegreya"][font color="f3e864"] Word:[/font][/font][/b][/font]
[div align="center"][font color="f57827"]words here[/font][/div]
[font size="3"][font face="alegreya"][font color="f3e864"][b] Comment:[/b][/font][/font][/font]
[div align="center"][font color="f57827"]Herp Derp Erp[/font][/div]
[/div]
[/div]
[/div]
[div style="width:400px;height:530px;border:5px solid #faa400;background-color:#131313;"][div style="width:380px;height:320px;text-align:justify;overflow:auto;padding:10px;"][font size="1"]POST GOES HEEEEEEEEERE [/font]
[/div]
[/div][div style="width:410px;height:20px;background-color:#8a3b0a;"][font color="f3e864"][font face="Amarante"]Template created by [b]Vivi[/b][/font][/font]
[/div]
[/div]
[/div][/font][/div]

Tag: name here

Words: number here

Note: herp derp

Post here. Post here. Post right here!

[div align="center"][div style="width:500px;height:580px;background-image:url('background here');"]

[div style="width:200px;height:440px;float:left;background-color:#90baeb;"][img src="Character image here" style="max-width:100%;"][div style="width:180px;height:20px;background-color:#164d8b;"][font color="c8dff8"][div align="left"] Tag: name here[/div][/font][/div][div style="width:180px;height:20px;background-color:#164d8b;border:1px solid #90baeb;"][font color="c8dff8"][div align="left"] Words: number here[/div][/font][/div][div style="width:180px;height:130px;background-color:#164d8b;overflow:auto;"][font color="c8dff8"][div align="left"] Note: herp derp[/div][/font][/div]

[div style="width:200px;height:50px;float:left;"][img src="http://i340.photobucket.com/albums/o350/Ilovevegeta123/madeby.png" style="max-width:100%;"][/div][/div]
[div style="width:260px;height:500px;margin-left:10px;margin-right:10px;float:right;background-color:#90baeb;overflow:auto;opacity:0.7;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:10px;"][div align="justify"]
Post here. Post here. Post right here!
[/div][/div]
[/div][/div]

[Deleted]

Drawings

Ah yes, I also know a little about drawing. So here I'm putting up my drawings for you guys to see :3

This one was when I was still playing as Lucius on the site <3 Oh so many feels!


This one is pretty much random XD Harry is not as cool as he should be but nah XD


So, one day I was very bored in class... And you know what happens when students are bored!



More coming soon~

[Deleted]

Want Ads

Not very cool looking, but I'm just crazy like that haha. I love colors, so... Anyway, I recommend using the font Veranda for the info part. The default one looks terrible.

Slytherin 1f652a

Ravenclaw 4394f0

Hufflepuff f5d63b

Gryffindor b82f23

Character name here

IMG

Info here

By Vivi


[div align="center"][div style="width:400px;height:200px;"]
[div style="width:395px;height:150px;background-color:#ffffff;padding:2px;border:2px solid #HOUSECOLOR;border-top-right-radius:700px;border-bottom-left-radius:500px;"][font size="5"][font face="Kaushan Script"][div align="left"]Character name here[/div][/font][/font][div style="width:395px;height:145px;background-color:#HOUSECOLOR;padding:10px;border:1px solid #ffffff;border-bottom-left-radius:10px;"][div style="width:140px;height:140px;background-color:#ffffff;float:left;"]IMG[/div][div style="width:245px;height:140px;float:right;overflow:auto;text-align:justify;"][font color="ffffff"][font face="verdana"]Info here[/font][/font]
[/div][/div][/div][/div]

By Vivi[/div]

[Deleted]

UPDATED!