in the mood to code

Yunn said:
Sorry about that xD (seems like i forgot to add the beginning code tag but the end code tag was there orz). I just edited the the post and the code should be in the spoiler now.
Click to expand...
Thanks love<3 You are literally the best muffin.


can i worship u.
 
Form


Type of coding


tab threads codes


Any Specific Colors


tab um idk maybe like navy ,dark red , and white? something patriotic?


Any Specific Pictures


tab -- > one OR heroes AND Kids


Type of coding


tab accordions or tabs whatever you think works


Text


tab

so this is gonna be a tall order. and you don't have to do it all at once or anything. it's not like a huge priority or anything. but like i want something to put thread information in for a 1x1 roleplay.


One code with tabs/accordions with the following information.


The Bill ( main story/plot ) - The Event, Breakouts, PIC, Phoenix, Additional Info


The second code just a place for roles - maybe two large accordions for the main characters, and four smaller ones for NPCs?
 
Yunn said:
Request #17 @SociallyAwkward123 Ay Jessica~ Here's your Overview. Hope it's proper enough for you c;




11.gif



• Place for some text/quote








NAVIGATION-[/color]']NAVIGATION-
NAVIGATION-']NAVIGATION-



NAVIGATION-[/color]']NAVIGATION-
NAVIGATION-']NAVIGATION-



Overview


• the genius goes in here











Code: 
[centerblock=90][border=1px solid #fdfdfd][row][column=span7][bg=black]

[/bg][/column][/row][row][column=span2][font=Alice][bg=#242424]
[img=http://3.bp.blogspot.com/--JsppZD_1Lg/Umk13GxhLwI/AAAAAAAABcg/nb_BLiAUYZY/s640/11.gif]
[border=2px solid #242424][bg=#5C5C5C][color=white]• Place for some text/quote


[/color][/bg][/border]
[row][column=span4][url="http://[color=white][highlight]NAVIGATION-[/highlight][/color]"][color=white][highlight]NAVIGATION-[/highlight][/color][/url][/column][column=span4][url="http://[color=white][highlight]NAVIGATION-[/highlight]"][color=white][highlight]NAVIGATION-[/highlight][/color][/url][color=white][/color][/column][/row]
[row][column=span4][url="http://[color=white][highlight]NAVIGATION-[/highlight][/color]"][color=white][highlight]NAVIGATION-[/highlight][/color][/url][/column][column=span4][url="http://[color=white][highlight]NAVIGATION-[/highlight]"][color=white][highlight]NAVIGATION-[/highlight][/color][/url][color=white][/color][/column][/row]
[/bg][/font][/column][column=span5][bg=white][border=1px solid white][accordion]


{slide=300|left|open|[bg=white][color=black][size=36px][font=Croissant One]Overview[/font][/size][/color][divide][/divide][/bg]}[bg=white][font=Alice]
[indent]• the genius goes in here










[/indent]

[/font][/bg]{/slide}


[/accordion]
[/border][/bg][/column][/row][row][column=span7][bg=black]
[/bg][/column][/row][/border][/centerblock]

Eyyyyyyy look at the muffin being all proper. Bravo xD Don't worry, I'll make sure to tag you when I make the thread. But yes, the coding is proper enough for me ^.^ Thank youuuu~
Click to expand...
 
Request #18 @RinDaVamp Here you go. Hope this is alright~ (and not too complicated or simple) xD . If you want any changes please tell me and I'll fix it.


QUOTE OF SORTS HERE

​






~text
BASICS
NAME


AGE


GENDER


EXTRA
FIRST



AGE


GENDER


EXTRA
MIDDLE



EXTRA


EXTRA


EXTRA
LAST



EXTRA


EXTRA


EXTRA
~text



APPEARANCE
Text goes here
PERSONALITY
Text goes here
BIOGRAPHY
Text goes here
MISCELLANEOUS
Text goes here


Code: 
[centerblock=62][border=0][accordion]{slide=100|left|[bg=#fdfdfd]
[center][font=Oswald][size=7][color=#AF0303]QUOTE OF SORTS HERE[/color][/size][/font][/center]

[/bg][bg=#630202][row][column=span8][bg=#630202]
[/bg][/column][/row]
[row][column=span2][border=1px solid #630202][bg=#AF0303][img=https://placeholdit.imgix.net/~text?txtsize=19&txt=200×200&w=200&h=200][/bg][/border][/column][column=span4][border=1px solid #630202][bg=#CE2208][font=Oswald][size=7][color=#630202]BASICS[/color][/size][/font][/bg][bg=#CE7708][color=#630202][font=Roboto][row][column=span2][u]NAME
AGE
GENDER
EXTRA[/u][/column][column=span2]FIRST
AGE
GENDER
EXTRA[/column][column=span2]MIDDLE
[u]EXTRA
EXTRA
EXTRA[/u][/column][column=span2]LAST
EXTRA
EXTRA
EXTRA[/column][/row][/font][/color][/bg][/border][/column][column=span2][border=1px solid #630202][bg=#AF0303][img=https://placeholdit.imgix.net/~text?txtsize=19&txt=200×200&w=200&h=200][/bg][/border][/column][/row][row][column=span8][bg=#630202]
[/bg][/column][/row][/bg][bg=#AF0303][font=Oswald][size=7][color=#CE2208]APPEARANCE[/color][/size][/font][/bg]}[bg=#630202][color=#AF0303][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}




{slide=100|left|[bg=#CE2208][font=Oswald][size=7][color=#CE7708]PERSONALITY[/color][/size][/font][/bg]}[bg=#AF0303][color=#CE2208][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}





{slide=100|left|[bg=#CE7708][font=Oswald][size=7][color=#630202]BIOGRAPHY[/color][/size][/font][/bg][font=Oswald][size=7]}[bg=#CE2208][color=#CE7708][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}






{slide=100|left|[bg=#630202][font=Oswald][size=7][color=#AF0303]MISCELLANEOUS[/color][/size][/font][/bg]}[bg=#CE7708][color=#630202][font=Roboto] Text goes here



[/font] [/color][/bg] {/slide}


[/size][/font][/accordion][/border][/centerblock]
 
Yunn said:
Request #18 @RinDaVamp Here you go. Hope this is alright~ (and not too complicated or simple) xD . If you want any changes please tell me and I'll fix it.
QUOTE OF SORTS HERE

​






~text
BASICS
NAME


AGE


GENDER


EXTRA
FIRST



AGE


GENDER


EXTRA
MIDDLE



EXTRA


EXTRA


EXTRA
LAST



EXTRA


EXTRA


EXTRA
~text



APPEARANCE
Text goes here
PERSONALITY
Text goes here
BIOGRAPHY
Text goes here
MISCELLANEOUS
Text goes here


Code: 
[centerblock=62][border=0][accordion]{slide=100|left|[bg=#fdfdfd]
[center][font=Oswald][size=7][color=#AF0303]QUOTE OF SORTS HERE[/color][/size][/font][/center]

[/bg][bg=#630202][row][column=span8][bg=#630202]
[/bg][/column][/row]
[row][column=span2][border=1px solid #630202][bg=#AF0303][img=https://placeholdit.imgix.net/~text?txtsize=19&txt=200×200&w=200&h=200][/bg][/border][/column][column=span4][border=1px solid #630202][bg=#CE2208][font=Oswald][size=7][color=#630202]BASICS[/color][/size][/font][/bg][bg=#CE7708][color=#630202][font=Roboto][row][column=span2][u]NAME
AGE
GENDER
EXTRA[/u][/column][column=span2]FIRST
AGE
GENDER
EXTRA[/column][column=span2]MIDDLE
[u]EXTRA
EXTRA
EXTRA[/u][/column][column=span2]LAST
EXTRA
EXTRA
EXTRA[/column][/row][/font][/color][/bg][/border][/column][column=span2][border=1px solid #630202][bg=#AF0303][img=https://placeholdit.imgix.net/~text?txtsize=19&txt=200×200&w=200&h=200][/bg][/border][/column][/row][row][column=span8][bg=#630202]
[/bg][/column][/row][/bg][bg=#AF0303][font=Oswald][size=7][color=#CE2208]APPEARANCE[/color][/size][/font][/bg]}[bg=#630202][color=#AF0303][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}




{slide=100|left|[bg=#CE2208][font=Oswald][size=7][color=#CE7708]PERSONALITY[/color][/size][/font][/bg]}[bg=#AF0303][color=#CE2208][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}





{slide=100|left|[bg=#CE7708][font=Oswald][size=7][color=#630202]BIOGRAPHY[/color][/size][/font][/bg][font=Oswald][size=7]}[bg=#CE2208][color=#CE7708][font=Roboto] Text goes here



[/font] [/color][/bg]{/slide}






{slide=100|left|[bg=#630202][font=Oswald][size=7][color=#AF0303]MISCELLANEOUS[/color][/size][/font][/bg]}[bg=#CE7708][color=#630202][font=Roboto] Text goes here



[/font] [/color][/bg] {/slide}


[/size][/font][/accordion][/border][/centerblock]

It's beautiful! Thank you dearie! <3
Click to expand...
 
Last edited by a moderator:
Request #19 Part 1 @nerdyfangirl Here's the first part of your quest~ I'll probably be able to finish the second part later this night or tomorrow. ;D. There's two versions with tabs and one without. If you want any changes just ask.
With Tabs


THE BILL
text here


siblings-rivalry.jpg
download.jpg
  • text here



Code: 
[centerblock=84][border=5px solid #fdfdfd][row][column=span3][bg=darkblue][border=1px solid darkblue][accordion]{slide=200|left|open|[bg=darkblue][font=Oswald][color=white][size=36px]THE BILL[/size][/color][/font][/bg]}text here




{/slide}


[/accordion][img=http://www.alpi.ca/wp-content/uploads/2014/09/siblings-rivalry.jpg][/border][/bg][/column][column=span5][bg=darkred][border=1px solid darkred][img=http://i1065.photobucket.com/albums/u387/readingraebow/miscellanous/download.jpg][/border][/bg][bg=white][font=Oswald][tabs]

[tab=The Event][font=Carme]text here










[/font][/tab]

[tab=Breakouts][font=Carme]text here










[/font][/tab]

[tab=PIC][font=Carme]text here










[/font][/tab]

[tab=Phoenix][font=Carme]text here










[/font][/tab]

[tab=Additional Info][font=Carme]text here










[/font][/tab][/font][/tabs][/bg][/column][/row][/border][/centerblock]

W/O Tabs


THE BILL
TEXT here


siblings-rivalry.jpg
download.jpg
THE EVENT
TEXT here


BREAKOUTS
TEXT here


PIC
TEXT here


PHOENIX
TEXT here
ADDITIONAL INFO
TEXT here







Code: 
[centerblock=84][border=5px solid #fdfdfd][row][column=span3][bg=darkblue][border=1px solid darkblue][accordion]{slide=300|left|open|[bg=darkblue][font=Oswald][color=white][size=36px]THE BILL[/size][/color][/font][/bg]}[bg=white][font=Carme][color=darkblue][b]TEXT[/b] here











[/color][/font][/bg]{/slide}


[/accordion][img=http://www.alpi.ca/wp-content/uploads/2014/09/siblings-rivalry.jpg][/border][/bg][/column][column=span5][bg=darkred][border=1px solid darkred][img=http://i1065.photobucket.com/albums/u387/readingraebow/miscellanous/download.jpg][/border][/bg][bg=white][accordion]

{slide=100|left|[bg=white][font=Oswald][color=darkred][size=28px]THE EVENT[/size][/color][/font][/bg]}[bg=darkred][font=Carme][color=white][b]TEXT[/b] here



[/color][/font][/bg]{/slide}

[/accordion][/bg][bg=darkred][accordion]

{slide=100|left|[bg=darkred][font=Oswald][color=white][size=28px]BREAKOUTS[/size][/color][/font][/bg]}[bg=white][font=Carme][color=darkred][b]TEXT[/b] here



[/color][/font][/bg]{/slide}

[/accordion][/bg][bg=white][accordion]

{slide=100|left|[bg=white][font=Oswald][color=darkred][size=28px]PIC[/size][/color][/font][/bg]}[bg=darkred][font=Carme][color=white][b]TEXT[/b] here



[/color][/font][/bg]{/slide}

[/accordion][/bg][bg=darkred][accordion]

{slide=100|left|[bg=darkred][font=Oswald][color=white][size=28px]PHOENIX[/size][/color][/font][/bg]}[bg=white][font=Carme][color=darkred][b]TEXT[/b] here



[/color][/font][/bg]{/slide}[/accordion][/bg][bg=white][accordion]

{slide=100|left|[bg=white][font=Oswald][color=darkred][size=28px]ADDITIONAL INFO[/size][/color][/font][/bg]}[bg=darkred][font=Carme][color=white][b]TEXT[/b] here



[/color][/font][/bg]{/slide}

[/accordion][/bg][/column][/row][/border][/centerblock]
 
Your coding is so beautiful *insert gif*


For realz though, you're so talented *o*


First I was gonna be a thief and you would've had to call the bbcode police (lol jk jk) but I was like nahh.


> Type of coding; (see what i do)


Character Sheet


> Any specific colors?


Pastel, Pastel! Use this wonderful websites + palette(Palette / pastel blue :: COLOURlovers and Color / FFD1DC / Pastel Pink :: COLOURlovers) as your guide


> Any specific pictures?


Nope. Just some place holders :)


> Do you want a certain style/codes? (cute/minimalistic/etc/accordions/tabs)


Accordions and could it be separated with rows and columns and with an individual background + border? Also I'd like it to be cute and minimalistic. Hope I'm not asking too much.


> Text/Other


Nope, you just do your best *thumbs-up*
 
Last edited by a moderator:
@Yunn perfect thank you again! And no rush on the rest it's mostly a project to help to reorganize some stuff in my rap so it's not a huge time priority or anything.
 
Request #19 Part 2 @nerdyfangirl Well I'm just doing these whenever xD . Plus this one is pretty simple.
ROLE 1


~text
text here


ROLE 2


~text
text here


NPC 1
text here


NPC 2
text here


NPC 3
text here


NPC 4
text here



Code: 
[row][column=span3][border=0][accordion]{slide=180|left|open|[bg=#fdfdfd][font=Oswald][size=36px][color=darkblue]ROLE 1[/color][/size][/font]
[img=https://placeholdit.imgix.net/~text?txtsize=38&txt=400×200&w=400&h=200][/bg]}[bg=darkblue][color=white][font=Carme]text here







[/font][/color][/bg]{/slide}


[/accordion][/border][/column][column=span3][border=0][accordion]{slide=180|left|open|[bg=#fdfdfd][font=Oswald][size=36px][color=darkred]ROLE 2[/color][/size][/font]
[img=https://placeholdit.imgix.net/~text?txtsize=38&txt=400×200&w=400&h=200][/bg]}[bg=darkred][color=white][font=Carme]text here







[/font][/color][/bg]{/slide}


[/accordion][/border][/column][column=span2][border=0][accordion]{slide=150|left|open|[bg=darkblue][font=Oswald][size=36px][color=white]NPC 1[/color][/size][/font][/bg]}[bg=white][color=darkred][font=Carme]text here





[/font][/color][/bg]{/slide}


{slide=150|left|[bg=darkred][font=Oswald][size=36px][color=white]NPC 2[/color][/size][/font][/bg]}[bg=white][color=darkred][font=Carme]text here





[/font][/color][/bg]{/slide}


{slide=150|left|[bg=darkblue][font=Oswald][size=36px][color=white]NPC 3[/color][/size][/font][/bg]}[bg=white][color=darkblue][font=Carme]text here





[/font][/color][/bg]{/slide}


{slide=150|left|[bg=darkred][font=Oswald][size=36px][color=white]NPC 4[/color][/size][/font][/bg]}[bg=white][color=darkred][font=Carme]text here





[/font][/color][/bg]{/slide}

[/accordion][/border][/column][/row]
 
NWO said:
Honestly I love accordions, they make it look so good. But I always have issues with copying the code to post in another thread. If I save the code and then try to copy it, it messes up when I go to paste it. Idek what the issue is since I have no idea about coding. But I know that the accordions either don't open properly or, like with the pastel one, the colors get messed up. So basically, I can only use the CS once because after that if I try to paste it, it's all weird.
Click to expand...
Do you have the rich text editor on? (the one with the buttons). Cause it generally tends to do that since it can't handle complex code.


You can go here which would tell you how to turn it off.
 
> Type of coding: Character Skelly


> Any specific colors? Black and White with a possible splash of colour, but that's up to you! Neon colors preferred, if so.


> Any specific pictures? Not at all! If you could put an image holder, though. That would be great.


> Do you want a certain style/codes? I just want it simple, but attractive. You know? I have the basic layout planned, if you're up for it. I'll explain it below.


> Text/Other? I'd love for you to include the Rock Salt for the titles and accordion titles with a different, cute, but readable font for the inside words.


<p><a href="<fileStore.core_Attachment>/monthly_2016_07/Untitled.png.a0b74b908f9fb4a83c7f2e2d214172fa.png" class="ipsAttachLink ipsAttachLink_image"><img data-fileid="144343" src="<fileStore.core_Attachment>/monthly_2016_07/Untitled.png.a0b74b908f9fb4a83c7f2e2d214172fa.png" class="ipsImage ipsImage_thumbnailed" alt=""></a></p> Here is a little example I whipped up on Microsoft Paint. That is the basic layout I want. I wish for the background to be black, the words all white and labeled as so. Rather than just the four accordions, I'd like six. If you'd be so kind to label them, in this order, 'General Statistics' 'Appearance' 'Personality' 'Biography' and 'Writing Sample'. If you could use the font Rock Salt for everything except the inside information, that would be great. I'd like Covered by Your Grace to be the font for inside of the accordions, with the bg still black. Um, yeah...


Rather than having a really long accordion when opened, could you do the side gray swipey thing? Ya know... Geez, I'm probably confusing the shit out of you. Just ask if you need me to clear something up.

 

Attachments

  • Untitled.png
    Untitled.png
    11.8 KB · Views: 98
Last edited by a moderator:
I am back again, dearie, and it hasn't even been that long. >;3 Hope you don't mind me coming back.


Just goes to show how truly amazing your coding is. <3 All of it's beautiful.


Hopefully this is good. I can clarify on things if you need.


> Type of coding?


Character Post


> Any specific colors?


Another Palette! =^-^=


Palette / Warm Sound :: COLOURlovers


> Any specific pictures?


This time around, I do have a couple pictures.


|X|X|<-- The pocket-watch's actually optional, I don't care if it gets used or not.


> Do you want a certain style/codes?


Preferably something simple or minimalistic. This character has a time-ability, so if you feel like tieing something time-y into it other than the watch, your welcome to. Your choice really. One accordion information and one for mentions.


> Text


The character's name is Nabi Ryang, so I'd like it if that could be included somehow. Then Mentions/Tags (whichever word, idc), Location, Status, Mood, and interactions. I can fill it in as needed other than that.
 
Last edited by a moderator:
Request #20 @Starry Night Thanks ^^. I'm not sure if this is what you were looking for, but if not I'll make changes~
~text
BASICS
NAME


GENDER


AGE


EXTRA


EXTRA
TEXT



TEXT


TEXT


TEXT


TEXT





APPEARANCE


​

text here




PERSONALITY


​

text here




HISTORY


​

text here




EXTRA


​

text here




MISC


​

text here



Code: 
[centerblock=50][border=2px solid #FFD1DC][bg=#A7D1E8][border=6px solid #A7D1E8][bg=#FFD1DC][row][column=span3][img=https://placeholdit.imgix.net/~text?txtsize=19&txt=200×200&w=200&h=200][/column][column=span5] [font=Crushed][size=26px][color=#88AABD][b]BASICS[/b][/color][divide=dotted][/divide][/size][/font][font=Cambay][color=#7491A1][row][column=span2][b]NAME
GENDER
AGE
EXTRA
EXTRA[/b][/column][column=span6]TEXT
TEXT
TEXT
TEXT
TEXT[/column][/row][/color][/font][/column][/row][/bg][/border][row]
[row][column=span4][border=1px solid #A7D1E8][bg=#88AABD][accordion]{slide=100|center|
[center][bg=#B8E6FF][border=1px solid #A7D1E8][font=Crushed][size=26px][color=#88AABD]APPEARANCE[/color][/size][/font][/border][/bg][/center]

}[bg=#A7D1E8][font=Cambay][color=#7491A1]text here



[/color][/font][/bg]{/slide}



[/accordion][/bg][/border][/column][column=span4][border=1px solid #A7D1E8][bg=#88AABD][accordion]{slide=100|center|

[center][bg=#B8E6FF][border=1px solid #A7D1E8][font=Crushed][size=26px][color=#88AABD]PERSONALITY[/color][/size][/font][/border][/bg][/center]

}[bg=#A7D1E8][font=Cambay][color=#7491A1]text here



[/color][/font][/bg]{/slide}



[/accordion][/bg][/border][/column][/row][border=5px solid #A7D1E8][bg=#88AABD][accordion]{slide=100|center|

[center][bg=#FFD1DC][border=1px solid #A7D1E8][font=Crushed][size=26px][color=#88AABD]HISTORY[/color][/size][/font][/border][/bg][/center]

}[bg=#A7D1E8][font=Cambay][color=#7491A1]text here



[/color][/font][/bg]{/slide}



[/accordion][/bg][/border][row][column=span4][border=1px solid #A7D1E8][bg=#88AABD][accordion]{slide=100|center|

[center][bg=#B8E6FF][border=1px solid #A7D1E8][font=Crushed][size=26px][color=#88AABD]EXTRA[/color][/size][/font][/border][/bg][/center]

}[bg=#A7D1E8][font=Cambay][color=#7491A1]text here



[/color][/font][/bg]{/slide}



[/accordion][/bg][/border][/column][column=span4][border=1px solid #A7D1E8][bg=#88AABD][accordion]{slide=100|center|

[center][bg=#B8E6FF][border=1px solid #A7D1E8][font=Crushed][size=26px][color=#88AABD]MISC[/color][/size][/font][/border][/bg][/center]

}[bg=#A7D1E8][font=Cambay][color=#7491A1]text here



[/color][/font][/bg]{/slide}



[/accordion][/bg][/border][/column][/row][/row][/bg][/border][/centerblock]
 
Hi, Yunn.


I really like your coding and all that~


I was wondering I could use one of them? It'd be awesome to use freebie #3 on page two. But I really liked the layout of the second example, but there was no code with it?
 
Request #21 @NWO Nah it's alright xD . Gives me stuff to do when I'm bored, and want to procrastinate. (it was also nice to stare at bobby) Like always, if you want any changes just ask.
hi














S


O


M


E


T


H


I


N


G
​







SOMETHING



a3ffda03e7d6e70f829ee790c783a58f.jpg



NAME


AGE


GENDER


EXTRA





"QUOTE
text here


tumblr_inline_np8l4aJk951tnfx1q_500.gif
text here


120837187
tumblr_inline_n72f9nuE6h1spyqad.png
tumblr_inline_nh53ksOzJQ1s9qcew.png
tumblr_inline_ndep1frNvm1qc07kc.png
text here




HERE?"

​

text here



Code: 
[row][column=span3][row][column=span3][row][column=span2][color=#fdfdfd]hi[/color]



[/column][column=span1]








[border=5px solid #fdfdfd][bg=black]














[/bg][/border][/column][column=span4][font=Roboto][size=30px]
[center]


[b]S
O
M
E
T
H
I
N
G[/b][/center]

[/size][/font][/column][column=span1]

[bg=black]










[/bg][/column][/row][/column][column=span5][border=0][accordion]{slide=left|open|[bg=#fdfdfd][font=Poppins][size=30px][b]SOMETHING[/b][/size][/font][/bg]
[bg=black][img=https://s-media-cache-ak0.pinimg.com/236x/a3/ff/da/a3ffda03e7d6e70f829ee790c783a58f.jpg][/bg]}[bg=#fdfdfd]
[/bg][bg=black][color=white][font=Karla][b]NAME
AGE
GENDER
EXTRA[/b][/font][/color]
[/bg]{/slide}


[/accordion][/border][/column][/row][/column][column=span4]

[bg=black][border=0][accordion]{slide=150|left|[bg=black][color=white][font=Poppins][size=36px][b]"QUOTE [/b][/size][/font][divide=dotted][/divide][/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}

{slide=center|[bg=black][img=http://66.media.tumblr.com/8accb776ef3d04c99934a4bc91735170/tumblr_inline_np8l4aJk951tnfx1q_500.gif][divide=dotted][/divide][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}


{slide=center|[bg=black][row][column=span2][img=http://image.dek-d.com/27/0401/7948/120837187][/column][column=span2][img=http://67.media.tumblr.com/4cbadd8ad9f020e7c2dde6c50fba572e/tumblr_inline_n72f9nuE6h1spyqad.png][/column][column=span2][img=https://65.media.tumblr.com/e56c3879c76d1c66d344722e2e63b55a/tumblr_inline_nh53ksOzJQ1s9qcew.png][/column][column=span2][img=http://66.media.tumblr.com/bb3f771f32a2884f66c8111edf7d7676/tumblr_inline_ndep1frNvm1qc07kc.png][/column][/row][divide=dotted][/divide][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}


{slide=left|[bg=black][color=white][font=Poppins][size=36px]

[right][b]HERE?"[/b][/right]

[/size][/font][/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}

[/accordion][/border][/bg][/column][/row]
 
Aukanai said:
Hi, Yunn.
I really like your coding and all that~


I was wondering I could use one of them? It'd be awesome to use freebie #3 on page two. But I really liked the layout of the second example, but there was no code with it?
Click to expand...
Oh that was just an example of the same general template but with me making a few changes to show how others can use it and change things up a bit if they like. But here's the code for that one. ^^

Code: 
[centerblock=85]
[row][column=span3][font=Ubuntu][size=5][b][color=gray][color=#69CCE3]L[/color]AST [color=#69CCE3]N[/color]AME,[color=#69CCE3]F[/color]IRST | M/F | AGE | ROOM#[/color][/b][/size][/font][color=gray][border=1px solid gray][img=http://i.imgur.com/kJkBgHW.gif][/border]

[font=Ubuntu][border=1px solid gray][size=4][color=#69CCE3][b]☆ APPEARANCE[/b][/color][/size]
[size=2]  Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.[/size][/border][/font][/color][/column][color=gray][column=span5][font=Ubuntu][tabs][tab=LIVING][font=Ubuntu][border=1px solid gray][size=4][color=#69CCE3][b]☆ HOW DID YOU GET HERE?[/b][/color][/size]
[size=2]  Why is he/she in the boarding house? Where did they find out about it? How long have they been here? Is this their first/only visit or have they been here multiple times?[/size][/border][/font][font=Ubuntu]
[border=1px solid gray][size=4][color=#69CCE3][b] ☆ PERSONALITY[/b][/color][/size]
[size=2]  Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.

Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.
[/size][/border][/font][/tab]


[tab=ON][font=Ubuntu][border=1px solid gray][size=4][color=#69CCE3][b]☆ BACKSTORY[/b][/color][/size]
[size=2]  Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.

Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.

Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has

[/size][/border][/font][/tab]


[tab=THE][font=Ubuntu][border=1px solid gray][size=4][color=#69CCE3][b]☆ RELATIONSHIPS[/b][/color][/size][row][column=span4][imagefloat=left][border=1px solid gray][bg=white][img=http://i.imgur.com/okU1DAx.gif]  [/bg][/border][/imagefloat]

[font=Ubuntu][size=3]NAME[/size][/font][divide][/divide][font=Ubuntu][size=2]RELATIONSHIP[/size][/font][/column][column=span4][imagefloat=left][border=1px solid gray][bg=white][img=http://i.imgur.com/okU1DAx.gif]  [/bg][/border][/imagefloat]

[font=Ubuntu][size=3]NAME[/size][/font][divide][/divide][font=Ubuntu][size=2]RELATIONSHIP[/size][/font][/column] [column=span4][imagefloat=left][border=1px solid gray][bg=white][img=http://i.imgur.com/okU1DAx.gif] [/bg][/border][/imagefloat]

[font=Ubuntu][size=3]NAME[/size][/font][divide][/divide][font=Ubuntu][size=2]RELATIONSHIP[/size][/font][/column][column=span4][imagefloat=left][border=1px solid gray][bg=white][img=http://i.imgur.com/okU1DAx.gif] [/bg][/border][/imagefloat]

[font=Ubuntu][size=3]NAME[/size][/font][divide][/divide][font=Ubuntu][size=2]RELATIONSHIP[/size][/font][/column][/row][/border][/font][/tab]


[tab=EDGE][font=Ubuntu][border=1px solid gray][size=4][color=#69CCE3][b]☆ EXTRAS[/b][/color][/size]
[size=2]  Lorem ipsum dolor sit amet, inani aliquam tacimates ad sit, viderer insolens periculis ne mei. Saepe fabellas qui ex, no dicit cetero disputando eam. At nam dicunt ornatus disputationi. Sed ei ornatus praesent definitionem, dolorum intellegam duo ad, et veri tritani laboramus has.[/size][/border][/font][/tab][/tabs][/column][/color][/row][/centerblock]
 
NWO said:
So I deleted my other post because I messed up lmao.
Still getting used to no rich text editor apparently.


Anyway, the gist of it was;


I absolutely love it, but could you make the accordions a bit more obvious (like using the down arrows or something)?


Everything else is perfect, though <3
Click to expand...
xD . Yea at first I thought it was a pain to keep the bbcode editor all the time. But now I'm used to it.


Is this better?


hi














S


O


M


E


T


H


I


N


G
​







SOMETHING



a3ffda03e7d6e70f829ee790c783a58f.jpg



NAME


AGE


GENDER


EXTRA





hi


?

​

" QUOTE
text here


hi


?

​

tumblr_inline_np8l4aJk951tnfx1q_500.gif
text here


hi


?

​

120837187
tumblr_inline_n72f9nuE6h1spyqad.png
tumblr_inline_nh53ksOzJQ1s9qcew.png
tumblr_inline_ndep1frNvm1qc07kc.png
text here


hi


?

​



HERE?"

​

text here



Code: 
[row][column=span3][row][column=span3][row][column=span2][color=#fdfdfd]hi[/color]



[/column][column=span1]








[border=5px solid #fdfdfd][bg=black]














[/bg][/border][/column][column=span4][font=Roboto][size=30px]
[center]


[b]S
O
M
E
T
H
I
N
G[/b][/center]

[/size][/font][/column][column=span1]

[bg=black]









[/bg][/column][/row][/column][column=span5][border=0][accordion]{slide=left|open|[bg=#fdfdfd][font=Poppins][size=30px][b]SOMETHING[/b][/size][/font][/bg]
[bg=black][img=https://s-media-cache-ak0.pinimg.com/236x/a3/ff/da/a3ffda03e7d6e70f829ee790c783a58f.jpg][/bg]}[bg=#fdfdfd]
[/bg][bg=black][color=white][font=Karla][b]NAME
AGE
GENDER
EXTRA[/b][/font][/color]
[/bg]{/slide}


[/accordion][/border][/column][/row][/column][column=span4]
[bg=#fdfdfd][border=0][accordion]{slide=150|left|[bg=#fdfdfd][row][column=span1][row][column=span3][color=#fdfdfd]hi[/color][/column][column=span5][size=36px]

[right]?[/right]

[/size][/column][/row][/column][column=span7][bg=black][border=1px solid black][color=white][font=Poppins][size=36px][b]" QUOTE [/b][/size][/font][/color][/border][/bg]}[bg=black][font=Karla] [color=white]text here





[/color][/font][/bg]{/slide}

{slide=center|[bg=#fdfdfd][row][column=span1][row][column=span3][color=#fdfdfd]hi[/color][/column][column=span5][size=36px]

[right]?[/right]

[/size][/column][/row][/column][column=span7][bg=black][border=1px solid black][img=http://66.media.tumblr.com/8accb776ef3d04c99934a4bc91735170/tumblr_inline_np8l4aJk951tnfx1q_500.gif][/border][/bg][/column][/row][/bg]}[bg=black][font=Karla][color=white] text here





[/color][/font][/bg]{/slide}


{slide=center|[bg=#fdfdfd][row][column=span1][row][column=span3][color=#fdfdfd]hi[/color][/column][column=span5][size=36px]

[right]?[/right]

[/size][/column][/row][/column][column=span7][bg=black][border=1px solid black][row][column=span2][img=http://image.dek-d.com/27/0401/7948/120837187][/column][column=span2][img=http://67.media.tumblr.com/4cbadd8ad9f020e7c2dde6c50fba572e/tumblr_inline_n72f9nuE6h1spyqad.png][/column][column=span2][img=https://65.media.tumblr.com/e56c3879c76d1c66d344722e2e63b55a/tumblr_inline_nh53ksOzJQ1s9qcew.png][/column][column=span2][img=http://66.media.tumblr.com/bb3f771f32a2884f66c8111edf7d7676/tumblr_inline_ndep1frNvm1qc07kc.png][/column][/row][/border][/bg][/column][/row][/bg]}[bg=black][font=Karla][color=white] text here





[/color][/font][/bg]{/slide}


{slide=left|[bg=#fdfdfd][row][column=span1][row][column=span3][color=#fdfdfd]hi[/color][/column][column=span5][size=36px]

[right]?[/right]

[/size][/column][/row][/column][column=span7][bg=black][border=1px solid black][color=white][font=Poppins][size=36px]

[right][b]HERE?"[/b][/right]

[/size][/font][/color][/border][/bg]}[bg=black][font=Karla][color=white] text here





[/color][/font][/bg]{/slide}

[/column][/row][/bg][/column][/row][/bg][/accordion][/border][/bg][/column][/row]
 
NWO said:
Mm...
I think I liked the layout it had before, but the thing was that I didn't even know there were accordions until I clicked around. I think where those dotted lines were, maybe have the arrows instead? Unless the way it's coded doesn't allow for that. That's fine o:


s/n: my ASD keys are giving me trouble >:c
Click to expand...
Is this better?


hi














S


O


M


E


T


H


I


N


G
​







SOMETHING
a3ffda03e7d6e70f829ee790c783a58f.jpg



NAME


AGE


GENDER


EXTRA


EXTRA








"QUOTE

?

​

text here


tumblr_inline_np8l4aJk951tnfx1q_500.gif


?

​

text here


120837187
tumblr_inline_n72f9nuE6h1spyqad.png
tumblr_inline_nh53ksOzJQ1s9qcew.png
tumblr_inline_ndep1frNvm1qc07kc.png

?

​

text here




HERE?"

​

?

​

text here



Code: 
[row][column=span3][row][column=span3][row][column=span2][color=#fdfdfd]hi[/color]



[/column][column=span1]









[border=5px solid #fdfdfd][bg=black]
















[/bg][/border][/column][column=span4][font=Roboto][size=30px]
[center]


[b]S
O
M
E
T
H
I
N
G[/b][/center]

[/size][/font][/column][column=span1]

[bg=black]










[/bg][/column][/row][/column][column=span5][border=0][accordion]{slide=left|open|[bg=#fdfdfd][font=Poppins][size=30px][b]SOMETHING[/b][/size][/font][/bg][bg=black][img=https://s-media-cache-ak0.pinimg.com/236x/a3/ff/da/a3ffda03e7d6e70f829ee790c783a58f.jpg][/bg]}[bg=#fdfdfd]
[/bg][bg=black][color=white][font=Karla][b]NAME
AGE
GENDER
EXTRA
EXTRA

[/b][/font][/color]
[/bg]{/slide}


[/accordion][/border][/column][/row][/column][column=span4]

[bg=black][border=0][accordion]{slide=150|left|[bg=black][color=white][font=Poppins][size=36px][b]"QUOTE [/b][/size][/font][/color]
[color=white]

[center]?[/center]

[/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}

{slide=center|[bg=black][img=http://66.media.tumblr.com/8accb776ef3d04c99934a4bc91735170/tumblr_inline_np8l4aJk951tnfx1q_500.gif]
[color=white]

[center]?[/center]

[/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}


{slide=center|[bg=black][row][column=span2][img=http://image.dek-d.com/27/0401/7948/120837187][/column][column=span2][img=http://67.media.tumblr.com/4cbadd8ad9f020e7c2dde6c50fba572e/tumblr_inline_n72f9nuE6h1spyqad.png][/column][column=span2][img=https://65.media.tumblr.com/e56c3879c76d1c66d344722e2e63b55a/tumblr_inline_nh53ksOzJQ1s9qcew.png][/column][column=span2][img=http://66.media.tumblr.com/bb3f771f32a2884f66c8111edf7d7676/tumblr_inline_ndep1frNvm1qc07kc.png][/column][/row]
[color=white]

[center]?[/center]

[/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}


{slide=left|[bg=black][color=white][font=Poppins][size=36px]

[right][b]HERE?"[/b][/right]

[/size][/font][/color][color=white]

[center]?[/center]

[/color][/bg]}[bg=white][font=Karla] text here





[/font][/bg]{/slide}

[/accordion][/border][/bg][/column][/row]
 
How do you make those awesome character sheets? like, I know how to do an accordion but how do you make the colored bored around the pictures and stuff like that?
 
Fullmetal32 said:
How do you make those awesome character sheets? like, I know how to do an accordion but how do you make the colored bored around the pictures and stuff like that?
Click to expand...
If your talking about colored borders Yuuki has a great tutorial for them~


BBCode - Yuu's BBCode Teahouse


For pictures you just add the pic inside the accordion;


[ bg=a color ] [ border=0 ] [ accordion ] { slide = left | [ bg=another color ] [ img ] image here [ / img ] [ /bg ] } { /slide } [ /accordion ] [ /border ] [ /bg]


If you want borders you just add the border within the bg code in the accordion;


[ bg=a color ] [ border=0 ] [ accordion ] { slide = left | [ bg=another color ] [ border=1px solid color ] [ img ] image here [ / img ] [ /border ] [ /bg ] } { /slide } [ /accordion ] [ /border ] [ /bg]
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 3 (members: 0, guests: 3)
Back
Top