BB Code Div Box

Discussion in 'THE TEST CHAMBERS' started by WhisperingWillows, Dec 1, 2015.


  1. [​IMG]

    Willow's World Building Method is a series of lessons/workshops that guide you through world building via my method. My method consists of exploring Geographical & Climate Aspects, Biological Aspects, Culture Aspects, Science & Technology Aspects, Species & Population Aspects, Magic Aspects, Government & Politics Aspects, Borders & Locations Aspects, Adversaries & Affiliate Aspects, and so many more facets of world building, in a fun and quirky way!

    I aim to make these lessons easy and fun to read. World building is my favorite thing to do and you can craft worlds for many different things, such as; roleplays, books, movies, video games, and other projects. When I create a world, I look at every single detail that can be had in a universe, even down to what the kitchen sink looks like. World building can be a fun activity to do for various projects and I can't wait to share my method with you in the coming threads.

    Geographical and Climate aspects of a world are crucial to the natural atmosphere and surfaces that make up the earth. The various land formations can be unique to the world in a variety of ways. When creating a world you should focus on the facet of the earth that excites you the most. Until you have completed all details down to the least exciting aspect of world building. This has been the introduction to the series of workshops known as "Willow's World Building Method". If you have any questions or comments, let me know! I can't wait to explore the facets of world building with you!


    [​IMG]
     
    #1 WhisperingWillows, Dec 1, 2015
    Last edited: Nov 15, 2016




  2. [​IMG]





    [​IMG]



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce commodo eros vel justo semper pretium. Sed vitae egestas massa. Duis molestie velit eros, eu feugiat nulla dignissim non. Ut mollis ipsum vitae ultricies hendrerit. Donec pharetra tortor id rutrum tincidunt. Etiam eu rutrum odio. Maecenas at nulla purus.

    Praesent sed metus quam. Nam et arcu bibendum, accumsan ipsum eu, eleifend neque. Aliquam et pellentesque lorem. Phasellus sit amet mi at lacus porttitor tempus. Nullam cursus eleifend sapien, id porttitor mauris congue quis. In ac auctor nibh. Morbi varius gravida pretium. Ut vel purus porttitor, porta eros non, volutpat nunc.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis massa nunc, molestie hendrerit placerat ultricies, rutrum ac tortor. Curabitur elit felis, tristique quis nulla ac, scelerisque molestie mauris. Phasellus ante libero, congue convallis risus ac, malesuada lacinia sapien. Sed lobortis justo vitae tortor faucibus, quis maximus dolor eleifend. Phasellus ultrices massa non ipsum porta, eget porttitor lacus iaculis. In at iaculis sem, eget varius nulla. Fusce vel nunc mi. Cras sagittis euismod turpis, ac mollis tortor congue vitae. Aenean eget scelerisque dolor, in mollis metus. Mauris id lectus turpis. In pellentesque in justo vel finibus. Fusce pellentesque mi a ex vulputate viverra.

    Integer posuere non arcu non hendrerit. Vivamus pretium posuere lectus. Phasellus finibus suscipit magna sed sodales. Vestibulum ut maximus risus. Nulla sed egestas arcu, eu mattis neque. Donec volutpat leo lorem, nec dapibus leo malesuada quis. Nulla gravida nunc non nulla aliquam, vel fermentum ex placerat. Phasellus diam sem, feugiat vitae metus vel, rutrum rhoncus tortor. Ut sit amet malesuada est.

    Aliquam sapien mauris, sollicitudin sit amet placerat et, venenatis vitae lorem. Praesent a sollicitudin ex, eu sodales lorem. Curabitur sed dolor sed neque facilisis commodo. Nam consequat facilisis metus, vel imperdiet lectus sagittis in. Vivamus congue risus ut fermentum cursus. Ut ultricies nibh at massa semper, vel tempor metus rutrum. Aliquam vehicula sollicitudin dolor, at dictum leo sollicitudin sit amet.




    [​IMG]



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce commodo eros vel justo semper pretium. Sed vitae egestas massa. Duis molestie velit eros, eu feugiat nulla dignissim non. Ut mollis ipsum vitae ultricies hendrerit. Donec pharetra tortor id rutrum tincidunt. Etiam eu rutrum odio. Maecenas at nulla purus.

    Praesent sed metus quam. Nam et arcu bibendum, accumsan ipsum eu, eleifend neque. Aliquam et pellentesque lorem. Phasellus sit amet mi at lacus porttitor tempus. Nullam cursus eleifend sapien, id porttitor mauris congue quis. In ac auctor nibh. Morbi varius gravida pretium. Ut vel purus porttitor, porta eros non, volutpat nunc.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis massa nunc, molestie hendrerit placerat ultricies, rutrum ac tortor. Curabitur elit felis, tristique quis nulla ac, scelerisque molestie mauris. Phasellus ante libero, congue convallis risus ac, malesuada lacinia sapien. Sed lobortis justo vitae tortor faucibus, quis maximus dolor eleifend. Phasellus ultrices massa non ipsum porta, eget porttitor lacus iaculis. In at iaculis sem, eget varius nulla. Fusce vel nunc mi. Cras sagittis euismod turpis, ac mollis tortor congue vitae. Aenean eget scelerisque dolor, in mollis metus. Mauris id lectus turpis. In pellentesque in justo vel finibus. Fusce pellentesque mi a ex vulputate viverra.

    Integer posuere non arcu non hendrerit. Vivamus pretium posuere lectus. Phasellus finibus suscipit magna sed sodales. Vestibulum ut maximus risus. Nulla sed egestas arcu, eu mattis neque. Donec volutpat leo lorem, nec dapibus leo malesuada quis. Nulla gravida nunc non nulla aliquam, vel fermentum ex placerat. Phasellus diam sem, feugiat vitae metus vel, rutrum rhoncus tortor. Ut sit amet malesuada est.

    Aliquam sapien mauris, sollicitudin sit amet placerat et, venenatis vitae lorem. Praesent a sollicitudin ex, eu sodales lorem. Curabitur sed dolor sed neque facilisis commodo. Nam consequat facilisis metus, vel imperdiet lectus sagittis in. Vivamus congue risus ut fermentum cursus. Ut ultricies nibh at massa semper, vel tempor metus rutrum. Aliquam vehicula sollicitudin dolor, at dictum leo sollicitudin sit amet.




    [​IMG]



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce commodo eros vel justo semper pretium. Sed vitae egestas massa. Duis molestie velit eros, eu feugiat nulla dignissim non. Ut mollis ipsum vitae ultricies hendrerit. Donec pharetra tortor id rutrum tincidunt. Etiam eu rutrum odio. Maecenas at nulla purus.

    Praesent sed metus quam. Nam et arcu bibendum, accumsan ipsum eu, eleifend neque. Aliquam et pellentesque lorem. Phasellus sit amet mi at lacus porttitor tempus. Nullam cursus eleifend sapien, id porttitor mauris congue quis. In ac auctor nibh. Morbi varius gravida pretium. Ut vel purus porttitor, porta eros non, volutpat nunc.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis massa nunc, molestie hendrerit placerat ultricies, rutrum ac tortor. Curabitur elit felis, tristique quis nulla ac, scelerisque molestie mauris. Phasellus ante libero, congue convallis risus ac, malesuada lacinia sapien. Sed lobortis justo vitae tortor faucibus, quis maximus dolor eleifend. Phasellus ultrices massa non ipsum porta, eget porttitor lacus iaculis. In at iaculis sem, eget varius nulla. Fusce vel nunc mi. Cras sagittis euismod turpis, ac mollis tortor congue vitae. Aenean eget scelerisque dolor, in mollis metus. Mauris id lectus turpis. In pellentesque in justo vel finibus. Fusce pellentesque mi a ex vulputate viverra.

    Integer posuere non arcu non hendrerit. Vivamus pretium posuere lectus. Phasellus finibus suscipit magna sed sodales. Vestibulum ut maximus risus. Nulla sed egestas arcu, eu mattis neque. Donec volutpat leo lorem, nec dapibus leo malesuada quis. Nulla gravida nunc non nulla aliquam, vel fermentum ex placerat. Phasellus diam sem, feugiat vitae metus vel, rutrum rhoncus tortor. Ut sit amet malesuada est.

    Aliquam sapien mauris, sollicitudin sit amet placerat et, venenatis vitae lorem. Praesent a sollicitudin ex, eu sodales lorem. Curabitur sed dolor sed neque facilisis commodo. Nam consequat facilisis metus, vel imperdiet lectus sagittis in. Vivamus congue risus ut fermentum cursus. Ut ultricies nibh at massa semper, vel tempor metus rutrum. Aliquam vehicula sollicitudin dolor, at dictum leo sollicitudin sit amet.




    [​IMG]



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce commodo eros vel justo semper pretium. Sed vitae egestas massa. Duis molestie velit eros, eu feugiat nulla dignissim non. Ut mollis ipsum vitae ultricies hendrerit. Donec pharetra tortor id rutrum tincidunt. Etiam eu rutrum odio. Maecenas at nulla purus.

    Praesent sed metus quam. Nam et arcu bibendum, accumsan ipsum eu, eleifend neque. Aliquam et pellentesque lorem. Phasellus sit amet mi at lacus porttitor tempus. Nullam cursus eleifend sapien, id porttitor mauris congue quis. In ac auctor nibh. Morbi varius gravida pretium. Ut vel purus porttitor, porta eros non, volutpat nunc.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis massa nunc, molestie hendrerit placerat ultricies, rutrum ac tortor. Curabitur elit felis, tristique quis nulla ac, scelerisque molestie mauris. Phasellus ante libero, congue convallis risus ac, malesuada lacinia sapien. Sed lobortis justo vitae tortor faucibus, quis maximus dolor eleifend. Phasellus ultrices massa non ipsum porta, eget porttitor lacus iaculis. In at iaculis sem, eget varius nulla. Fusce vel nunc mi. Cras sagittis euismod turpis, ac mollis tortor congue vitae. Aenean eget scelerisque dolor, in mollis metus. Mauris id lectus turpis. In pellentesque in justo vel finibus. Fusce pellentesque mi a ex vulputate viverra.

    Integer posuere non arcu non hendrerit. Vivamus pretium posuere lectus. Phasellus finibus suscipit magna sed sodales. Vestibulum ut maximus risus. Nulla sed egestas arcu, eu mattis neque. Donec volutpat leo lorem, nec dapibus leo malesuada quis. Nulla gravida nunc non nulla aliquam, vel fermentum ex placerat. Phasellus diam sem, feugiat vitae metus vel, rutrum rhoncus tortor. Ut sit amet malesuada est.

    Aliquam sapien mauris, sollicitudin sit amet placerat et, venenatis vitae lorem. Praesent a sollicitudin ex, eu sodales lorem. Curabitur sed dolor sed neque facilisis commodo. Nam consequat facilisis metus, vel imperdiet lectus sagittis in. Vivamus congue risus ut fermentum cursus. Ut ultricies nibh at massa semper, vel tempor metus rutrum. Aliquam vehicula sollicitudin dolor, at dictum leo sollicitudin sit amet.

    Wonder
    Content

    Roleplay Perks
    Content

    Rules & Guidelines
    Content

    Character Introductions
    Content

    Cast List
    Content


     
    #2 WhisperingWillows, Dec 16, 2015
    Last edited: Nov 20, 2016

  3. [​IMG]

    Creating Div Boxes - Part One: Backgrounds
    This is a Box Model. This is how I first learned about making div boxes. Since Iwaku only uses BBcode we will have to modify the HTML version into a more readable version for Iwaku. There will be many parts to this series and each one will break down different aspects of how I make a div box. For my div boxes I usually have these main parts: Background, Border, Margin, Padding, Width, and Font Color. The first part will break down the background codes.

    Now that we have gotten the basics out of the way, we can now dive into the world of creating Div Boxes!! If you have any questions feel free to ask! For div boxes we will use a lot of CSS.



    The first property I start with when making a div box is the background. There are several codes for creating backgrounds, as well, as a shorthand property that specifies all of them at once. The first property is
    background-color. You can specify a background color with a predetermined color name such as "red". Here is a list of all Color Names that are available to use. The one I use the most for background colors is Hexadecimal values. Hexadecimal color values are also supported in all browsers. For more information on colors you can go here.


    This is a box specified as the color name red.



    This is a box specified as the hexadecimal value #0000FF.



    Code:
    [div=background-color: red;]
    This is a box specified as the color name red.
    [/div]
    
    [div=background-color: #0000FF;]
    This is a box specified as the hexadecimal value 	#0000FF.
    [/div] 
    
    The second code for specifying backgrounds is called the background-image property and as you may have guessed, it can be used to set an image as the background of your div box. You must get the direct URL for the image in order for it to show up on your box.


    This is a background image


    Code:
    [div=background-image: url(http://i.imgur.com/CgWu9JE.png);]
     This is a background image
    [/div]
    
    background-repeat specifies whether the image will repeat itself or not. By default, the background-image property repeats an image both horizontally and vertically. If you want to repeat an image only horizontally the code looks like this:
    Code:
       background-repeat: repeat-x;
    
    If you want to repeat an image only vertically the code would look like this:
    Code:
    background-repeat: repeat-y;
    
    If you don't want your background image to repeat at all here is the code to specify it.
    Code:
    background-repeat: no-repeat;
    
    background-position specifies where the image will be placed in the box. This is usually done if you don't have the image repeating.

    The shorthand property for all of these codes and background-attachment code is thus:


    The fixed code will make the image scroll when you move the page. You should always specify the first color value in case some people's browsers don't load the image properly. It will show the color instead.


    Code:
    [div=background:#0000FF url(http://i.imgur.com/CgWu9JE.png) repeat center fixed;]
    This is the background shorthand property.
    [/div]
    
    The fixed code will make the image scroll when you move the page. You can just remove it from the code if you don't want it to move. You should always specify the first color value in case some people's browsers don't load the image properly. It will show the color instead. This is the main idea behind backgrounds for div boxes.

    Part Two of Creating Div Boxes will explain all about borders and even border images to add to your div boxes. Thanks for tuning into this lesson!

    [​IMG]
     
    #3 WhisperingWillows, Dec 30, 2015
    Last edited: Feb 12, 2017
  4. Willow's Content Record; Roleplay Div Box: STATUS - WIP





    [​IMG]





    This post is to keep record of all the roleplays I am in. This has been updated 2/10/17.



    Game-Master Roleplays


    Seasonal Island Kingdoms - PUBLICATION DATE: 2/24/17

    The Zodiac Guilds - PUBLICATION DATE: 4/22/17

    The Wonder of Worlds - PUBLICATION DATE: 5/4/17

    Elemi Chronicles: NovumTerra - PUBLICATION DATE: 9/21/17

    Group Roleplays


    WARFACT - Co-GM | Moderator - WARFACT Subforum

    Outnumbered - Co-GM - Interest Check - LORE & OOC THREAD GOES HERE - CHARACTER SIGNUPS THREAD GO HERE - IN-CHARACTER THREAD GOES HERE

    One x One Roleplays


    Sortir's Rainbow - Peregrine - LINK GOES HERE ONCE WE HAVE DECIDED ON NEXT PLOT POINT

     
    #4 WhisperingWillows, Jan 6, 2016
    Last edited: Feb 11, 2017

  5. [​IMG]

    Welcome to my guide on creating characters! This thread is all about the basic characteristics a character can have such as; name, age, and species among other things. If you wish to view the Table of Contents, you may do so here. This series aims to help those of you who have trouble coming up with ideas for your characters. Let's begin upon this journey of creating characters, and dive into the basics!

    Character Names:
    When I create a character, usually the first basic concept that I think about is the name of that Character. In this section we will discuss about a character's full name, origin, meaning, pronunciation, and other titles/nicknames they respond to. In my experience, full names usually have three parts to them: first, middle, and last name. In my opinion, the first name is the most important and usually is the one most used by others. The middle name is probably the least important when figuring out a name for your character, but if you want to fully create a character, than I suggest creating a middle name for them as well. Finally, the surname or last name is the one name that is essentially your character's legacy. Most surnames correlate with your character's actions/professions. (i.e Shipman, Baker, Smith, etc) However, that doesn't necessarily mean the surname has to have something to do with what your character does. When thinking about a name for a character, keep in mind the aspects of them that you wish to portray. When I have created characters in the past, I usually come up with names on the spot for them. Mashing words together until I have found something that fits the idea I have for that character. However, for some of you, coming up with names on the spot isn't as easy. So, for those of you who struggle with that, I have compiled several name generators for you to use whenever you are having a hard time coming up with a name:

    Random Name Generator #1
    Random Name Generator #2
    Random Name Generator #3




    [​IMG]
     
    #5 WhisperingWillows, Jan 11, 2016
    Last edited: Jan 30, 2017
  6. Myranda Poppy Willthe Official Character Div Box goes here WIP
     
    #6 WhisperingWillows, Jan 11, 2016
    Last edited: Nov 15, 2016
  7. Willow's Content Record; Content Div Box: STATUS - WIP





    [​IMG]


     
    #7 WhisperingWillows, Jan 12, 2016
    Last edited: Feb 3, 2017
  8. Yacoub Floros Official Character Div Box WIP
     
    #8 WhisperingWillows, Jan 26, 2016
    Last edited: Nov 15, 2016

  9. [​IMG]

    This is the div thread box for Willow's guide to creating characters. :)

    [​IMG]
     
    #9 WhisperingWillows, Jan 26, 2016
    Last edited: Aug 29, 2016
  10. Willow's Roleplay Designs Div Box; STATUS - WIP



    Information text

     
    #10 WhisperingWillows, Jan 28, 2016
    Last edited: Feb 7, 2017
  11. Corinne Deering Official Character Box
     
    #11 WhisperingWillows, Feb 13, 2016
    Last edited: Nov 15, 2016

  12. [​IMG]

    Dr. Jurgatt information and posts go here

    [​IMG]
     
    #12 WhisperingWillows, Feb 25, 2016
    Last edited: Sep 8, 2016
  13. WIP
     
    #13 WhisperingWillows, Mar 14, 2016
    Last edited: Nov 15, 2016
  14. WIP
     
    #14 WhisperingWillows, Mar 25, 2016
    Last edited: Nov 15, 2016

  15. [​IMG]

    This is for Roleplay Perks Guide

    [​IMG]
     
    #15 WhisperingWillows, Apr 1, 2016
    Last edited: Sep 24, 2016

  16. [​IMG]

    A Letter to the Chosen

    Dear Citizen,

    Congratulations! You and several others have been selected from our sweepstakes to participate in a very important event. The most recent data (however few) has confirmed that a planet that we have nicknamed "Floranota" has the correct conditions for all kinds of life to form! With this data
    , we can now safely send colonists to this new planet. Which means that you and others will be the first Earth people to make your mark in this world. Thank you so much for entering our sweepstakes. Your space course training will be conducted for the next several weeks before you and others are prepared to make the flight. The body under our new hyper drive can be awfully strange for new comers. No worries, however, with our space training program we will get you up to par in no time! In two months time, you will be journeying to this far away planet and colonize it for the benefit of the entire globe. Thank you again for your entrance into our once in a life time sweepstakes.

    Sincerely,
    Space Control Management



    Rules & Guidelines




    Roleplay Perks
    Blurb


    Character Creation
    Blurb




    [​IMG]
     
    #16 WhisperingWillows, Apr 7, 2016
    Last edited: Apr 8, 2016


  17. Humreous Withersby


    [​IMG]

    CRAFT NAME:
    Humreous Withersby

    GENDER: Male
    DEPARTMENT/SECTION:
    Department of Arcana Analysis;

    • Counterpossession: The occult counterpart of Counter-Subversion, put in place to ensure that no Laundry personnel are being ridden as meat puppets by alien beings or else are secretly worshipping Elder Gods on their off hours.

    SKILLS:
    Humreous is tough and to the point. He doesn't play games and is very persistent. Humreous can be very persuasive at times, and he is very good at intimidating people.

    FLAWS: However, with these skills he can be rather over bearing with those he is close with, pushing them away with his rough exterior rather than keeping them close. He is too honest with his opinions and can forget when to stay quiet.

    BACKGROUND:
    Humreous has lived in Britain all of his life. He was born to two ordinary parents and seemingly lived in an ordinary house. As he grew up Humreous started noticing something different about his parents. As if they weren't acting like themselves. The house grew darker and colder as the time went on. Their eyes weren't their own. It was only when his parents tried killing him did he realize that they weren't his parents anymore. This attempt at their own son's life prompted the investigation into his parent's life. Something had happened to his parents when they had attended a religious ceremony about the time Humreous was 8. After his parents were taken away from him, he was place in an orphanage under the watchful eye of the Laundry. He grew up there and when he finally grew to be an adult, the Laundry explained the real reason his parent's had changed; possession. They discussed a place for Humreous in their group, and he had no choice but to accept.






     
  18. #18 WhisperingWillows, Apr 15, 2016
    Last edited: Apr 17, 2016

  19. [​IMG]


    Character Profile Information for Zeta goes here.

    [​IMG]
     
    • Love Love x 1

  20. [​IMG]


    DRAKE POST GOES HERE

    [​IMG]
     
    #20 WhisperingWillows, Apr 17, 2016
    Last edited: May 26, 2016