• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Accepting Requests New ewolf's practice dump

ewolf20

the aspiring roleplayer
[Class=practice]
background: lightgrey;
border-left: solid 5px blue;
border-right: solid 5px blue;
height: 400px;
width: 500px;
margin: auto;
padding: 50px
[/class]
[Class=innerdiv]
border-top: solid 5px Blue;
width: 500px;
height: 400px;
padding: 60px
margin: auto;
line-height: 200%;
[/class]
[Class=loral]
font-size: 50px;
color: blue;
text-align: center;
[/class]
[Div class=practice][Div class=loral]ewolf's new code dump[/div][div class=innerdiv] hello all and welcome to my new code practice dump. I just add some simplistic as heck code in there so nothing simple. Most of them are free to use but please do credit me.[/div][/div]
 
Last edited:
here's one of my codes using bb+. as expected, not really as fancy as i hoped but i tired.

[class name=sugar] border-radius: 70px; background-color: #F1E189; border: #01C5C4 solid 50px;margin:auto;width:760px [/class] [class=image] border: #FE547B solid 7px; width:400px ; height:395px;background-image:url('http://via.placeholder.com/400x395');color:transparent;background-repeat: no-repeat;background-size:400px 395px;margin:auto; [/class] [class name=spice] width: 650px; height:250px;box-sizing: border-box; overflow: hidden; background-color: #F1E189; padding: 10px;margin:auto; [/class] [class name=spice2] width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;margin:auto; [/class]


[div class=sugar]
[div class=image]
.
.
.
[/div]
[div class=spice]
[div class=spice2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ullamcorper magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus id turpis nec massa bibendum elementum. Etiam neque augue, gravida volutpat fringilla ac, tincidunt non libero. Integer elementum nisi aliquet, fringilla tellus et, hendrerit ligula. Nam dapibus nec mauris at ultrices. Quisque auctor sem sodales blandit viverra.

Morbi sit amet erat efficitur, congue turpis et, feugiat ante. Proin volutpat ante metus, hendrerit semper dui eleifend at. Quisque at ullamcorper lacus. Vestibulum pharetra magna at sollicitudin elementum. Pellentesque vitae orci porttitor, sodales diam sit amet, vehicula orci. Sed nec efficitur erat, a consequat purus. Etiam at ex ultricies, cursus lectus nec, interdum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac tortor pretium, semper quam in, fermentum lorem.

Vivamus pretium tellus imperdiet sem sagittis porttitor. In pretium finibus mollis. Ut enim ante, tempus et nulla quis, vehicula egestas urna. Phasellus consequat mauris sed suscipit varius. Etiam eu purus leo. Suspendisse tristique consequat dignissim. Vestibulum viverra tellus et malesuada maximus. Fusce vehicula magna pellentesque velit malesuada, sollicitudin mollis ante auctor. Nullam blandit pulvinar diam et tristique. Curabitur at blandit erat. Suspendisse cursus mattis velit, et interdum augue finibus gravida. Praesent facilisis lacinia justo, sed venenatis tellus dapibus dapibus. Proin tristique augue sit amet porta rutrum. Etiam id urna fringilla, facilisis quam nec, efficitur magna. Nullam tincidunt elit pretium quam suscipit laoreet. Morbi at dictum justo, et euismod enim.

Mauris porta quam vel massa egestas sollicitudin. Vestibulum porta interdum est, eu finibus nulla blandit in. Nulla non orci sit amet tellus vehicula lacinia. Nam non quam purus. Maecenas faucibus dolor a libero ullamcorper, id eleifend nisl vulputate. Aenean placerat, eros vel sollicitudin cursus, justo elit lobortis erat, eu varius justo dui eget turpis. Vestibulum posuere libero libero, eget consectetur nisi blandit a. Vivamus id nisi sit amet sapien volutpat euismod. Suspendisse suscipit est sem, vitae condimentum augue rutrum ut. Mauris vitae tristique elit. Sed in nunc at orci vehicula porta non vitae ipsum. Aliquam gravida non justo at lacinia. Aliquam sed vestibulum massa. Proin faucibus orci a felis lobortis imperdiet. Nam congue iaculis vestibulum. Aenean arcu nunc, suscipit vitae justo at, efficitur pellentesque [/div][/div]

[/div]

Code:
[nobr]

[class name=sugar]
border-radius: 70px;
background-color: #F1E189; border: #01C5C4 solid 50px;margin:auto;width:760px
[/class]
[class=image]
border: #FE547B solid 7px; width:400px ; height:395px;background-image:url('http://via.placeholder.com/400x395');color:transparent;background-repeat: no-repeat;background-size:400px 395px;margin:auto;
[/class]
[class name=spice]
width: 650px; height:250px;box-sizing: border-box; overflow: hidden; background-color: #F1E189; padding: 10px;margin:auto;
[/class]
[class name=spice2]
width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;margin:auto;
[/class]
[/nobr]


[div class=sugar]
[div class=image]
.
.
.
[/div]
[div class=spice][center][div=width:500px;border: #FE547B solid 5px;margin:auto][/div][/center][div class=spice2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ullamcorper magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus id turpis nec massa bibendum elementum. Etiam neque augue, gravida volutpat fringilla ac, tincidunt non libero. Integer elementum nisi aliquet, fringilla tellus et, hendrerit ligula. Nam dapibus nec mauris at ultrices. Quisque auctor sem sodales blandit viverra.

Morbi sit amet erat efficitur, congue turpis et, feugiat ante. Proin volutpat ante metus, hendrerit semper dui eleifend at. Quisque at ullamcorper lacus. Vestibulum pharetra magna at sollicitudin elementum. Pellentesque vitae orci porttitor, sodales diam sit amet, vehicula orci. Sed nec efficitur erat, a consequat purus. Etiam at ex ultricies, cursus lectus nec, interdum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac tortor pretium, semper quam in, fermentum lorem.

Vivamus pretium tellus imperdiet sem sagittis porttitor. In pretium finibus mollis. Ut enim ante, tempus et nulla quis, vehicula egestas urna. Phasellus consequat mauris sed suscipit varius. Etiam eu purus leo. Suspendisse tristique consequat dignissim. Vestibulum viverra tellus et malesuada maximus. Fusce vehicula magna pellentesque velit malesuada, sollicitudin mollis ante auctor. Nullam blandit pulvinar diam et tristique. Curabitur at blandit erat. Suspendisse cursus mattis velit, et interdum augue finibus gravida. Praesent facilisis lacinia justo, sed venenatis tellus dapibus dapibus. Proin tristique augue sit amet porta rutrum. Etiam id urna fringilla, facilisis quam nec, efficitur magna. Nullam tincidunt elit pretium quam suscipit laoreet. Morbi at dictum justo, et euismod enim.

Mauris porta quam vel massa egestas sollicitudin. Vestibulum porta interdum est, eu finibus nulla blandit in. Nulla non orci sit amet tellus vehicula lacinia. Nam non quam purus. Maecenas faucibus dolor a libero ullamcorper, id eleifend nisl vulputate. Aenean placerat, eros vel sollicitudin cursus, justo elit lobortis erat, eu varius justo dui eget turpis. Vestibulum posuere libero libero, eget consectetur nisi blandit a. Vivamus id nisi sit amet sapien volutpat euismod. Suspendisse suscipit est sem, vitae condimentum augue rutrum ut. Mauris vitae tristique elit. Sed in nunc at orci vehicula porta non vitae ipsum. Aliquam gravida non justo at lacinia. Aliquam sed vestibulum massa. Proin faucibus orci a felis lobortis imperdiet. Nam congue iaculis vestibulum. Aenean arcu nunc, suscipit vitae justo at, efficitur pellentesque [/div][/div]

[/div]
 
here's one of my codes using bb+. as expected, not really as fancy as i hoped but i tired. this one was redone with the help of Fable Fable


[class name=sugar] border-radius: 70px; background-color: #F1E189; border: #01C5C4 solid 20px;margin:auto;width:90%;padding:30px [/class] [class=image] border: #FE547B solid 7px; width:300px ; height:235px;background-image:url('http://via.placeholder.com/400x395');color:transparent;background-repeat: no-repeat;background-size:400px 395px;float:left;overflow:auto; [/class] [class name=spice] width: 550px; height:250px;box-sizing: border-box; overflow: hidden; background-color: #F1E189; padding: 10px;margin:auto; [/class] [class name=spice2] width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;margin:auto; [/class] [class name=clearfix] content: ""; clear: both; display: table; [/class] [class name=clearfix] content: ""; clear: right; display: table; float:left [/class]
[div class=sugar]
[div class=clearfix][div class=image]
.
.
.
[/div][/div]
[div class=clearfix2][div class=spice]
[div class=spice2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ullamcorper magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus id turpis nec massa bibendum elementum. Etiam neque augue, gravida volutpat fringilla ac, tincidunt non libero. Integer elementum nisi aliquet, fringilla tellus et, hendrerit ligula. Nam dapibus nec mauris at ultrices. Quisque auctor sem sodales blandit viverra.

Morbi sit amet erat efficitur, congue turpis et, feugiat ante. Proin volutpat ante metus, hendrerit semper dui eleifend at. Quisque at ullamcorper lacus. Vestibulum pharetra magna at sollicitudin elementum. Pellentesque vitae orci porttitor, sodales diam sit amet, vehicula orci. Sed nec efficitur erat, a consequat purus. Etiam at ex ultricies, cursus lectus nec, interdum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac tortor pretium, semper quam in, fermentum lorem.

Vivamus pretium tellus imperdiet sem sagittis porttitor. In pretium finibus mollis. Ut enim ante, tempus et nulla quis, vehicula egestas urna. Phasellus consequat mauris sed suscipit varius. Etiam eu purus leo. Suspendisse tristique consequat dignissim. Vestibulum viverra tellus et malesuada maximus. Fusce vehicula magna pellentesque velit malesuada, sollicitudin mollis ante auctor. Nullam blandit pulvinar diam et tristique. Curabitur at blandit erat. Suspendisse cursus mattis velit, et interdum augue finibus gravida. Praesent facilisis lacinia justo, sed venenatis tellus dapibus dapibus. Proin tristique augue sit amet porta rutrum. Etiam id urna fringilla, facilisis quam nec, efficitur magna. Nullam tincidunt elit pretium quam suscipit laoreet. Morbi at dictum justo, et euismod enim.

Mauris porta quam vel massa egestas sollicitudin. Vestibulum porta interdum est, eu finibus nulla blandit in. Nulla non orci sit amet tellus vehicula lacinia. Nam non quam purus. Maecenas faucibus dolor a libero ullamcorper, id eleifend nisl vulputate. Aenean placerat, eros vel sollicitudin cursus, justo elit lobortis erat, eu varius justo dui eget turpis. Vestibulum posuere libero libero, eget consectetur nisi blandit a. Vivamus id nisi sit amet sapien volutpat euismod. Suspendisse suscipit est sem, vitae condimentum augue rutrum ut. Mauris vitae tristique elit. Sed in nunc at orci vehicula porta non vitae ipsum. Aliquam gravida non justo at lacinia. Aliquam sed vestibulum massa. Proin faucibus orci a felis lobortis imperdiet. Nam congue iaculis vestibulum. Aenean arcu nunc, suscipit vitae justo at, efficitur pellentesque [/div][/div][/div]
[/div]
 
Last edited:
Testing tabs...and whew boy was it hard. With a few tinkering, I got it to work. wonder how to get horizontal tabs

[class name=tab1] background-color: #0051a3; width: 40px; transition: width 0.5s,background 0.5s,height 0.5s; padding: 10px; border-radius: 80px; height: 15px; float: left; [/class] [class name=tab1 state=hover] background-color:#007fff ; width: 50px; padding: 10px;border-radius:80px; height: 20px [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline; padding: 10px 0; width: 33%; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} pup) (show tabsContent1) if (eq ${currentTab} kit) (show tabsContent2) if (eq ${currentTab} cub) (show tabsContent3) [/script] [script=tab] hide tabsContent show tabsContent1 [/script]

[div class=tab][div class=tab1]pup[/div][/div]
[div class=tab][div class=tab1]kit[/div][/div]
[div class=tab][div class=tab1]cub[/div][/div]


[div class="tabsContent tabsContent1"]Our induced ear machines any rabbit across the irate cloth. Her woods acceptance fellows its boiling expressway. The lethal basis changes the tune near an organized debugger. An alcoholic attends![/div][div class="tabsContent tabsContent2"]The unavoidable flame witnesses the maintained accountant. A light composes opposite the leg. Will a spur stare around a childish snag? The crunch intervenes?[/div][div class="tabsContent tabsContent3"]Outside the pet breeze rockets an economical classic. Should the obstruction team the vehicle? Does a specialist turn past the bananas onion? A fountain ignores an arguing dispute. The downright tolerates each bow challenge. How can a mate bark?[/div]


Code:
[nobr]
[class name=tab1]
background-color: #0051a3;
width: 40px;
transition: width 0.5s,background 0.5s,height 0.5s;
padding: 10px;
border-radius: 80px;
height: 15px; float: left;
[/class]
[class name=tab1 state=hover]
    background-color:#007fff ;
width: 50px;
padding: 10px;border-radius:80px; height: 20px
[/class]
[class=tab]
        box-sizing: border-box;
        cursor: pointer;
        display: inline;
        padding: 10px 0;
        width: 33%;
    [/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} pup) (show tabsContent1)
if (eq ${currentTab} kit) (show tabsContent2)
if (eq ${currentTab} cub) (show tabsContent3)
[/script]
[script=tab]
hide tabsContent
show tabsContent1
[/script]
[/nobr]

[div class=tab][div class=tab1]pup[/div][/div]
[div class=tab][div class=tab1]kit[/div][/div]
[div class=tab][div class=tab1]cub[/div][/div]


[div class="tabsContent tabsContent1"]Our induced ear machines any rabbit across the irate cloth. Her woods acceptance fellows its boiling expressway. The lethal basis changes the tune near an organized debugger. An alcoholic attends![/div][div class="tabsContent tabsContent2"]The unavoidable flame witnesses the maintained accountant. A light composes opposite the leg. Will a spur stare around a childish snag? The crunch intervenes?[/div][div class="tabsContent tabsContent3"]Outside the pet breeze rockets an economical classic. Should the obstruction team the vehicle? Does a specialist turn past the bananas onion? A fountain ignores an arguing dispute. The downright tolerates each bow challenge. How can a mate bark?[/div][/Column]
 
Last edited:

Users who are viewing this thread

Back
Top