Echo's Templates

[Li-Qiu]

This is for me to test my templates out.

Feel free to give suggestions/feedback.
If I'm feeling creatives, I may take requests.

Materials:

[/url]
- Color Lists[/ul]

NOTE FOR TEMPLATE USERS:

[Li-Qiu]

[atrb=border, 0, true][atrb=valign,top][atrb=style, background: #121212; border: 2px solid #1E90FF; padding: 5px;, true, btable]

[atrb=border, 0, true][atrb=valign,top][atrb=style, padding: 5px;][atrb=width, 510, true] Li-Qiu Yue This is the first and simplest template, there's not a lot to this. Although as usual, Li-Qiu's being cute. >w< ---------------------------- Notes; OOC; Mana; 100% [10/10] Speech; #FF82AB

[Li-Qiu]

[atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top] LI-QIU YUE This is the second, more complicated template. Of course, there's going to be a maid outfit. Haha. Who wouldn't want one? >w< *shot'd* Just to waste some space and to remind myself: I need to add a speech field to the bottom down there. Since I have the feeling that this is a template that's better used for a long post of course. Then again, I won't really know and this is a template testing thread. (Ooh, look at that fancy alliteration!) EDIT: This template doesn't work yet. I'll fix it later. >.< SECOND EDIT: Never mind. Fixed. I'll add more prettyful stuff later when I actually have time and it isn't so late. • SPEECH; #4876FF • NOTES; notes here • MANA; 100% [10/10] • OOC; OOC here •

[Li-Qiu]

[atrb=border,0,true] Okay. So this is template number three, yay me. It's probably too obvious that I love making templates by now. orz Anyways, this one is different to the others as usual, but I am putting a lot of text in here. Why? I need to test the overflow function to see if it ACTUALLY works. And I'm hoping it does because... because. Well, it's cool. Anyways, I'm shoving in a little bit more text here because there STILL isn't enough text, which is quite strange. Gosh, this is a huge template. And why is my margin-top code not working? I'm bad at coming up with excuses. So bleh. So here, have a little more text and be happy. See that fancy horizontal rule right there? Yeah, it's fancy, huh? Replaced the horizontal rule. It didn't fit in with the code and I can't be bothered to tweak it. Lazy me is lazy. Inputting more text right here. And more text. And more text. And even more text just for the heck of it. And now I'm seriously hoping this works or...! Nope. orz But fixed it. That and the margin code too. Yay me. Everything works. ^-^ Speech; #8B1A1A Notes; ~ OOC; ~ Mana; 100% [10/10]

[Li-Qiu]

[atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top] Don't speak so lightly of death... This template is for Rii. Text here. This is sampling the text and seeing if it works on the background or not, and apparently it does. And have a bit more text here just for funzies. d: • SPEECH; text color • NOTES; notes here • MANA; 100% [10/10] • OOC; OOC here •

Towards the end of the code, there is a part that says . This is for speech color.

This is the code for the template above:

[center][table]
[tr][td][atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top][div style="width: 520px; height: 200px; background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/Konachan.png); -moz-border-top-right-radius: 15px; border-top-right-radius:15px; -moz-border-top-left-radius: 15px; border-top-left-radius:15px; border: #000 solid 4px;border-bottom: #000 2px dashed;margin:0px;"][div style="float:left;color: #ffffbb; font-size: 36px; font-family: blackadder itc; padding: 4px; 2px 4px 0px;margin-top:160px;margin-left:5px;text-shadow:0px 0px 8px #000;"][b]Don't speak so lightly of death...[/b][/div] [/div][div style="width:480px; background-color: #27396e; border-right:#000 solid 4px;border-left:#000 solid 4px;font-family: georgia; font-size: 10px;font-weight:bold; color: #000;text-shadow: 0px 0px 3px #fff;padding: 20px;"]TEXT HERE

[/div][div style="width: 520px; height: 70px; background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/Konachan2.png);text-shadow:0px 0px 6px #000; -moz-border-bottom-right-radius: 15px; border-bottom-right-radius:15px; -moz-border-bottom-left-radius: 15px; border-bottom-left-radius:15px; border: #000 solid 4px;border-top:#000 2px dashed;margin:0px;"][div style="font-family: arial; font-size: 9px; color: #eee; text-align: center; padding: 10px;"]• [font=georgia][b]SPEECH;[/b][/font] [color=TEXT COLOR HERE]text color[/color] • [font=georgia][b]NOTES;[/b][/font] notes here • [font=georgia][b]MANA;[/b][/font] 100% [10/10] • [font=georgia][b]OOC;[/b][/font] OOC here •[/div][/div]
[/td][/tr][/table][/center]

[Li-Qiu]

[atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top] NAME HERE IN ALL CAPS Text here • MANA; 100% [xx/xx] • OOC; OOC here •

Hahaha, you know how this works. Don't forget to replace the curly brackets with square ones if the thing doesn't work out.

[center][table]
[tr][td][atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top][div style="width: 508px; height: 190px; background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/f70c51b3-b13a-4840-bbc7-29d23e6a292c.jpg); border: #545454 solid 2px;border-bottom: 0px;margin:0px;"][div style="float:left;color: #242424; font-size: 35px; font-family: georgia; padding: 4px; 2px 4px 0px;margin-top:140px;margin-left:5px"][b]NAME HERE IN ALL CAPS[/b][/div] [/div][div style="width:468px; background-color:#454545; background: -moz-linear-gradient(top, #454545 0%, #787878 100%);border:#545454 solid 2px;font-family: verdana; font-size: 10px; color: #c2c2c2; line-height: 11px; padding: 20px;"]Text here

[div style="background-color: #454545;font-family: arial; font-size: 9px; color: #c2c2c2; text-align: center; padding: 10px;"]• [font=georgia][b]MANA;[/b][/font] 100% [xx/xx] • [font=georgia][b]OOC;[/b][/font] OOC here •[/div][/div]
[/td][/tr][/table][/center]

[Arlyn]

[atrb=border,0,true][atrb=cellspacing,0px,true] Marshall Arlyn Embero TEXT HERE • SPEECH; #2CB8AE • NOTES; ~ • MANA; 100% [10/10] • OOC; ~ •

[Arlyn]

[atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top] DURRIKEN PETULENGRO “in the absence of will power, the most complete collection of virtues and talents is wholly worthless. Once again testing because I failed. Haha. Let's add more and more text. I know it'll spill over but hey, it's always worth a shot, rite? So have a little bit more text because I want to see if it spills over or my z-index works and is going to be annoying. >.>” Text here. I'm putting more text just to see how this thing will wrap with the logo there. Or if it'll even wrap. I'm hoping it does. Or rawr. Okay. It wraps and extends perfectly fine. This template is done. x3 This is a quote. SPOILER: Click to show This is a spoiler. • MANA; 100% [xx/xx] •

WHEN COPYING THE CODE, MAKE SURE ALL CURLY BRACKETS ARE REPLACED WITH SQUARE BRACKETS OR THE TEMPLATE WON'T WORK.
[center][table]
[tr][td][atrb=border, 0, true][atrb=cellspacing,0px,true][atrb=valign,top][div style="width: 450px; height: 200px; background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/656d3153-2c1f-4edf-be7b-6ef9c1eab6c9.jpg);background-color:#8b959e; border: #434343 solid 2px;border-bottom: 0px;margin:0px;"][div style="float:right;margin-top:130px;margin-right:3px;"][img]http://i105.photobucket.com/albums/m238/Rikesh123/griffinlogoM.png[/img][/div][div style="float:left;color: #473C8B; font-size: 30px;letter-spacing:-4px; font-family: californian fb;margin-top:145px;padding:4px;margin-left:0px;text-shadow: 0px 0px 3px #fff;"][b]DURRIKEN PETULENGRO[/b][/div][div style="float:left;color:#fff;font-size:10px;font-family:times;line-height:10px;width:300px;padding:2px;margin-top:-15px;text-shadow:0px 0px 5px #000;text-align:justify;"][size=4][color=black]“[/color][/size]QUOTE HERE[size=4][color=black]”[/color][/size][/div] [/div][div style="width:410px; background-color:#454545;border:#434343 solid 2px;font-family: arial; font-size: 10px; color: #000;padding: 20px;"]Text here.
[div style="background-color: #454545;font-family: arial; font-size: 9px; color: #D4C8E4; text-align: center; padding: 10px;"]• [font=georgia][b]MANA;[/b][/font] 100% [xx/xx] •[/div][/div]
[/td][/tr][/table][/center]

[Arlyn]

[atrb=border,0,true][atrb=cellspacing,0px,true] Arlyn Embero Okay so. Here we have the usual more-text drill. Blah blah blah. Even more text. I should really find something smart to put in these things. Haha. Like you know, one of those default blocks of text that people use to test their overflow-auto properties. I need to come up with one of those because I just figured out my background-opacity code. Sneaky stuff. I had to use a different way to put in colors. For anyone actually reading this, I shall explain. The background-color property can also be defined by rgba coding. Of course, the nifty thing is that opacity can be directly inputted. Bleh. I can't be bothered to put down more explanation. Dammit. Haha. ... TEMPLATE. SCROLL. -------------------------- Speech; #305CBA OOC; ~ Notes; ~ Mana; 100% [10/10]

[Arlyn]

[atrb=border,0,true][atrb=cellspacing,0px,true]

[atrb=border,0,true][atrb=cellspacing,0px,true] Text, text, text. Gimme more text. And more. ... And more. ... More. >.> Rawr. ---------------- MANA: 100% [xx/xx]

[center][table][tr][td][atrb=border,0,true][atrb=cellspacing,0px,true][div style="background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/images123.jpg);margin-top:70px;height:259px;width:150px;"] [/div][/td][td][atrb=border,0,true][atrb=cellspacing,0px,true][div style="z-index:1;float:right;background-color:#000;width:100px;height:100px;text-align:center;border: 2px solid #000;"][img]http://i1233.photobucket.com/albums/ff393/EchoxCrashx/31419c70-0ec5-4109-bc00-d0c27e0c9569.jpg[/img][/div] [div style="background-image: url(http://blondesearch.ru/img/78/78e/SF_A2_Miki_Game_Over.jpg);x-index:-1;height:259px;width:400px;margin-top:70px;padding:4px;"]
[div style="background-color: rgba(100,100,100,.6);padding:4px;border: 2px solid #fff;width:380px;height:210px;overflow:auto;z-index:0;margin-left:4px;color:#000;"]TEXT HERE

[center]----------------
[font=georgia]MANA:[/font] 100% [xx/xx]
[/center][/div][/div][/td][/tr][/table][/center]

[Arlyn]

[atrb=border,0,true][atrb=cellspacing,0px,true] Ayame Yukina
[atrb=border,0,true][atrb=cellspacing,0px,true]	[atrb=border,0,true][atrb=cellspacing,0px,true] Text Testing. The. Scroll. Bar. This. Should. Work. Dammit. Meh. Come. On. Now. This. Is. Annoying. Okay, it works. ------------------------------ MANA: 100% [xx/xx]

[center][table][tr][td][atrb=border,0,true][atrb=cellspacing,0px,true][div style="background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/7e3a5a6b-5086-447b-810b-56ba5e0a1d45.jpg);background-position:center center;width:530px;height:190px;"][div style="font-family:impact;color:#fff;font-size:30pt;float:right;margin-right:10px;margin-top:140px;"]Ayame Yukina[/div][/div][/td][/tr][tr][td][atrb=border,0,true][atrb=cellspacing,0px,true][div style="background-image: url(http://i1233.photobucket.com/albums/ff393/EchoxCrashx/asdvfgfd.png);width:200px;height:329px;] [/div][/td][td][atrb=border,0,true][atrb=cellspacing,0px,true][div style="background-color:#e8e3c1;color:#000;width:320px;height:319px;margin-left:200px;padding:5px;overflow:auto;"]TEXT HERE

[center]------------------------------
[font=georgia]MANA:[/font] 100% [xx/xx][/center][/div][/td][/tr][/table][/center]