Resource ♡ Sunshine Codes ♡

Discussion in 'BBCode Center' started by Y o u n g j a e, Jul 6, 2017.

Tags:

Hey Guest,

Did you know that you can change your roleplay preferences here(click me) ?

  1. ♡ Welcome to Sunshine Codes ♡

    My name is Brooke and I'm an average at best coder. I want to use this page as a way too get better at coding ♡ I had a BBCode dump that I shut down since it was seemingly cringey and the codes weren't that great. Here I will post all of the codes I have made for others to use however they want. There's a small watermark at the end of each code, and if you would keep that, that would be greatly appreciated.
     
  2. IC Post. Picture is adjustable and changeable.​
    Code:
    [centerblock=40][div=float:center;background-color:white;margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid white;height:150px;width: 150px;overflow:hidden;][IMG]http://68.media.tumblr.com/bbd4004bf6faa61b8b2b47b70fd7d302/tumblr_ntndwbAVGB1t0hsj5o3_1280.png[/IMG][/div][div=text-align:center;color:black;font-weight:500][FONT=Indie Flower][SIZE=30px]Character Name[/SIZE][/FONT][/div][div=height:100px; overflow:auto;padding:2px;margin-bottom:5px;][SIZE=2][COLOR=black][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales.[/justify][/COLOR][/SIZE][/div][SIZE=2]coded by: y o u n g j a e[/SIZE][/centerblock]
    [​IMG]
    Character Name
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales.
    coded by: y o u n g j a e
     
  3. Character Sheet. Pictures adjustable and changeable, Tab names are changeable.​
    Code:
    [bg=#191919][border=1 px white solid][div=float:left;background-color:white;margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid white;height:200px;width: 200px;overflow:hidden;][IMG]https://68.media.tumblr.com/57c844a28f37800927e9817d0f6b0613/tumblr_oit5uaz5nc1uw2va5o1_1280.jpg[/IMG][/div][div=float:right;background-color:white;margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid white;height:200px;width: 200px;overflow:hidden;][IMG]https://68.media.tumblr.com/57c844a28f37800927e9817d0f6b0613/tumblr_oit5uaz5nc1uw2va5o1_1280.jpg[/IMG][/div]
    
    [CENTER][FONT=Lato][SIZE=7][COLOR=#ffffff]NAME HERE[/COLOR][/SIZE][/FONT][/CENTER]
    
    [border=0px #191919 solid][accordion=50%|bcenter][/SIZE]
    {slide=center | [bg=#191919][COLOR=white][FONT=Lato][SIZE=7]The Things That}Blurb{/slide}[/SIZE][/FONT][/COLOR]
    [/bg][/accordion][/border]
    [border=0px #191919 solid][accordion=50%|bcenter]
    {slide=center | [bg=#191919][COLOR=white][FONT=Lato][SIZE=7]Corrupted My Essence}Blurb{/slide}[/SIZE][/FONT][/COLOR][/bg][/accordion][/border]
    [border=0px #191919 solid][accordion=50%|bcenter][/SIZE]
    {slide=center | [bg=#191919][COLOR=white][FONT=Lato][SIZE=7]Are Numerous}Blurb{/slide}[/SIZE][/FONT][/COLOR][/bg][/accordion][/border][/border][/bg]
    [SIZE=3]coded by: y o u n g j a e[/SIZE]
    [​IMG]
    [​IMG]


    NAME HERE

    The Things That
    Blurb
    Corrupted My Essence
    Blurb
    Are Numerous
    Blurb
    coded by: y o u n g j a e
     
    Rhaine, pasta, Bethari and 2 others like this.
  4. Character Sheet. Pictures are changeable. Tabs can be changed as well.​
    Code:
    [centerblock=90]
    [CENTER][SIZE=7][FONT=handlee]Quote Or Name Here[/FONT][/SIZE][/CENTER]
    [row][column=span2][border= 0px solid black][accordion= 100%]{slide=100|center|[bg=white][border=1px solid black][IMG]https://68.media.tumblr.com/a653057176f59f8bf89431f187383e64/tumblr_okvqahO7pC1ujygkoo2_400.png[/IMG][SIZE=5]---[/SIZE][/border][/bg]}[bg=white]put stuff here idk
    
    
    
    
    
    {/slide}[/bg][/accordion][/border][/column]
    [column=span4][border= 0px solid black][accordion= 100%]{slide=100|center|[bg=white][border=1px solid black][IMG]https://68.media.tumblr.com/d1a72930eb439b575ad9cdd77ec06822/tumblr_ok7205eb191umvyf1o1_1280.jpg[/IMG][SIZE=5]---[/SIZE][/border][/bg]}[bg=white]put stuff here idk
    
    
    
    
    
    {/slide}[/bg][/accordion][size=2]coded by y o u n g j a e[/size][bg=white][/bg][/border][bg=white][/bg][/column]
    [column=span2][border= 0px solid black][accordion= 100%]{slide=100|center|[bg=white][border=1px solid black][IMG]https://68.media.tumblr.com/a653057176f59f8bf89431f187383e64/tumblr_okvqahO7pC1ujygkoo2_400.png[/IMG][SIZE=5]---[/SIZE][/border][/bg]}[bg=white]put stuff here idk
    
    
    
    
    
    {/slide}[/bg][/accordion][/border][/column][bg=white][/bg][/row][bg=white][/bg][/centerblock][bg=white][/bg]

    Quote Or Name Here
    [​IMG]---
    put stuff here idk





    [​IMG]---
    put stuff here idk





    coded by y o u n g j a e
    [​IMG]---
    put stuff here idk





     
    Rhaine, pasta, Bethari and 1 other person like this.
  5. IC Post​
    Code:
    [row][centerblock=100][column=span2][bg=#b0c4de][IMG]https://68.media.tumblr.com/3c9a9f3c019ebb5c287059eacf5d1c5f/tumblr_oq3ytyYXOT1wna3txo2_400.jpg[/IMG]
    [CENTER][COLOR=white]♡
    [IMG]https://68.media.tumblr.com/271d2cabc8f115dcc66ed80ae4ace9f4/tumblr_oq3ytyYXOT1wna3txo6_400.jpg[/IMG][/COLOR][/CENTER]
    [/bg]
    [/column][/centerblock][column=span5]
    [CENTER][FONT=indie flower][SIZE=6]My One and Only Sunshine [/SIZE][/FONT][/CENTER]
    [FONT=indie flower]
    [border=2 px white solid][div=height:200px; overflow:auto;padding:2px;margin-bottom:5px;][SIZE=5][COLOR=black][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales.[/justify][/COLOR][/SIZE][/div][/border]coded by y o u n g j a e[/FONT][/column][/row]
    [​IMG]

    [​IMG]

    My One and Only Sunshine

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales.
    coded by y o u n g j a e
     
  6. Wow!
    You're really good at this!
    (I might borrow one XD Don't worry! Will keep the credit!)
     
  7. Thank you so much ^^
     
  8. CS Post​
    Code:
    [div=float:left;background-color:white;margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid white;height:150px;width: 150px;overflow:hidden;][IMG]https://68.media.tumblr.com/88fdf3981586d9c5df23a27be279f253/tumblr_onfj29AVc31w7iemjo4_400.jpg[/IMG][/div][div=float:right;background-color:white;margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid white;height:150px;width: 150px;overflow:hidden;][IMG]https://68.media.tumblr.com/01220f6287e650ec8be3c0caee34d2f3/tumblr_onfj29AVc31w7iemjo3_400.jpg[/IMG][/div]
    [centerblock=40][bg=#DDA3B2][border=1 px solid white][CENTER][SIZE=7][COLOR=white][FONT=Roboto]CHARACTER NAME[/FONT][/COLOR][/SIZE][/CENTER]
    [/border][/bg][border=0px #764248 solid][accordion=100%]{slide=center|[bg=#764248][FONT=Bellefair][COLOR=white]I Want You}Blurb{/slide} [/COLOR][/FONT][/bg][/accordion][/border]
    [border=0px #DDA3B2 solid][accordion=100%]{slide=center|[bg=#DDA3B2][FONT=Bellefair][COLOR=white]Too Find Me}Blurb{/slide} [/COLOR][/FONT][/bg][/accordion][/border]
    [border=0px #764248 solid][accordion=100%]{slide=center|[bg=#764248][FONT=Bellefair][COLOR=white]And Save Me}Blurb{/slide} [/COLOR][/FONT][/bg][/accordion][/border]coded by y o u n g j a e[/centerblock]
    [​IMG]
    [​IMG]


    CHARACTER NAME
    I Want You
    Blurb
    Too Find Me
    Blurb
    And Save Me
    Blurb
    coded by y o u n g j a e
     
    pasta, Bethari and e d e n like this.
  9. IC or CS you can decide.​
    Code:
    [row][centerblock=100][column=span2][bg=#fcd6e1][IMG]https://68.media.tumblr.com/12ab132313065e540dac063981fc6682/tumblr_osq5n8Qn2k1vwiymio2_250.png[/IMG]
    [CENTER][COLOR=white]♡
    [IMG]https://68.media.tumblr.com/a89a17a726ac4a6b4de0b1b68f60d75e/tumblr_osq5n8Qn2k1vwiymio1_250.png[/IMG][/COLOR][/CENTER]
    [/bg]coded by y o u n g j a e[/column][column=span4][bg=#fcd6e1]
    [CENTER][FONT=Dancing Script][SIZE=7]I Feel Like Gucci[/SIZE][/FONT][/CENTER]
    [/bg][div=position: relative;width: calc(100%  - 19px);height: 200px;overflow: hidden;background-color: transparent;padding: 20px;][div=width: 100%;padding-right: 145px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;]
    All you kids pretending you have money, go away
    Cuz I can hang your salary on my shoulder
    I’m way too fly to be one of yall
    You can’t even breathe in my position
    
    Why should I sit with you?
    I’ll send over a bottle, drink it with your hyungs
    This unni is your unni, you’re a young boy
    On your way back, call over the waiter for me
    
    Cause I’m self made
    Ain‘t no body ever made me
    I’m in the party going crazy
    This is like a movie
    
    And i feel like Gucci
    I feel like Gucci yuh
    I feel like Gucci baby
    I feel like Gucci
    I feel like Gucci baby
    I’m a bad motha’ fucka in the room
    I feel like Gucci
    I feel like Gucci
    
    I drive my own car, just get in next to me
    There’s a lot to show you, let’s eat, I’m the food
    All the way to the top, that’s my mission
    Kiss my ass, competition
    
    Why should I stick with you?
    Wherever I go, I only get love
    This unni is your unni, you’re a young boy
    On your way back, call over the waiter for me
    
    And i speak nothing but the truth
    I’m me and you’re you
    And i don‘t give a F-U-C-K
    What you say about me
    Got gangsta in my attitude
    I always do what I want
    And i don‘t give a F-U-C-K
    What ya think
    
    And i feel like Gucci
    I feel like Gucci yuh
    I feel like Gucci baby
    I feel like Gucci
    I feel like Gucci baby
    I’m a bad motha’ fucka in the room
    I feel like Gucci
    I feel like Gucci[/div][/div]
    [/column]
    [/centerblock]
    [/row]
    [​IMG]

    [​IMG]
    coded by y o u n g j a e

    I Feel Like Gucci

    All you kids pretending you have money, go away
    Cuz I can hang your salary on my shoulder
    I’m way too fly to be one of yall
    You can’t even breathe in my position

    Why should I sit with you?
    I’ll send over a bottle, drink it with your hyungs
    This unni is your unni, you’re a young boy
    On your way back, call over the waiter for me

    Cause I’m self made
    Ain‘t no body ever made me
    I’m in the party going crazy
    This is like a movie

    And i feel like Gucci
    I feel like Gucci yuh
    I feel like Gucci baby
    I feel like Gucci
    I feel like Gucci baby
    I’m a bad motha’ fucka in the room
    I feel like Gucci
    I feel like Gucci

    I drive my own car, just get in next to me
    There’s a lot to show you, let’s eat, I’m the food
    All the way to the top, that’s my mission
    Kiss my ass, competition

    Why should I stick with you?
    Wherever I go, I only get love
    This unni is your unni, you’re a young boy
    On your way back, call over the waiter for me

    And i speak nothing but the truth
    I’m me and you’re you
    And i don‘t give a F-U-C-K
    What you say about me
    Got gangsta in my attitude
    I always do what I want
    And i don‘t give a F-U-C-K
    What ya think

    And i feel like Gucci
    I feel like Gucci yuh
    I feel like Gucci baby
    I feel like Gucci
    I feel like Gucci baby
    I’m a bad motha’ fucka in the room
    I feel like Gucci
    I feel like Gucci

     
    junie, pasta and Bethari like this.
  10. beautiful~!!!
     
    Y o u n g j a e likes this.
  11. Thank you cx
     
    pasta likes this.
  12. Do you take requests?
     
    Y o u n g j a e likes this.
  13. Not really, but I could possibly try ^^
     
  14. Hm...I wouldn't know how to start. I'm trying to do a interest check for people and I'm utterly terrible at bbc code, other than accordion, tabs, and changing colors.
     
    Y o u n g j a e likes this.
  15. Do you have any idea on how it should look like?
     
  16. I would be simple with it.
    [​IMG]
    [​IMG]
    You can make these much smaller and a text box between them. Other than that, you can make it as fancy as you like it. To test yourself
     
  17. Um....Pale blues to dark blues and font.....Courgette, google fonts
     
  18. Alright. It may be a day or so, I've got to map out what it will look like and I'm at the Softball park all night tonight. ^^
     
  19. #20 RoyalPhoenix32, Jul 17, 2017 at 4:01 PM
    Last edited: Jul 17, 2017 at 4:37 PM
    ok, other than that. Go nuts, test yourself with this. By the way, take your time with it. I'm in no rush.
     
    Y o u n g j a e likes this.
  20. @RoyalPhoenix32 Hey! This is the code. I think it's cute and it's simple to use and adjust if needed ^^
    Code:
    [row][column=span4][bg=#ADD8E6][IMG]https://images4.alphacoders.com/296/296286.jpg[/IMG][/bg]
    [SIZE=7][FONT=Courgette]RP Name[/FONT][/SIZE]
    [/column]
    [SIZE=4][FONT=Courgette][column=span4][bg=#9bc2cf][IMG]https://www.rpnation.com/proxy.php?image=http%3A%2F%2Forig13.deviantart.net%2Fe7ba%2Ff%2F2014%2F247%2F7%2F5%2Fruin_temple_in_the_cave_by_fantasticomelette-d7xzmxf.jpg&hash=1a9dff83e11669932fa4e35b41875e49[/IMG]
    [/bg]
    [div=position: relative;width: calc(100%  - 19px);height: 190px;overflow: hidden;background-color: white;padding: 20px;][div=width: 100%;padding-right: 145px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales. [/div][/div][/column][/FONT][/SIZE][/row][SIZE=2]coded by y o u n g j a e[/SIZE]
    [​IMG]
    RP Name
    [​IMG]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus arcu, posuere ac diam quis, tincidunt pharetra erat. Duis ultrices sapien sed ex venenatis, nec rutrum nunc bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit, ex id feugiat euismod, lacus sapien lacinia dui, et accumsan lectus quam ut nulla. Phasellus semper tincidunt massa a volutpat. In accumsan, dolor at porta vestibulum, metus felis condimentum velit, cursus sollicitudin libero elit eget neque. Nunc quis velit ligula. Integer ut nunc in lacus mattis malesuada eget sit amet nunc. Duis facilisis quam vel consequat luctus. Vivamus rhoncus magna at nunc finibus sodales.
    coded by y o u n g j a e
     
    pasta likes this.
  21. Y o u n g j a e likes this.
  22. CS. Using in one of my RPs.​
    Code:
    [centerblock=70][row][column=span3][bg=#DCDCDC][IMG]https://68.media.tumblr.com/e13f9f8c6e168a397ac902171561e390/tumblr_ol7x3asAyf1w56waeo2_250.png[/IMG]
    [COLOR=white]Age
    Gender
    Sexuality
    Ethnicity etc[/COLOR][/bg][SIZE=2]coded by y o u n g j a e[/SIZE][/column][SIZE=2][COLUMN=SPAN3][border=1 px black solid][bg=#DCDCDC][div=position: relative;width: calc(100%  - 19px);height: 190px;overflow: hidden;background-color: transparent;padding: 20px;][div=width: 100%;padding-right: 145px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;]bump[/div][/div][/bg][/border][COLOR=white][FONT=DANCING SCRIPT][COLOR=black][SIZE=7][FONT=dancing script]CHARACTER NAME[/FONT][/SIZE][/COLOR][/FONT][/COLOR][/COLUMN][/SIZE][/row][/centerblock]
    [​IMG]
    Age
    Gender
    Sexuality
    Ethnicity etc
    coded by y o u n g j a e
    bump
    CHARACTER NAME
     
  23. Should I open up a request shop?
     
    pasta likes this.
  24. Can I just say that I looked at the codes and you helped me learn with Bringing in pictures (Cause I'm shit at codes but I wanna do things myself) for example, the Circle around the pictures. So Thank you, but do I still have to credit you? If so how do I get the water mark??? Casue the rest of it was all me, it was just the picture part :D
     
    Y o u n g j a e likes this.

Share This Page