What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

Resource astraea's code storage

should i make the scrolling templates expandable?

  • yes

    Votes: 15 15.8%
  • if you have time

    Votes: 80 84.2%
  • no

    Votes: 0 0.0%

  • Total voters
    95

astraeaaa

ʕ•ᴥ•ʔ
hello! this is where i will store all of my free to use templates. these are fundamentally composed of only div boxes bc i don't get the regular coding of this site lol rip. please note that these are not mobile friendly unless the screen is turned horizontally. also please do not remove my name at the bottom, and please do not alter too much, or the template may end up being a bit wonky. if you need any help adjusting anything, feel free to ask. also please do not post here. if you want you can track my other thread here which i will post on when this is updated and where i will answer any questions.

also note that along with the template i will put two codes: one with the code of the template shown, and one where you can input colours, fonts and such of your choice (with variables to help direct the colour scheme e.g. colour1, colour2, url1, etc.)

here are also some useful tools i use:
http://www.degraeve.com/color-palette/ - for getting colour schemes from photos
http://html-color-codes.info/ - for getting html colour codes
https://www.rpnation.com/threads/div-box-chart.321626/ - has a variety of div box codes, so if unsure of anything you can ask me or check what it is here

thank you + enjoy ~
 

astraeaaa

ʕ•ᴥ•ʔ
i. posting or thread template.
picture at the top with a translucent strip covering the middle where you can put a title and a line of text. hidden scrolling box for text below the picture.



.
.
.
ALDNOAH.ZERO

let justice be done, though the heavens fall.
text
Cat ipsum dolor sit amet, pelt around the house and up and down stairs chasing phantoms.
Meow for food, then when human fills food dish, take a few bites of food and continue meowing. Hide at bottom of staircase to trip human meow all night having their mate disturbing sleeping humans and eat a plant, kill a hand but flop over, for hiss at vacuum cleaner. Play time intently sniff hand chase red laser dot, so attack feet chirp at birds. Damn that dog favor packaging over toy so when in doubt, wash knock over christmas tree but caticus cuteicus. Hide head under blanket so no one can see chase dog then run away yet chase after silly colored fish toys around the house inspect anything brought into the house, or chase red laser dot yet sun bathe, and lick the plastic bag. Rub face on owner find something else more interesting where is my slave? I'm getting hungry so all of a sudden cat goes crazy, yet brown cats with pink ears but cat is love, cat is life. Put toy mouse in food bowl run out of litter box at full speed nap all day attack the dog then pretend like nothing happened hopped up on catnip hide when guests come over, get video posted to internet for chasing red dot. Sleep on dog bed, force dog to sleep on floor behind the couch stare at the wall, play with food and get confused by dust yet poop on grasses for i like big cats and i can not lie, have secret plans. Leave hair everywhere meow for food, then when human fills food dish, take a few bites of food and continue meowing cat slap dog in face where is my slave? I'm getting hungry. Lick arm hair if it smells like fish eat as much as you wish yet favor packaging over toy sun bathe.



template by astraea ∙ beware hidden scrolling


Code:
[div=background:url(https://33.media.tumblr.com/7bcb11a842c2f38974652ca9f3f7101b/tumblr_n8953iJPZf1toqhwfo1_500.gif); width:450px; height:190px;margin:auto;margin-bottom:-125px;][color=transparent].[/color][/div][div=background:white;width:450px; height:1px; padding:0px; opacity:0.8;margin:auto;][color=transparent].[/color][/div][div=background:white; opacity:0.3; width:450px; height:60px; margin-top:-7px;margin:auto;margin-bottom:-58px;].[/div][div=width:450px; color:white; font-family:georgia; font-size:28px; text-shadow: 0px 0px 2px ivory; letter-spacing:2px;margin:auto;text-align:center;margin-bottom:-25px;]TITLE HERE[/div]
[div=width:450px; color:white; font-family:georgia; font-size:13px; text-shadow: 0px 0px 2px ivory; letter-spacing:-1px; text-align:center;margin:auto;margin-bottom:70px;]line of something here like lyrics or a quote maybe[/div][div=background:#ffffff;width:440px; height:200px; overflow: hidden; padding: 5px;margin:auto;margin-bottom:-25px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: black; font-size: 10px; font-family: georgia; line-height: 11px;margin:auto;]text here
[/div]
[/div]
[/div]
[div=width:450px;text-align:center;font-family:verdana;font-size:8px;margin:auto;margin-top:4px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div]

Code:
[div=background:url(PICTURE URL); width:450px; height:190px;margin:auto;margin-bottom:-125px;][color=transparent].[/color][/div][div=background:white;width:450px; height:1px; padding:0px; opacity:0.8;margin:auto;][color=transparent].[/color][/div][div=background:white; opacity:0.3; width:450px; height:60px; margin-top:-7px;margin:auto;margin-bottom:-58px;].[/div][div=width:450px; color:white; font-family:georgia; font-size:28px; text-shadow: 0px 0px 2px ivory; letter-spacing:2px;margin:auto;text-align:center;margin-bottom:-25px;]TITLE HERE[/div]
[div=width:450px; color:white; font-family:georgia; font-size:13px; text-shadow: 0px 0px 2px ivory; letter-spacing:-1px; text-align:center;margin:auto;margin-bottom:70px;]line of something here like lyrics or a quote maybe[/div][div=background:#BACKGROUND COLOUR;width:440px; height:200px; overflow: hidden; padding: 5px;margin:auto;margin-bottom:-25px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: TEXT COLOUR; font-size: SIZEpx; font-family: FONT; line-height: 11px;margin:auto;]text here
[/div]
[/div]
[/div]
[div=width:450px;text-align:center;font-family:verdana;font-size:8px;margin:auto;margin-top:4px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div]
 

astraeaaa

ʕ•ᴥ•ʔ
ii. posting or thread template
picture banner where you can put a title and line of text at top covered with a white translucent block. transparent box for text underneath that expands down.


.
.
GLASSY SKY ABOVE
「astraea ∙ anime & kpop trash ∙ semi/advanced rper」

text text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
template by astraea



Code:
[div=background:url(https://33.media.tumblr.com/7bcb11a842c2f38974652ca9f3f7101b/tumblr_n8953iJPZf1toqhwfo1_500.gif);background-size:cover;background-position:top;width:480px;height:70px;margin: auto;margin-bottom:-70px;][color=transparent].[/color][/div][div=background-color:white;opacity:0.26;width:480px;height:70px;margin: auto][color=transparent].[/color][/div][div=color:white;text-shadow:0px 0px 2px ivory;letter-spacing:2px;font-family:georgia;font-size:26px;text-align:center;margin:auto;margin-top:-60px;]TITLE OR NAME HERE[/div][div=color:white;font-family:georgia;font-size:12px;text-shadow:0px 0px 2px ivory;letter-spacing:-1px;text-align:center;margin:auto;margin-top:-5px;]「info ∙ or lyrics ∙ put anything ∙ you want」[/div]
[div=width:480px;font-family:verdana;font-size:10px;text-align:justify;margin:auto;]text here
[center]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url][/center]
[/div]

Code:
[div=background:url(PICTURE URL);background-size:cover;background-position:top;width:480px;height:70px;margin: auto;margin-bottom:-70px;][color=transparent].[/color][/div][div=background-color:white;opacity:0.26;width:480px;height:70px;margin: auto][color=transparent].[/color][/div][div=color:white;text-shadow:0px 0px 2px ivory;letter-spacing:2px;font-family:georgia;font-size:26px;text-align:center;margin:auto;margin-top:-60px;]TITLE OR NAME HERE[/div][div=color:white;font-family:georgia;font-size:12px;text-shadow:0px 0px 2px ivory;letter-spacing:-1px;text-align:center;margin:auto;margin-top:-5px;]「info ∙ or lyrics ∙ put anything ∙ you want」[/div]
[div=width:480px;font-family:FONT;font-size:SIZEpx;text-align:justify;margin:auto;]text here
[center]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url][/center]
[/div]
 
Last edited:

astraeaaa

ʕ•ᴥ•ʔ
iii. posting template
box with banner with title and line of text, picture banner and hidden scrolling text box inside.


.
.
valkyrie
female ∙ unusual ∙ fae ∙ civilian
.
text here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.



.
template by astraea ∙ beware hidden scrolling



Code:
[div=background:#bb9988; width:400px; height:270px;margin:auto;margin-bottom:-265px;][color=transparent].[/color][/div][div=background:#ccaa99;width:390px; height:48px;margin:auto;][color=transparent].[/color][/div][div=width:390px; font-family:georgia; font-size:25px; color:#F7E9CC; text-shadow: 0px 0px 2px #eeddbb; text-transform:uppercase; letter-spacing:2px;text-align:center; margin:auto;margin-top:-48px;]name here[/div][div=width:390px; font-size:10px; text-transform:lowercase; color:#eeddcc; text-shadow: 0px 0px 2px #eeddbb; font-family:georgia;text-shadow: 0px 0px 1px #eeddbb;text-align:center;margin:auto;margin-top:-5px;margin-bottom:4px;]info ∙ text ∙ whatever ∙ here[/div][div=background:url(https://secure.static.tumblr.com/ab3b9cd8084e8db2f8cc1664d4ee4a27/xezinvc/I1Hmzys1u/tumblr_static_img_5212.JPG); background-position:bottom; background-size: cover; width:390px; height:24px;margin:auto;margin-bottom:4px;][color=transparent].[/color][/div][div=background:#ccaa99;width:380px; height:155px; overflow: hidden; padding: 5px; margin-top:4px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: #F9EBCE; font-size: 10px; font-family: georgia; line-height: 11px;margin:auto;]text here
[/div]
[/div]
[/div]
[div=background:#ccaa99; width:390px; height:15px;margin:auto;margin-top:-16px;][color=transparent].[/color][/div][div=width:390px; font-size:10px; text-align:center;color:#eeddbb; font-family:georgia;margin:auto;margin-top:-13px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div]

Code:
[div=background:COLOUR1; width:400px; height:270px;margin:auto;margin-bottom:-265px;][color=transparent].[/color][/div][div=background:COLOUR2;width:390px; height:48px;margin:auto;][color=transparent].[/color][/div][div=width:390px; font-family:georgia; font-size:25px; color:COLOUR3; text-shadow: 0px 0px 2px COLOUR4; text-transform:uppercase; letter-spacing:2px;text-align:center; margin:auto;margin-top:-48px;]name here[/div][div=width:390px; font-size:10px; text-transform:lowercase; color:COLOUR4; text-shadow: 0px 0px 2px COLOUR4; font-family:georgia;text-shadow: 0px 0px 1px COLOUR4;text-align:center;margin:auto;margin-top:-5px;margin-bottom:4px;]info ∙ text ∙ whatever ∙ here[/div][div=background:url(PICTURE URL); background-position:bottom; background-size: cover; width:390px; height:24px;margin:auto;margin-bottom:4px;][color=transparent].[/color][/div][div=background:COLOUR2;width:380px; height:155px; overflow: hidden; padding: 5px; margin-top:4px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: TEXT COLOUR; font-size: SIZEpx; font-family: FONT; line-height: 11px;margin:auto;]text here
[/div]
[/div]
[/div]
[div=background:COLOUR2; width:390px; height:15px;margin:auto;margin-top:-16px;][color=transparent].[/color][/div][div=width:390px; font-size:10px; text-align:center;color:COLOUR4; font-family:georgia;margin:auto;margin-top:-13px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div]
 

astraeaaa

ʕ•ᴥ•ʔ
iv. posting template
coloured box, with picture decorated with coloured lines to the left, and title, two lines of text and hidden scrolling text box to the right inside.


.
.
.
.
.

JANE EXAMPLE DOE

why can't i see, why can't i see
all the colours that you see?

text here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

template by astraea ∙ beware hidden scrolling


Code:
[div=background:#330000; border:none; width:470px; height:300px;margin:auto;][div=background:url(https://i.imgur.com/oXXtY9X.gif) center; background-size:cover; width:190px; height:300px; padding:0px;margin:auto;margin-left:5px;][color=transparent].[/color][/div][div=background:#330000; width:65px; height:5px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin:auto;margin-left:140px; margin-top:-280px;][color=transparent].[/color][/div][div=background:#220000; width:5px; height:300px; padding:0px; margin:auto;margin-left:184px; margin-top:-25px;][color=transparent].[/color][/div][div=background:#665544; width:3px; height:300px; opacity:0.9; padding:0px;margin:auto; margin-left:175px; margin-top:-300px;][color=transparent].[/color][/div][div=background:#550000;width:80px; height:4px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity:0.75; margin:auto;margin-left:125px; margin-top:-274px;][color=transparent].[/color][/div]
[div=background:#550000;width:255px; height:39px; padding:5px; font-family:georgia; font-size:21px; line-height:20px;text-shadow: 1px 1px #330000, 1px -1px #330000, -1px 1px #330000, -1px -1px #330000; color:#bbaa99; text-align:center;margin:auto;margin-right:5px;margin-top:-45px;]JANE EXAMPLE DOE[/div]
[div=width:255px; height:10px; padding:5px; font-family:georgia; font-size:10px; color:#C0B5A9; line-height:10px; letter-spacing:1px; text-align:center;margin:auto; margin-right:5px;margin-top:-50px;][i]first line of text or lyrics or whatever
second line of text or lyrics or whatever[/i][/div]
[div=background:#550000; width:255px; height:215px; overflow: hidden; padding: 5px;margin:auto; margin-top:-5px;margin-right:5px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: #bbaa99; font-size: 9px; font-family: verdana; line-height: 13px;margin:auto;]text here
[/div][/div][/div]
[div=background:#550000; width:255px; height:2px; padding:5px; margin:auto;margin-right:5px; margin-top:-20px;][div=width:255px; font-size:8px;text-align:center;padding:5px;margin:auto; margin-top:-12px; margin-right:5px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div][/div][/div]

Code:
[div=background:#COLOR1; border:none; width:470px; height:300px;margin:auto;][div=background:url(PICTURE URL) center; background-size:cover; width:190px; height:300px; padding:0px;margin:auto;margin-left:5px;][color=transparent].[/color][/div][div=background:#COLOR1; width:65px; height:5px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin:auto;margin-left:140px; margin-top:-280px;][color=transparent].[/color][/div][div=background:#COLOR3; width:5px; height:300px; padding:0px; margin:auto;margin-left:184px; margin-top:-25px;][color=transparent].[/color][/div][div=background:#COLOR4; width:3px; height:300px; opacity:0.9; padding:0px;margin:auto; margin-left:175px; margin-top:-300px;][color=transparent].[/color][/div][div=background:#COLOR5;width:80px; height:4px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity:0.75; margin:auto;margin-left:125px; margin-top:-274px;][color=transparent].[/color][/div]
[div=background:#COLOR5;width:255px; height:39px; padding:5px; font-family:georgia; font-size:21px; line-height:20px;text-shadow: 1px 1px #COLOR1, 1px -1px #COLOR1, -1px 1px #COLOR1, -1px -1px #COLOR1; color:#COLOR2; text-align:center;margin:auto;margin-right:5px;margin-top:-45px;]JANE EXAMPLE DOE[/div]
[div=width:255px; height:10px; padding:5px; font-family:georgia; font-size:10px; color:#COLOR6; line-height:10px; letter-spacing:1px; text-align:center;margin:auto; margin-right:5px;margin-top:-50px;][i]first line of text or lyrics or whatever
second line of text or lyrics or whatever[/i][/div]
[div=background:#COLOR5; width:255px; height:215px; overflow: hidden; padding: 5px;margin:auto; margin-top:-5px;margin-right:5px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: #COLOR2; font-size: SIZEpx; font-family: verdana; line-height: 13px;margin:auto;]text here
[/div][/div][/div]
[div=background:#COLOR5; width:255px; height:2px; padding:5px; margin:auto;margin-right:5px; margin-top:-20px;][div=width:255px; font-size:8px;text-align:center;padding:5px;margin:auto; margin-top:-12px; margin-right:5px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div][/div][/div]
 
Last edited:

dazzling

golden roses
iv. posting template
coloured box, with picture decorated with coloured lines to the left, and title, two lines of text and hidden scrolling text box to the right inside.


.
.
.
.
.

JANE EXAMPLE DOE

why can't i see, why can't i see
all the colours that you see?

text here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

template by astraea ∙ beware hidden scrolling


Code:
[div=background:#330000; border:none; width:470px; height:300px;margin:auto;][div=background:url(https://i.imgur.com/oXXtY9X.gif) center; background-size:cover; width:190px; height:300px; padding:0px;margin:auto;margin-left:5px;][color=transparent].[/color][/div][div=background:#330000; width:65px; height:5px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin:auto;margin-left:140px; margin-top:-280px;][color=transparent].[/color][/div][div=background:#220000; width:5px; height:300px; padding:0px; margin:auto;margin-left:184px; margin-top:-25px;][color=transparent].[/color][/div][div=background:#665544; width:3px; height:300px; opacity:0.9; padding:0px;margin:auto; margin-left:175px; margin-top:-300px;][color=transparent].[/color][/div][div=background:#550000;width:80px; height:4px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity:0.75; margin:auto;margin-left:125px; margin-top:-274px;][color=transparent].[/color][/div]
[div=background:#550000;width:255px; height:39px; padding:5px; font-family:georgia; font-size:21px; line-height:20px;text-shadow: 1px 1px #330000, 1px -1px #330000, -1px 1px #330000, -1px -1px #330000; color:#bbaa99; text-align:center;margin:auto;margin-right:5px;margin-top:-45px;]JANE EXAMPLE DOE[/div]
[div=width:255px; height:10px; padding:5px; font-family:georgia; font-size:10px; color:#C0B5A9; line-height:10px; letter-spacing:1px; text-align:center;margin:auto; margin-right:5px;margin-top:-50px;][i]first line of text or lyrics or whatever
second line of text or lyrics or whatever[/i][/div]
[div=background:#550000; width:255px; height:215px; overflow: hidden; padding: 5px;margin:auto; margin-top:-5px;margin-right:5px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: #bbaa99; font-size: 9px; font-family: verdana; line-height: 13px;margin:auto;]text here
[/div][/div][/div]
[div=background:#550000; width:255px; height:2px; padding:5px; margin:auto;margin-right:5px; margin-top:-20px;][div=width:255px; font-size:8px;text-align:center;padding:5px;margin:auto; margin-top:-12px; margin-right:5px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div][/div][/div]

Code:
[div=background:#COLOR1; border:none; width:470px; height:300px;margin:auto;][div=background:url(PICTURE URL) center; background-size:cover; width:190px; height:300px; padding:0px;margin:auto;margin-left:5px;][color=transparent].[/color][/div][div=background:#COLOR1; width:65px; height:5px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin:auto;margin-left:140px; margin-top:-280px;][color=transparent].[/color][/div][div=background:#COLOR3; width:5px; height:300px; padding:0px; margin:auto;margin-left:184px; margin-top:-25px;][color=transparent].[/color][/div][div=background:#COLOR4; width:3px; height:300px; opacity:0.9; padding:0px;margin:auto; margin-left:175px; margin-top:-300px;][color=transparent].[/color][/div][div=background:#COLOR5;width:80px; height:4px; padding:0px; transform: rotate (45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity:0.75; margin:auto;margin-left:125px; margin-top:-274px;][color=transparent].[/color][/div]
[div=background:#COLOR5;width:255px; height:39px; padding:5px; font-family:georgia; font-size:21px; line-height:20px;text-shadow: 1px 1px #COLOR1, 1px -1px #COLOR1, -1px 1px #COLOR1, -1px -1px #COLOR1; color:#COLOR2; text-align:center;margin:auto;margin-right:5px;margin-top:-45px;]JANE EXAMPLE DOE[/div]
[div=width:255px; height:10px; padding:5px; font-family:georgia; font-size:10px; color:#COLOR6; line-height:10px; letter-spacing:1px; text-align:center;margin:auto; margin-right:5px;margin-top:-50px;][i]first line of text or lyrics or whatever
second line of text or lyrics or whatever[/i][/div]
[div=background:#COLOR5; width:255px; height:215px; overflow: hidden; padding: 5px;margin:auto; margin-top:-5px;margin-right:5px;][div=height: inherit; width: inherit; padding: 0px; overflow: auto; padding-right: 35px;margin:auto;][div=height: inherit; width: inherit; padding: 0px; text-align: justify; color: #COLOR2; font-size: SIZEpx; font-family: verdana; line-height: 13px;margin:auto;]text here
[/div][/div][/div]
[div=background:#COLOR5; width:255px; height:2px; padding:5px; margin:auto;margin-right:5px; margin-top:-20px;][div=width:255px; font-size:8px;text-align:center;padding:5px;margin:auto; margin-top:-12px; margin-right:5px;]template by [url=https://www.rpnation.com/members/astraeaaa.46929/]astraea[/url] ∙ beware hidden scrolling[/div][/div][/div]
oMG can I use this?
also yes echo is my new addiction
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top