Resource Bambi's studio - freebies c;

[qwq]

oml will be using a lot of these~

 

[Mio]

hi! I just wanted to say that your codes look amazing ;;;;
thank you for the freebies, I'd love to use some of them in the future!

 

[Marzopup]

info;

This code is largely a WIP. I've been trying to get a hang of the new bbcode+ especially the animations and transitions. If anyone has any tips, they would be much appreciated c: I decided to put this up here since it's been forever. If you'd like to add more tabs, you'll need to adjust the "32.5%" width or else it'll become two bars instead of the singular one. Also: anyone like the cursor????

Lorem Ipsum

[class=tabs] float: left; background-color: #87CEEB; border-radius: 0px; box-shadow: 0px 2px 5px #B0C4DE; box-sizing: border-box; color: #F0F8FF; font-size: 18px; font-family: Times New Roman; font-weight: normal; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 20%; [/class] [class=tab] box-sizing: border-box; cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto; display: inline-block; padding: 10px 0; width: 32.5%; animation:{post_id}flash 5s linear infinite; [/class] [animation=flash] [keyframe=0]opacity:0.4;[/keyframe] [keyframe=50]opacity:0.9;[/keyframe] [keyframe=100]opacity:0.4;[/keyframe] [/animation] [class name=tab state=hover] background-color: #AFEEEE; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Lorem) (show tabsContentLorem) if (eq ${currentTab} Ipsum) (show tabsContentIpsum) if (eq ${currentTab} Dolor) (show tabsContentDolor) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Lorem

[div class=tab]Ipsum

[div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Dolor[/div][/div] [div class="tabsContent tabsContentLorem" style="display:none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

[/div] [div class="tabsContent tabsContentIpsum" style="display: none;"]

Aliquam varius scelerisque nulla, ornare blandit tellus fringilla sed. Donec placerat dolor sed enim tincidunt tristique. Suspendisse potenti. Integer nulla orci, suscipit id ante sed, vehicula lacinia augue. In dolor justo, venenatis vitae congue ac, tempor quis sem. In suscipit lectus et scelerisque malesuada. Curabitur et enim id nisl hendrerit congue. Nulla pellentesque enim dictum, fringilla ligula id, dapibus nisi. Cras dictum diam at leo porttitor vehicula. Sed viverra luctus nisl, at iaculis nisl posuere sit amet. Pellentesque pellentesque urna nec massa egestas, non ullamcorper nulla faucibus. Proin et leo eget mauris sagittis posuere vitae sed libero. Aliquam nec rhoncus diam. Aliquam eu nulla lobortis, interdum velit quis, rhoncus purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed aliquet lacinia tristique. Pellentesque at nisi neque. Nullam luctus tortor nec nisl ultrices efficitur. Fusce suscipit eros sed lacus blandit, eu venenatis velit pulvinar. Mauris et interdum magna. Curabitur sem velit, lobortis non lacus maximus, mollis consectetur neque. Aliquam id consequat ligula, sagittis tempus enim. Nam molestie, nibh eu consectetur sodales, lorem quam porta magna, sit amet mollis odio leo in eros. Sed consectetur nisl nec tortor finibus auctor.

[/div] [div class="tabsContent tabsContentDolor" style="display: none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

[/div] [/div][/div]

coded by DeerPrince ​

Spoiler: code

[centerblock=50][right][div=font-size:55px;text-shadow: 2px 2px 3px #AFEEEE; color: #87CEEB;][font=Zeyada]Lorem Ipsum[/font][/div][/right][div= cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto;][div=background: url('https://i.pinimg.com/564x/b0/cc/73/b0cc73cea48ea04ed2d146b028b90bf5.jpg'); background-repeat: no-repeat; height:500px;width:500px;]
[nobr]
[class=tabs]
float: left;
background-color: #87CEEB;
border-radius: 0px;
box-shadow: 0px 2px 5px #B0C4DE;
box-sizing: border-box;
color: #F0F8FF;
font-size: 18px;
font-family: Times New Roman;
font-weight: normal;
line-height: 1;
margin: 20px auto;
min-width: 350px;
text-align: center;
width: 20%;
[/class]

[class=tab]
box-sizing: border-box;
cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto;
display: inline-block;
padding: 10px 0;
width: 32.5%;
animation:{post_id}flash 5s linear infinite;
[/class]

[animation=flash]
[keyframe=0]opacity:0.4;[/keyframe]
[keyframe=50]opacity:0.9;[/keyframe]
[keyframe=100]opacity:0.4;[/keyframe]
[/animation]

[class name=tab state=hover]
background-color: #AFEEEE;
[/class]

[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Lorem) (show tabsContentLorem)
if (eq ${currentTab} Ipsum) (show tabsContentIpsum)
if (eq ${currentTab} Dolor) (show tabsContentDolor)
[/script]


[div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Lorem[/div][div class=tab]Ipsum[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Dolor[/div][/div]
[div class="tabsContent tabsContentLorem" style="display:none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.[/font][/div][/div]

[div class="tabsContent tabsContentIpsum" style="display: none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]
Aliquam varius scelerisque nulla, ornare blandit tellus fringilla sed. Donec placerat dolor sed enim tincidunt tristique. Suspendisse potenti. Integer nulla orci, suscipit id ante sed, vehicula lacinia augue. In dolor justo, venenatis vitae congue ac, tempor quis sem. In suscipit lectus et scelerisque malesuada. Curabitur et enim id nisl hendrerit congue. Nulla pellentesque enim dictum, fringilla ligula id, dapibus nisi. Cras dictum diam at leo porttitor vehicula. Sed viverra luctus nisl, at iaculis nisl posuere sit amet. Pellentesque pellentesque urna nec massa egestas, non ullamcorper nulla faucibus. Proin et leo eget mauris sagittis posuere vitae sed libero.

Aliquam nec rhoncus diam. Aliquam eu nulla lobortis, interdum velit quis, rhoncus purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed aliquet lacinia tristique. Pellentesque at nisi neque. Nullam luctus tortor nec nisl ultrices efficitur. Fusce suscipit eros sed lacus blandit, eu venenatis velit pulvinar. Mauris et interdum magna. Curabitur sem velit, lobortis non lacus maximus, mollis consectetur neque. Aliquam id consequat ligula, sagittis tempus enim. Nam molestie, nibh eu consectetur sodales, lorem quam porta magna, sit amet mollis odio leo in eros. Sed consectetur nisl nec tortor finibus auctor.
[/font][/div][/div]

[div class="tabsContent tabsContentDolor" style="display: none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.
[/font][/div][/div]
[/nobr][/div][/div]
[centerblock=55][right][size=3][font=Times New Roman]coded by [USER=6719]@DeerPrince[/USER][/font][/size][/right][/centerblock]
[/centerblock]

Hello! First off, I want to thank you for the codes. They all look awesome!

I had one question though. If I want to have multiple paragraphs in the text boxes with this code, how would I do that? I was trying to type something out, but it's just all one long paragraph--I cannot for the life of me figure out how to break it into multiple paragraphs.

 

[DeerPrince]

Marzopup What do you mean? Are you using the code with the little bunny cursor?​

 

[Marzopup]

Marzopup What do you mean? Are you using the code with the little bunny cursor?​

Yep, that's the one.

 

[DeerPrince]

Marzopup funny enough, I actually didn't even notice that bug until you mentioned it to me aha.

So this is the best fix that I could come up with, which is manually forcing a paragraph indentation and then adding padding to get it more spaced out and easy on the eyes. Thank you for pointing that out to me, aha, I don't think I would have noticed at all ^^;

Lorem Ipsum

[class=tabs] float: left; background-color: #87CEEB; border-radius: 0px; box-shadow: 0px 2px 5px #B0C4DE; box-sizing: border-box; color: #F0F8FF; font-size: 18px; font-family: Times New Roman; font-weight: normal; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 20%; [/class] [class=tab] box-sizing: border-box; cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto; display: inline-block; padding: 10px 0; width: 32.5%; animation:{post_id}flash 5s linear infinite; [/class] [animation=flash] [keyframe=0]opacity:0.4;[/keyframe] [keyframe=50]opacity:0.9;[/keyframe] [keyframe=100]opacity:0.4;[/keyframe] [/animation] [class name=tab state=hover] background-color: #AFEEEE; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Lorem) (show tabsContentLorem) if (eq ${currentTab} Ipsum) (show tabsContentIpsum) if (eq ${currentTab} Dolor) (show tabsContentDolor) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Lorem

[div class=tab]Ipsum

[div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Dolor[/div][/div] [div class="tabsContent tabsContentLorem" style="display:none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

[/div] [div class="tabsContent tabsContentIpsum" style="display: none;"]

Aliquam varius scelerisque nulla, ornare blandit tellus fringilla sed. Donec placerat dolor sed enim tincidunt tristique. Suspendisse potenti. Integer nulla orci, suscipit id ante sed, vehicula lacinia augue. In dolor justo, venenatis vitae congue ac, tempor quis sem. In suscipit lectus et scelerisque malesuada. Curabitur et enim id nisl hendrerit congue. Nulla pellentesque enim dictum, fringilla ligula id, dapibus nisi. Cras dictum diam at leo porttitor vehicula. Sed viverra luctus nisl, at iaculis nisl posuere sit amet. Pellentesque pellentesque urna nec massa egestas, non ullamcorper nulla faucibus. Proin et leo eget mauris sagittis posuere vitae sed libero.

Aliquam nec rhoncus diam. Aliquam eu nulla lobortis, interdum velit quis, rhoncus purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed aliquet lacinia tristique. Pellentesque at nisi neque. Nullam luctus tortor nec nisl ultrices efficitur. Fusce suscipit eros sed lacus blandit, eu venenatis velit pulvinar. Mauris et interdum magna. Curabitur sem velit, lobortis non lacus maximus, mollis consectetur neque. Aliquam id consequat ligula, sagittis tempus enim. Nam molestie, nibh eu consectetur sodales, lorem quam porta magna, sit amet mollis odio leo in eros. Sed consectetur nisl nec tortor finibus auctor.

[/div] [div class="tabsContent tabsContentDolor" style="display: none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.

[/div] [/div][/div]

coded by DeerPrince ​

Spoiler: code

[centerblock=50][right][div=font-size:55px;text-shadow: 2px 2px 3px #AFEEEE; color: #87CEEB;][font=Zeyada]Lorem Ipsum[/font][/div][/right][div= cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto;][div=background: url('https://i.pinimg.com/564x/b0/cc/73/b0cc73cea48ea04ed2d146b028b90bf5.jpg'); background-repeat: no-repeat; height:500px;width:500px;]
[nobr]
[class=tabs]
float: left;
background-color: #87CEEB;
border-radius: 0px;
box-shadow: 0px 2px 5px #B0C4DE;
box-sizing: border-box;
color: #F0F8FF;
font-size: 18px;
font-family: Times New Roman;
font-weight: normal;
line-height: 1;
margin: 20px auto;
min-width: 350px;
text-align: center;
width: 20%;
[/class]

[class=tab]
box-sizing: border-box;
cursor: url('https://img00.deviantart.net/8f32/i/2012/106/d/3/bunny_cursor_by_turtlesarealive-d4we9xu.gif'), auto;
display: inline-block;
padding: 10px 0;
width: 32.5%;
animation:{post_id}flash 5s linear infinite;
[/class]

[animation=flash]
[keyframe=0]opacity:0.4;[/keyframe]
[keyframe=50]opacity:0.9;[/keyframe]
[keyframe=100]opacity:0.4;[/keyframe]
[/animation]

[class name=tab state=hover]
background-color: #AFEEEE;
[/class]

[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Lorem) (show tabsContentLorem)
if (eq ${currentTab} Ipsum) (show tabsContentIpsum)
if (eq ${currentTab} Dolor) (show tabsContentDolor)
[/script]


[div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Lorem[/div][div class=tab]Ipsum[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Dolor[/div][/div]
[div class="tabsContent tabsContentLorem" style="display:none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.
[div=word-break: break-all; padding: 5px; 8px;][/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.[/font][/div][/div]

[div class="tabsContent tabsContentIpsum" style="display: none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]
Aliquam varius scelerisque nulla, ornare blandit tellus fringilla sed. Donec placerat dolor sed enim tincidunt tristique. Suspendisse potenti. Integer nulla orci, suscipit id ante sed, vehicula lacinia augue. In dolor justo, venenatis vitae congue ac, tempor quis sem. In suscipit lectus et scelerisque malesuada. Curabitur et enim id nisl hendrerit congue. Nulla pellentesque enim dictum, fringilla ligula id, dapibus nisi. Cras dictum diam at leo porttitor vehicula. Sed viverra luctus nisl, at iaculis nisl posuere sit amet. Pellentesque pellentesque urna nec massa egestas, non ullamcorper nulla faucibus. Proin et leo eget mauris sagittis posuere vitae sed libero.
[div=word-break: break-all; padding: 5px; 8px;][/div]
Aliquam nec rhoncus diam. Aliquam eu nulla lobortis, interdum velit quis, rhoncus purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed aliquet lacinia tristique. Pellentesque at nisi neque. Nullam luctus tortor nec nisl ultrices efficitur. Fusce suscipit eros sed lacus blandit, eu venenatis velit pulvinar. Mauris et interdum magna. Curabitur sem velit, lobortis non lacus maximus, mollis consectetur neque. Aliquam id consequat ligula, sagittis tempus enim. Nam molestie, nibh eu consectetur sodales, lorem quam porta magna, sit amet mollis odio leo in eros. Sed consectetur nisl nec tortor finibus auctor.
[/font][/div][/div]

[div class="tabsContent tabsContentDolor" style="display: none;"][div=margin: auto; overflow: auto; height:300px; width:450px; padding:5px; background-color:#F0F8FF; opacity:0.9; border:0px white solid; border-radius: 0px;][font=Times New Roman]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.
[div=word-break: break-all; padding: 5px; 8px;][/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar iaculis placerat. Etiam eu est eros. Nullam vel iaculis libero. Cras posuere gravida ultricies. Cras sit amet volutpat ante, in varius lectus. Fusce lacinia lacinia massa, ut aliquam est. Sed sit amet porttitor nisl, id rutrum urna. Donec et ex ut dolor vehicula egestas. Quisque feugiat massa justo, vel tristique felis lobortis eget. Morbi molestie, turpis vel tempor iaculis, augue mauris tincidunt urna, id laoreet quam lacus id diam. Donec ornare dolor id nibh molestie, a vulputate nulla varius. Pellentesque nibh tortor, semper eget ante eget, posuere consectetur lectus.
[/font][/div][/div]
[/nobr][/div][/div]
[centerblock=55][right][size=3][font=Times New Roman]coded by [USER=6719]@DeerPrince[/USER][/font][/size][/right][/centerblock]
[/centerblock]

​

 

[Marzopup]

Thank you! =D Once again, your codes are great. I appreciate the help!

 

[sunshine and whiskey]

info;

It's been a little while since I've updated this thread ^-^ Hope you guys like this code... It's a tad bit of a mess, and I'm not sure how it looks on other screens ^^; If anyone uses this on a smaller screen or in PMs, the columns and crap might look cut off, but there's an overflow x and y, meaning it'll let you scroll to the left and right, so text will still be available, just not as aesthetically pleasing. ​

✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧

tags

locations, tags, mood, etc.
don't put too much here or else it will skew the appearance

"This is fate, I love us."

At first sight, I could recognize you
As if we were calling for each other
The DNA in my blood vessels tell me
That it’s you I was looking all over for

Our meeting is like a mathematical formula
Commandments of religion, providence of the universe;
The evidence of destiny given to me
You’re the source of my dream
Take it, take it
My hand reaching out to you is my chosen fate

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

From the day of the universe’s creation and beyond
Through the infinite centuries and beyond
In the previous life and maybe the next too
We’re eternally together

None of this is a coincidence
Because we’re the two who found our destiny
DNA

I want it this love I want it real love
I only focus on you
You steer me a little harder
The DNA of the genesis wants you
This is inevitable, I love us
We are the only true lovers

Every time I see her, I freak out
Surprisingly, I keep gasping and it’s weird, maybe
This is the emotion they call love
Because from the very beginning, my heart runs to you

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

From the day of the universe’s creation and beyond
Through the infinite centuries and beyond
In the previous life and maybe the next too
We’re eternally together

None of this is a coincidence Notice me Senpai
Because we’re the two who found our destiny
DNA
Don’t look back
Because we're the two who found our destiny
Don’t regret it, baby
Because we're forever
Forever
Forever
Forever
Forever
We are together

"Don't worry love."

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

La la la la la
La la la la la
Because it’s not a coincidence
La la la la la
La la la la la
Because it’s not a coincidence
DNA

sldkf

첫눈에 널 알아보게 됐어
서롤 불러왔던 것처럼
내 혈관 속 DNA가 말해줘
내가 찾아 헤매던 너라는 걸

우리 만남은 수학의 공식
종교의 율법 우주의 섭리
내게 주어진 운명의 증거
너는 내 꿈의 출처
Take it take it
너에게 내민 내 손은 정해진 숙명

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까

우주가 생긴 그 날부터 계속
무한의 세기를 넘어서 계속
우린 전생에도 아마 다음 생에도
영원히 함께니까

이 모든 건 우연이 아니니까
운명을 찾아낸 둘이니까
DNA

"We'll be together forever."

I want it this love I want it real love
난 너에게만 집중해
좀 더 세게 날 이끄네
태초의 DNA가 널 원하는데
이건 필연이야 I love us
우리만이 true lovers

그녀를 볼 때마다 소스라치게 놀라
신기하게 자꾸만 숨이 멎는 게 참 이상해 설마
이런 게 말로만 듣던 사랑이란 감정일까
애초부터 내 심장은 널 향해 뛰니까

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까

우주가 생긴 그 날부터 계속
무한의 세기를 넘어서 계속
우린 전생에도 아마 다음 생에도
영원히 함께니까


이 모든 건 우연이 아니니까
운명을 찾아낸 둘이니까
DNA

돌아보지 말아
운명을 찾아낸 우리니까
후회하지 말아 baby
영원히
영원히
영원히
영원히
함께니까

"Forever, forever, forever."

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까
DNA

La la la la la
La la la la la
우연이 아니니까
La la la la la
La la la la la
우연이 아니니까
DNA

​

​

​

coded by DeerPrince ​

​

​

Spoiler: code

[bg=transparent][center][row][column=span4][div=overflow-y:scroll; overfloy-x:scroll;][div=float:center;background-color:white; margin: auto;background-position: 50% 30%;border-radius: 50%;border: 2px solid #E5E8E8;height:385px;width: 390px;overflow:hidden; margin-bottom: 15px;][IMG]https://i.pinimg.com/564x/b0/7d/cc/b07dcc20b8b246f7cd5feda358546a53.jpg[/IMG][/div][size=3][color=#C0C0C0]✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧[/color][/size]
[fieldset=tags][size=3][font=Times New Roman][color=#A6ACAF]locations, tags, mood, etc.
don't put too much here or else it will skew the appearance[/color][/font][/size][/fieldset][/div][/column]
[column=span4][div=position:relative; height: 500px;  border:1px solid #CCD1D1; box-shadow: 3px 3px 7px -1px #AAB7B8; padding: 5px; overflow:auto;margin-bottom: 20px;][center][div=font-family:Times New Roman;color: #A6ACAF;][size=3][div=background-color:#696969; color: white; padding:3px;][font=Dawning of a New Day][size=7][div=text-shadow: 2px 2px 1px #FFE4E1;]"This is fate, I love us."[/div][/size][/font][/div]
At first sight, I could recognize you
As if we were calling for each other
The DNA in my blood vessels tell me
That it’s you I was looking all over for

Our meeting is like a mathematical formula
Commandments of religion, providence of the universe;
The evidence of destiny given to me
You’re the source of my dream
Take it, take it
My hand reaching out to you is my chosen fate

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

From the day of the universe’s creation and beyond
Through the infinite centuries and beyond
In the previous life and maybe the next too
We’re eternally together

None of this is a coincidence
Because we’re the two who found our destiny
DNA

I want it this love I want it real love
I only focus on you
You steer me a little harder
The DNA of the genesis wants you
This is inevitable, I love us
We are the only true lovers

Every time I see her, I freak out
Surprisingly, I keep gasping and it’s weird, maybe
This is the emotion they call love
Because from the very beginning, my heart runs to you

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

From the day of the universe’s creation and beyond
Through the infinite centuries and beyond
In the previous life and maybe the next too
We’re eternally together

None of this is a coincidence
Because we’re the two who found our destiny
DNA
Don’t look back
Because we're the two who found our destiny
Don’t regret it, baby
Because we're forever
Forever
Forever
Forever
Forever
We are together

[div=background-color:#696969; color: white; padding:3px;][font=Dawning of a New Day][size=7][div=text-shadow: 2px 2px 1px #FFE4E1;]"Don't worry love."[/div][/size][/font][/div]

Don’t worry, love
None of this is a coincidence
We’re totally different, baby
Because we’re the two who found our destiny

La la la la la
La la la la la
Because it’s not a coincidence
La la la la la
La la la la la
Because it’s not a coincidence
DNA
[div=2px solid transparent; background: url(https://i.pinimg.com/564x/e8/27/b0/e827b021e031aae3161e32677b9a80d9.jpg) fixed; border-radius: 10px;height: 300;padding: 0px;][color=transparent]sldkf





[/color][/div]
첫눈에 널 알아보게 됐어
서롤 불러왔던 것처럼
내 혈관 속 DNA가 말해줘
내가 찾아 헤매던 너라는 걸

우리 만남은 수학의 공식
종교의 율법 우주의 섭리
내게 주어진 운명의 증거
너는 내 꿈의 출처
Take it take it
너에게 내민 내 손은 정해진 숙명

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까

우주가 생긴 그 날부터 계속
무한의 세기를 넘어서 계속
우린 전생에도 아마 다음 생에도
영원히 함께니까

이 모든 건 우연이 아니니까
운명을 찾아낸 둘이니까
DNA

[div=background-color:#696969; color: white; padding:3px;][font=Dawning of a New Day][size=7][div=text-shadow: 2px 2px 1px #FFE4E1;]"We'll be together forever."[/div][/size][/font][/div]

I want it this love I want it real love
난 너에게만 집중해
좀 더 세게 날 이끄네
태초의 DNA가 널 원하는데
이건 필연이야 I love us
우리만이 true lovers

그녀를 볼 때마다 소스라치게 놀라
신기하게 자꾸만 숨이 멎는 게 참 이상해 설마
이런 게 말로만 듣던 사랑이란 감정일까
애초부터 내 심장은 널 향해 뛰니까

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까

우주가 생긴 그 날부터 계속
무한의 세기를 넘어서 계속
우린 전생에도 아마 다음 생에도
영원히 함께니까


이 모든 건 우연이 아니니까
운명을 찾아낸 둘이니까
DNA

돌아보지 말아
운명을 찾아낸 우리니까
후회하지 말아 baby
영원히
영원히
영원히
영원히
함께니까

[div=background-color:#696969; color: white; padding:3px;][font=Dawning of a New Day][size=7][div=text-shadow: 2px 2px 1px #FFE4E1;]"Forever, forever, forever."[/div][/size][/font][/div]

걱정하지 마 love
이 모든 건 우연이 아니니까
우린 완전 달라 baby
운명을 찾아낸 둘이니까
DNA

La la la la la
La la la la la
우연이 아니니까
La la la la la
La la la la la
우연이 아니니까
DNA[/size][/div][/center][/div][/column][right][size=3][color=#D3D3D3][font=Times New Roman]coded by [USER=6719][color=#D3D3D3]@DeerPrince[/color][/USER][/font][/color][/size][/right]
[/row][/center][/bg]
[center][row][bg=transparent; pointer-events:none][heightrestrict=150][img]https://i.pinimg.com/564x/af/fb/8d/affb8d6d91f18525b20a615139e461a8.jpg[/img][IMG]https://i.pinimg.com/564x/9b/de/43/9bde4335838355df4363f28a903f946b.jpg[/IMG][img]https://i.pinimg.com/564x/ac/20/76/ac2076734add8bc2a4592f56712cabab.jpg[/img][img]https://i.pinimg.com/564x/a6/27/c1/a627c1cce4e2e9a5ae42ebae1463cd0b.jpg[/img][/heightrestrict][/bg][/row][/center]

I'll be using this. c:

 

[tagapagmana]

i feel refreshed blessed so soft and gentle

your stuff is great