|
|
Post by pancake on Nov 27, 2011 1:22:01 GMT -5
[atrb=border,0,true][atrb=width,450,true][atrb=style,border-bottom: 20px solid #292929; background-image:url(http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/36d3c3c3.png), width: 400px; height: 400px;]
The Rules and Examples
The Rules
1. Make a character and get it accepted. I'm not going to waste my time making a code for someone who will just make a request then ditch and run.
2. Leave the Credits on, honestly it's rude when you don't. It's also stealing.
3. Patience is a virtue, who do you think is going to get their codes last and request denied when constantly reminding me about it? I don't mind a simple reminder but please I remember that you made a request no need to tell me every minute. Also, no need to be rude about it. Be polite, I like polite people.
4. Follow my warnings, PBE and style tags can easily be messed up if not followed.
Pixie's Examples Since Pixie is too lazy to put her examples up, just look around the site, her codes are everywhere.
ETC
Pancake's Examples 001. This is pure CSS, PBE is not involved. This is very easy to handle, edit, and use in general. It's very open towards customization and also can get very complex and fancy if that's to your liking. 002. This is pretty old, but nevertheless I'll put it up. This is a posting template consisting mostly of coding mainly styles. It's easy to handle and edit to your liking. The background, colours, and fonts can have endless options. Another example can be seen Here003. This is a mixture of coding and graphics. The graphic part means it's going to take longer to make. It's the sort of template you use for something that is gonna stay up like a plot page or you can reuse it over and over as a thread template. It's customized to your liking. Not many of these are going to be made though. x3 They take too long so I'm only willingly to do this sometimes. Requests for this type is template is Open for now. 004. This is an example of a template when you want to have multiple characters on one template. It can range from plotting to threads and whatnot. It's also harder to handle since it will contain a mass of coding and text. Things can easily go wrong, so you have to make sure to be careful when using this sort of thing.(Note: The similarities with the posting template is because these were supposed to be a set, but I changed my mind and never got to changing it. 005. These are plot template majigs. Its all CSS, but you can make these very fancy and add images and stuff onto it. It can be customized and even become a plot template majig table to reply to plot pages with. 006. This is a table CSS thing. Now it's not a template but the table of contents for me to organize my codes into x3 So, this is just an example of multiple character pages. I can easily add icons or pictures into this thing. It is also the base for this table which also shows how you can separate and categorize whatever.
|
[/td][/tr][/table][/center] Made by Pancake, don't steal or use without her knowing else you will be chopped up and hand fed your own body parts C: [b]Request to Who[/b] Pixie/Pancake/Either
[b]Template[/b] Post?Plot?What?
[b]Example[/b] If you want it to sort of match on, only the examples above we can't exactly copy of someone.
[b]Colours[/b] We may not fit this perfectly.
[b]Images[/b] Only if this applies.
[b]Lyrics[/b] Not the whole song please.
[b]Notes[/b] Tell us how you sort of want it to be. |
|
|
|
Post by christian erik hope; on Nov 28, 2011 12:48:55 GMT -5
Request to Who both, because i love you equally. Template thread tracker, a multicharacter one :3 (the one i'm currently using is just not snazzy enough) Example well, damn ... +this one is pretty snazzy, i guess? Colours as long as pink's not on there, (um ... even though katy loves pink. but we won't listen to her) i'm cool. mostly, i like purples, blues and blacks. :3 Images i don't think so? unless you really want to ... then i guess whatever i used in their profiles work. Lyrics omg, choiccess. so is this ... per character, or ... ? well, if it's not, i'm currently obsessed with +invented (the chorus - "you're always in my head", etc etc). if you want per character or if something's not cool with that, um, find me in the cbox? Notes um, i have no other notes. i love you all platonically? idk. i talk too much. >.>
|
|
|
|
Post by pixie on Nov 29, 2011 20:05:09 GMT -5
Okay, so I owed Lorene this from forever ago, and I finally managed to make it not so...suckish.
Preview:
| [div style="background-image:url(---); height: 200; width: 400; font-size: 0; background: -moz-linear-gradient(bottom, #000000, rgba(155,155,155,0), rgba(0,0,0,0)), url(http://i62.photobucket.com/albums/h105/XxChibiFairyxX/NSN/Christofer-112.jpg);[br"]-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));]hi |
[/div] this is the first page on the history of my growth [atrb=border, 0, true][atrb=width,400,true][atrb=style,border-radius: 0em; -moz-border-radius: 0em;background-image:url(http://i589.photobucket.com/albums/ss334/Midori-chii/hair01.jpg), width 400px; height: 400px;] Put info here~ PIXIE of WAKE US UP 2.0 made this template, and she'll be pissed if you steal this, so don't. Otherwise, you face the lifelong curse of tripping onto your face at the most inopportune times. [/td][/tr][/table][/center] Code (remember to remove the asterisks and to use darker picture because it'll look best~): [center][table][tr][td][*style=background-image:url(---); height: 200; width: 400; font-size: 0; background: -moz-linear-gradient(bottom, #000000, rgba(155,155,155,0), rgba(0,0,0,0)), url(http://i62.photobucket.com/albums/h105/XxChibiFairyxX/NSN/Christofer-112.jpg);
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));]hi[/style][*style=width: 400px; font-size: 25px; font-family: times; color: 546880; text-transform: lowercase; text-align:center; font-style: italic; text-shadow: #063a4b 1px 0px, #063a4b 0px 1px, #063a4b 0px -1px, #063a4b -1px 0px; letter-spacing: -2;]this is the first page on the history of my growth[/style][atrb=border, 0, true][atrb=width,400,true][atrb=style,border-radius: 0em; -moz-border-radius: 0em;background-image:url(http://i589.photobucket.com/albums/ss334/Midori-chii/hair01.jpg), width 400px; height: 400px;]
[*style=overflow: auto; width: 390px; height: 250px; font-family: arial; font-size: 9px; padding-right: 5px; padding-left: 5px; color: #000000; line-height: 100%; background: #ffffff; opacity: 0.7; text-align: justify;][color=094e65]Put info here~[/color] [/style][*style=color: #ffffff; font-size: 10px; text-align: center; font-family: arial; width: 400px;][url=http://wakeusup.proboards.com/index.cgi?action=viewprofile&user=pixie]PIXIE[/url] of [url=wakeusup.proboards.com]WAKE US UP 2.0[/url] made this template, and she'll be pissed if you steal this, so don't. Otherwise, you face the lifelong curse of tripping onto your face at the most inopportune times.[/style][/td][/tr][/table][/center][/size]
|
|
|
|
Post by jack damon chambers; on Dec 28, 2011 21:49:18 GMT -5
[atrb=border,0,true][atrb=width,450,true][atrb=style,background-image:url(http://i619.photobucket.com/albums/tt278/clebeouf_2009/GreyTile.png), width: 400px; height: 400px;]
[newclass=bg]background-color: #455d82; color: #303030; width: 150px;[/newclass][newclass=icon1]width:120px; height:120px; border: 5px solid #303030; float: right; background: url(http://i39.tinypic.com/2hn2u88.png);[/newclass][newclass=icon2]width:120px; height:120px; border: 5px solid #303030; float: right; background: url(http://i42.tinypic.com/nqbok7.png);[/newclass][newclass=icon3]width:120px; height:120px; border: 5px solid #303030; float: right; background: url(http://i39.tinypic.com/4ubgac.png);[/newclass][newclass=title]font-family: impact; font-size: 20px; text-align: center; color: #303030; background-color: #455d82; width: 300px; text-shadow: #000000 1px 1px 1px;[/newclass][newclass=sub]font-family: verdana; text-transform: lowercase; text-align:right; margin-right: 30px; color: #455d82; font-size: 9px;background-color: #303030; width: 300px;[/newclass]
[classy=title]Nick Last[/classy] [classy=sub]age. band. position.[/classy] [classy=icon1] [/classy][classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=title]Katy Last[/classy] [classy=sub]age. band. position.[/classy] [classy=icon2] [/classy][classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=title]Chris Last[/classy] [classy=sub]age. band. position.[/classy] [classy=icon3] [/classy][classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
[classy=bg]Name Of Thread[/classy]Tag Status Location
Made by Pancake of WakeUsUp, do not steal nor rip her coding without her permission else you may find yourself six feet under |
[/td][/tr][/table][/center] QUOTE FOR CODE [/center][/b] 1;; Sorry about the long wait 2;; Sorry about having you quote for it but yeah... 3;; If you need help ask and I'll handle it xD 4;; If you need to add a character tell me! 5;; You can start editing from where it says Nick Last, everything above it can be ignored 6;; All you have to edit is the Last for their names, fill in age. band. position. and Name Of Thread, Tag, Status, and Location |
|
|
|
Post by katja dione dietrich; on Jan 9, 2012 23:30:15 GMT -5
Request to Who Either
Template Plot
Example I currently have 3 characters (soon to be 4) So I'd like a massive plot page. Something where all 4 of my characters will fit on. It'll make it easier to keep track of all the going-ons with them :D
Colours Something fun !
Images n/a
Lyrics So don't you worry your pretty little mind
People throw rocks at things that shine
Notes I'm good with anything as long as it's big enough to fit all four of my characters on it. :D
|
|
|
|
Post by pixie on Jan 26, 2012 21:51:34 GMT -5
| [atrb=border,1,true][atrb=cellSpacing,0,true][atrb=cellPadding,10,true][atrb=border,0,true][atrb=style, background-image:url('http://i261.photobucket.com/albums/ii46/RoninMastaFX/Concrete.jpg'), width: 400px; height: 400px;][atrb=width,200] | [atrb=width,200][atrb=border, 0, true][atrb=width,200,true] name - age - band - position
Info here!
so don't you worry your pretty little mind | | [atrb=width,200][atrb=border, 0, true][atrb=width,200,true] | name - age - band - position
Info here!
people throw rocks at things that shine | | [atrb=width,200][atrb=border, 0, true][atrb=width,200,true] | name - age - band - position
Info here!
and life makes love look hard | | [atrb=width,200][atrb=border, 0, true][atrb=width,200,true] | name - age - band - position
Info here!
that stakes are high, the water's rough | | [cs=2] |
Okies, so just a few things!
i, Err, quote for the code. Usually I would just put it here directly, but I used a whole bunch of style tags which would need asterisks to not look all messed up, and I don't want to put at whole bunch of them everywhere, nor do I think you want to take forever taking them out.
ii, I'm so sorry it took so long!
iii, If you don't like one of the pictures and want to change it, the size is 150x150.
iv, The little blocks don't give much room for text, so you can edit it however you want so that it doesn't overflow. If you'd like to be able to fit more, just let me know, and I'll fix it up for you.
v, Whenever you want to add a character, just add this code to it after removing those yucky asterisks:
[tr][td][atrb=width,200][atrb=border, 0, true][atrb=width,200,true][*style=width: 150px; height: 150px; background: #3f7cc6 url(link to 150x150 picture); border-radius: 0em 3em 0em 3em; -moz-border-radius: 0em 0em 0em 0em;] [/style][/td]
[tr][td][*style=width: 310px; height: 10px; background-color: b0d0ff; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; text-align; center; font-size: 10px; font-family: verdana; color: 000000; text-transform: uppercase; text-align:center; letter-spacing: 1;]name - age - band - position[/style][div style="overflow: auto; width: 300px; height: 124px; font-family: arial; font-size: 9px; padding-right: 5px; padding-left: 10px; color: #000000; line-height: 100%; background: #ffffff; opacity: 0.4; text-align: justify;border-radius: 0em 0em 0em 0em; -moz-border-radius: 0em 0em 0em 0em; margin-right: 0em; margin-bottom: 0em;"]
Info here!
[/div][*style=width: 310px; height: 10px; background-color: b0d0ff; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; text-align; center; font-size: 8px; font-family: verdana; color: 000000; text-transform: uppercase; text-align:center; letter-spacing: 1;]lyrics here[/style][/td][/tr]
vi, Uhm...that's about all I had to say. If you have any trouble, just let me know! c: |
|
|
|
Post by katja dione dietrich; on Jan 28, 2012 22:13:32 GMT -5
Awww I adore it! thank you so much Pixie <333
|
|
