Yuu's coding testing

[sorrow made you]

I will be testing my coding here.Feedback is welcome.


Note for me:


Fonts:


Arial


Book Antiqua


Courier New


Georgia


Tahoma


Times New Roman


Trebuchet MS


Verdana
​

BBCode Basics

 

[sorrow made you]

ＷＥＬＣＯＭＥ ＴＯ ​

ＪＩＧＯＫＵ

⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯​

Won't you

stay

for a little while longer?

The courtesan smiles

pouring a glass of sake





red as blood within

Laughter coaxes more

drink till your fill, she whispers





in death express


strength

勇気

XX

ゆうき [YUUKI]








Noun




1. courage; bravery; valour; valor; nerve; boldness







UNIVERSITY STUDENT - ASIAN STUDIES




Asian Studies Major - Chinese & Japanese Focus




Casual Gamer **Cannot game atm




Hobby Artist. Drawing. Photoshop Graphic Art. BBCoding. Accepting free commissions.




RP INTERESTS




#Sci-fi #Futuristic #Modern-Fantasy #Mythological #TimePeriod #History #SliceofLife #AnimeRealism #RNG #F/SN #CowboyBebop #Trigun #Pokémon #PrincessMononoke #Post-Apocalyptic #Apocalyptic #Adventure #Dark #Betwixed #MurderMystery #Suspense #AnimePic #RealPic #Detailed #WorldBuilding #CharacterBuilding #CharacterDevelopment #Comedy #DarkComedy #Superpowers #Heroes&Villains

 

[sorrow made you]

​

? USERNAME

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque blandit tellus, in euismod metus vestibulum ut. Vestibulum sollicitudin vitae metus suscipit dictum. Quisque ultricies posuere enim eu feugiat. Sed a auctor mi. Vestibulum fermentum magna a facilisis commodo. Proin lobortis, felis sed malesuada blandit, metus turpis placerat est, sed dapibus est arcu non metus. Etiam ac aliquet nunc. Nulla tincidunt est mollis neque condimentum, sed maximus sem volutpat. Vestibulum vulputate turpis non orci tempus suscipit ac ut ex. Curabitur bibendum, enim porta sagittis euismod, nibh felis eleifend erat, nec eleifend quam quam sed massa. Sed vel accumsan velit. Aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque blandit tellus, in euismod metus vestibulum ut. Vestibulum sollicitudin vitae metus suscipit dictum. Quisque ultricies posuere enim eu feugiat. Sed a auctor mi. Vestibulum fermentum magna a facilisis commodo. Proin lobortis, felis sed malesuada blandit, metus turpis placerat est, sed dapibus est arcu non metus. Etiam ac aliquet nunc. Nulla tincidunt est mollis neque condimentum, sed maximus sem volutpat. Vestibulum vulputate turpis non orci tempus suscipit ac ut ex. Curabitur bibendum, enim porta sagittis euismod, nibh felis eleifend erat, nec eleifend quam quam sed massa. Sed vel accumsan velit. Aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra sed neque vitae mattis. Maecenas vitae nibh quis arcu blandit dapibus. Mauris leo felis, vestibulum eu ex in, pretium consectetur metus. Maecenas facilisis tortor mauris, non convallis odio dapibus in. Integer id tortor purus. Curabitur dictum massa a enim consectetur.

Lorem ipsum

Lorem ipsum

? RP TAGS


#tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag #tag

 

[MISTER UN. 0W3N]

 

[sorrow made you]

U S E R N A M E

A B O U T xxM E


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque blandit tellus, in euismod metus vestibulum ut. Vestibulum sollicitudin vitae metus suscipit dictum. Quisque ultricies posuere enim eu feugiat. Sed a auctor mi. Vestibulum fermentum magna a facilisis commodo. Proin lobortis, felis sed malesuada blandit, metus turpis placerat est, sed dapibus est arcu non metus. Etiam ac aliquet nunc. Nulla tincidunt est mollis neque condimentum, sed maximus sem volutpat. Vestibulum vulputate turpis non orci tempus suscipit ac ut ex. Curabitur bibendum, enim porta sagittis euismod, nibh felis eleifend erat, nec eleifend quam quam sed massa. Sed vel accumsan velit. Aliquam.

 

[DemonKitten]

How do you do that

 

[sorrow made you]

Do what exactly? xD

 

[DemonKitten]

Be amazing? No, That coding is just beautiful. I don't really see how it is done with the bbcoding that is provided

 

[sorrow made you]

xD Thank you. I can break it down for you to show you if you'd like.

 

[DemonKitten]

You can do that? I would love to see how it is done

 

[sorrow made you]

Here's the breakdown with pictures!

Spoiler

​

First of all, I started out with the BACKGROUND bbcode. That's what makes the entire background area black.


[bg=black] is at the very beginning of any of my coding and [/bg] is at the very end of my coding.


Next, I created the darkred border around the entire thing with [boder=1px solid darkred]. 1px is the thickness of the border (in pixels), solid is the type of line, darkred is the color.


Then, I used [/FONT][/SIZE]

[FONT=Arial][SIZE=12px][/FONT][/SIZE]



to move the entire bordered area over. I indented five times.




Now the image is a gif that I made. The original picture is a Japanese print made by an Edo period artist. I used a free picture editing site to make it int a gif and then centered it with the bbcode



[CENTER][FONT=Arial][SIZE=12px][/FONT][/SIZE]

link.gif[/SPOILER]
[FONT=Arial][SIZE=12px][/FONT][/SIZE]

[/CENTER]

​

For this section, I used a text specializer site to use different types of letters. I centered it with the same bbcode I used to center the gif, used the color bbcode and sized it to 7. The dots are special symbols,

not

a divide bbcode.




Just before the small text, I added

[centerblock=60]

in order to center align all the text under it. I also added

[Justify]

to adjust later text. Colored and sized.

​

This one was a little tricky since I used

https://www.rpnation.com/threads/rpnation-bbcode-guide.34813/page-2#post-1183772Rows&Columns

https://www.rpnation.com/threads/rpnation-bbcode-guide.34813/page-2#post-1183772, so I will just put the coding here to show:







[CENTER][FONT=Arial][SIZE=12px][/FONT][/SIZE]

[border=1px dashed darkred][Row][column=span4]The courtesan smiles[/CENTER]

[FONT=Arial][SIZE=12px][/FONT][/SIZE]
pouring a glass of sake

[FONT=Arial][SIZE=12px][/FONT][/SIZE]
red as blood within[/column][column=span4][Justify]Laughter coaxes more

[FONT=Arial][SIZE=12px][/FONT][/SIZE]
drink till your fill, she whispers

[FONT=Arial][SIZE=12px][/FONT][/SIZE]
in death express

[FONT=Arial][SIZE=12px][/FONT][/SIZE][I]strength[/I]

[FONT=Arial][SIZE=12px][/FONT][/SIZE][/Justify][/column][/Row][/border]



[FONT=Arial][SIZE=12px][/FONT][/SIZE]

​

The rest of it is pretty easy. Its just color, size, and a few



[FONT=Arial][SIZE=12px][/FONT][/SIZE]

text


[FONT=Arial][SIZE=12px][/FONT][/SIZE]



to do random indenting here and there.




Make sure to close it off with

[/centerblock][/Justify][/border][/bg]

(all of these should be the first line of code as well, just in reverse order). And ta-da~!




The code all together should look something like this:

​

I can do the other two at a later time, if you're still interested in seeing.

xD

 

[DemonKitten]

That isn't too much coding with a little time I could probably create something. I'll have to tab this

 

[sorrow made you]

Its just very time consuming. Especially when you do a lot of trial and errors. xD


I tend to use a lot of backgrounds, borders, and Rows&Columns.


In my signature, I have more complex coding in my roleplay, if you wanted to look at that too

 

[DemonKitten]

A link, please

 

[sorrow made you]

https://www.rpnation.com/threads/⋮▊-domination-✦-─-htrtw.117744/

 

[DemonKitten]

That is very detailed. That looks like it could probably make for a host project

 

[sorrow made you]

I've attempted it. xD I didn't meet the requirements though. Its okay though.


//shakes fist


I will make due with what I have. e ne9 ))


Though, if you have any constructive criticism for my rp, I do have a thread open for that located here.

 

[DemonKitten]

I shall look it over in more detail. I am gettin prepared to try and make my first hosted project. It shall be awesome!

 

[sorrow made you]

Good luck!

 

[DemonKitten]

I have a question, would you be able to create a really neat pokemon themed character layout? or just a simple layout that can have photos added in a neat place?

 

[sorrow made you]

@DemonKitten, I think I would be able to make one! Send me a convo with the info/pictures you want involved as well as colors and style. If you can send references as well that would be great.

 

[DemonKitten]

Okay. I will make the character sheet skeleton than send you some things. I'm not entirely sure of the pics. I know I want a pic for the actual character, but idk. I went to make one myself but the image messed it all up and I couldn't get the words to wrap and Idk.

 

[sorrow made you]

Haha, well send me what you have in a convo and I'll see what went wrong. xD

 

[sorrow made you]

RPN'S RESIDENT SPIRIT

YUUKI OF THE STRATA​

WELCOME ? WELCOME ? WELCOME ? WELCOME ? WELCOME ? WELCOME

​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan metus a eros elementum, vel feugiat dolor tincidunt. Praesent quis odio metus. Quisque vel nulla condimentum, cursus nisl a, egestas elit. Nam condimentum libero et tristique venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur ornare ut orci scelerisque gravida. Phasellus vitae massa eget metus luctus scelerisque. Nunc vel gravida dolor, quis ullamcorper turpis. Etiam accumsan sem quam, quis commodo nisl ornare a. Mauris porta iaculis nisi, at consequat ipsum pulvinar sed. Ut leo dui, aliquam eu dignissim quis, tristique ut velit. Proin eget nunc vehicula lacus tincidunt malesuada. Pellentesque et semper nunc, eu posuere dolor.

INTERESTS ? INTERESTS ? INTERESTS ? INTERESTS ? INTERESTS ? INTERESTS

​

ANIME & MANGA


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus urna, vulputate aliquet vestibulum vel, rhoncus sed nunc. Praesent fringilla, urna quis elementum sollicitudin, purus tellus sagittis nibh, in hendrerit.

MOVIES & SERIES


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus urna, vulputate aliquet vestibulum vel, rhoncus sed nunc. Praesent fringilla, urna quis elementum sollicitudin, purus tellus sagittis nibh, in hendrerit.

MUSIC


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus urna, vulputate aliquet vestibulum vel, rhoncus sed nunc. Praesent fringilla, urna quis elementum sollicitudin, purus tellus sagittis nibh, in hendrerit.

ROLEPLAYS


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus urna, vulputate aliquet vestibulum vel, rhoncus sed nunc. Praesent fringilla, urna quis elementum sollicitudin, purus tellus sagittis nibh, in hendrerit.

 

[iMeisaki]

I'm bookmarking this because this is amazing.