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

Resource groovy's coding junkyard

gr00vy

don't fuck with my freedom








gr00vy's coding junkyard









Hey there kiddos! So this is my junkyard of all different kinda codes! Please use whichever one you'd like! Just keep the credits!!! You also have the option of posting the link you used my code in on this thread. I'd love to see what you've done with it. ♡
My main purpose of this is to keep track on my coding progress and share to a really great community of peeps. (:
code by gr00vy
 
Last edited:

gr00vy

don't fuck with my freedom
one: my girl
- there are scrolls in each tab
cuz you're my girl
type stuff here
whenever you're around I hate everything less
type stuff here
type stuff here
code by gr00vy


Code:
[nobr][centerblock=55][div=background:url('http://static.tumblr.com/bfc5033a345ca11571dcc4890c21af06/b9iupnk/SuOmocbqd/tumblr_static_rapid_city_art_alley_tumblr_background_editted.jpg');background-size:cover;border:5px #B20000
 double;color: #000000;padding:5px;][border=dotted #B20000][border=double #B20000][Row][Column=span2][div=background:url('https://66.media.tumblr.com/95847764fea8f4d65e9cd3e99ed6c564/tumblr_pbtrztEE3M1xuoaczo1_400.png');background-size:cover;border:2px white solid;color: #000000;height:100px;width:100px;border-radius:100px;padding:20px;][/div][/Column]

[Column=span2][div=background:url('https://66.media.tumblr.com/9c31e6929d40fae6dd158b266d2080eb/tumblr_pbtrztEE3M1xuoaczo2_400.png');background-size:cover;border:2px white solid;color: #000000;height:100px;width:100px;border-radius:100px;padding:20px;][/div][/Column]

[Column=span2][div=background:url('https://66.media.tumblr.com/1ed776fe07d5e88c8cff5176cb953819/tumblr_pbtrztEE3M1xuoaczo3_400.png');background-size:cover;border:2px white solid;color: #000000;height:100px;width:100px;border-radius:100px;padding:20px;][/div][/Column]

[Column=span2][div=background:url('https://66.media.tumblr.com/676c56145b4e35ca028d50d147a07245/tumblr_pbtrztEE3M1xuoaczo5_400.png');background-size:cover;border:2px white solid;color: #000000;height:100px;width:100px;border-radius:100px;padding:20px;][/div][/Column][/Row]
[center][size=60px][color=#B20000][font=Emilys Candy]cuz you're my girl[/font][/color][/size][/center]

[border=none][accordion=80%|bcenter]
{slide=[bg=#ACDCDB][center][size=20px][font=Lora][color=white][fa] fa-diamond fa-spin[/fa] [fa]fa-gratipay[/fa] [fa]fa-diamond fa-spin[/fa] [fa]fa-gratipay[/fa] [fa]fa-diamond fa-spin[/fa][/color][/font][/size][/center][/bg]}[div=position: relative;width: calc(100%  - 0px);height: 120px;overflow: hidden;background-color: transparent;padding: 10px;border: 1px transparent;][div=width: 100%;padding-right: 120px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;][justify][size=14px][font=Alice]type stuff here[/font][/size][/justify][/div][/div]{/slide}
{slide=[bg=#ACDCDB][center][size=20px][font=Lora][color=white] whenever you're around I hate everything less[/color][/font][/size][/center][/bg]}[div=position: relative;width: calc(100%  - 0px);height: 120px;overflow: hidden;background-color: transparent;padding: 10px;border: 1px transparent;][div=width: 100%;padding-right: 120px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;][justify][size=14px][font=Alice]type stuff here[/font][/size][/justify][/div][/div]{/slide}
{slide=[bg=#ACDCDB][center][size=20px][font=Lora][color=white][fa] fa-diamond fa-spin[/fa] [fa]fa-gratipay[/fa] [fa]fa-diamond fa-spin[/fa] [fa]fa-gratipay[/fa] [fa]fa-diamond fa-spin[/fa][/color][/font][/size][/center][/bg]}[div=position: relative;width: calc(100%  - 0px);height: 120px;overflow: hidden;background-color: transparent;padding: 10px;border: 1px transparent;][div=width: 100%;padding-right: 120px;height: 100%;overflow-y: scroll;font-align: justify;font-width: bold;][justify][size=14px][font=Alice]type stuff here[/font][/size][/justify][/div][/div]{/slide}
[/accordion][/border]
[size=12px][color=#B20000][font=Crimson Text]code by gr00vy[/font][/color][/size]
[/border][/border][/div][/centerblock][/nobr]
 

gr00vy

don't fuck with my freedom
two: elegance
- hover over left picture
- gray text box scrolls

code by gr00vy

Cupcake ipsum dolor sit amet. Liquorice cake fruitcake. Chocolate bar tootsie roll toffee. Liquorice muffin carrot cake brownie jujubes halvah. Caramels cheesecake pudding cupcake toffee cotton candy sugar plum biscuit jelly. Cupcake donut chocolate apple pie gummi bears candy canes gummi bears bear claw. Icing muffin dragée chocolate cupcake topping chocolate bar. Chocolate bar gummies oat cake tootsie roll marzipan. Biscuit liquorice candy canes oat cake donut chocolate marshmallow sweet chocolate bar. Sugar plum tiramisu pie.
Cheesecake cake cookie. Marshmallow cotton candy soufflé sesame snaps danish powder dessert. Cake cake bear claw donut lollipop lemon drops sweet cotton candy. Jelly-o candy chocolate cake bear claw cookie chupa chups tootsie roll candy canes danish. Pie cake sesame snaps soufflé chocolate croissant bear claw sweet roll. Ice cream candy jelly-o sweet roll brownie jelly.
Cookie gummi bears cookie tiramisu. Carrot cake wafer pie danish tart toffee gummies candy. Icing chocolate bar cookie candy canes candy pastry chocolate bar oat cake. Lemon drops carrot cake chocolate biscuit pie jelly biscuit bear claw jelly. Lemon drops chupa chups apple pie biscuit pie. Donut halvah danish lemon drops carrot cake jelly cake brownie brownie. Caramels pastry bear claw cotton candy carrot cake cake lollipop bear claw apple pie.
Jelly dessert brownie cupcake. Bonbon bear claw sugar plum sweet roll lemon drops lemon drops jelly beans. Jujubes cookie fruitcake. Pastry lemon drops cotton candy croissant fruitcake jelly-o biscuit chocolate cake jelly beans. Bear claw chocolate bar jelly-o gummies dragée. Fruitcake sweet roll danish tootsie roll toffee icing. Cake liquorice macaroon candy gummi bears candy tootsie roll gummi bears muffin. Sesame snaps jelly halvah bear claw. Jelly tart wafer. Chupa chups croissant cheesecake croissant chocolate cake cookie.
Chocolate bar topping brownie marshmallow donut candy pudding pastry. Carrot cake sesame snaps danish cheesecake macaroon toffee caramels tootsie roll cookie. Lemon drops tart pastry candy canes candy chupa chups tart cake sesame snaps. Gingerbread halvah donut gingerbread bonbon jujubes. Liquorice macaroon candy canes candy bonbon muffin toffee. Pie soufflé marshmallow macaroon donut oat cake sugar plum liquorice. Pudding candy marzipan candy. Carrot cake wafer gummies sweet pastry. Gingerbread cake muffin. Gummi bears cheesecake lollipop cheesecake.
Cupcake ipsum dolor sit amet. Jelly chocolate chupa chups. Brownie jelly beans apple pie. Topping lollipop croissant soufflé jelly apple pie chocolate halvah donut. Powder croissant wafer pie topping gummies caramels. Lemon drops jelly sweet roll gummies. Lollipop gummies cheesecake. Cotton candy croissant cookie soufflé cake chupa chups gingerbread.

Cheesecake pastry oat cake jelly wafer pastry. Donut carrot cake donut dessert gummi bears danish muffin wafer. Toffee cupcake candy canes apple pie cotton candy soufflé cotton candy topping. Cake icing chupa chups. Powder macaroon croissant liquorice gummies tart gummies. Cupcake tiramisu dragée. Dessert sugar plum donut gummi bears dessert sweet fruitcake icing.

Muffin toffee cake sweet. Cupcake tart ice cream fruitcake pudding tart gummies brownie. Chupa chups biscuit powder marshmallow tart tart. Lemon drops jelly beans chocolate cotton candy macaroon cupcake apple pie chocolate bar pudding. Wafer biscuit pastry pie pastry lollipop wafer gummi bears chocolate. Chocolate bar muffin danish carrot cake jelly-o. Jujubes chocolate bar soufflé halvah jujubes tart cake. Gummies sugar plum chocolate toffee toffee pie candy canes.


Code:
[nobr]
[class=header]
background:url('https://i.pinimg.com/originals/9a/ea/be/9aeabec39682bc3d832d8e0f09d8b28f.png');
width: 590px;
height: 110px;
margin-left: 361px;
[/class]

[class=pfp]
background: url('https://66.media.tumblr.com/1545c0d82a4499f2c9ed429b651e6d94/tumblr_okieguKdOO1slzelwo1_540.png');
width: 230px;
height: 350px;
background-size: cover;
margin-left: 361px;
[/class]

[class=pfptext]
position: relative;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s;
color: white;
background-color: rgb(0,0,0,0.7);

[/class]

[class name=pfptext state=hover]
opacity: 1;
[/class]

[div class=header][center][size=16px][color=#B20000][font=Crimson Text]code by gr00vy[/font][/color][/size][/center][/div]
[br][/br]
[Row]
[column=span14]
[div class=pfp][div class=pfptext][div=width: 100%;position: relative; height: 350px; opacity:1;overflow:hidden;][div=width:100%; padding-right:150px; height: 100%; overflow: auto; color: white; font-size: 0.9em; font-align: justify;][div=padding:10px;][font=Playfair Display][color=white]type more stuff here[/color][/font][/div][/div][/div][/div][/div][/column]
[column=span2]
[div=width: 100%;position: relative; height: 350px; opacity:1;overflow:hidden;][div=width:100%; padding-right:150px; height: 100%; overflow: auto; font-size: 0.9em; font-align: justify;][div=padding:10px;][bg=#bebebe][font=Playfair Display][color=black]type stuff here[/color][/font][/bg][/div][/div][/div][/column][/Row]
[/nobr]
 
Last edited:

gr00vy

don't fuck with my freedom
three: very lazy
- tabs
- no scroll in tabs

code by gr00vy



darling, ur different
basics
words here
persona
more words here
extras
even more words here


Code:
[nobr]
[class=header]
background:url('add img address here');
height: 240px;
width: 405px;
border-radius: 90px;
border: 8px;
border-style: double;
border-color: #B2DFFB;
margin: auto;
[/class]

[center][size=12px][color=#a7adba][font=Crimson Text]code by gr00vy[/font][/color][/size][/center]
[div class=header]
[br][/br]
[br][/br]
[br][/br]
[left][size=60px][font=Bad Script][color=white]header words here[/color][/font][/size][/left][/div]

[border=none][accordion=38%|bcenter]
{slide=[center][bg=#B2DFFB][size=25px][font=Playfair Display SC][color=white]tab 1[/color][/font][/size][/bg][/center]}[bg=#B2DFFB][font=Bitter][color=black][size=14px]words here, no scroll[/size][/color][/font][/bg]{/slide}

{slide=[center][bg=#B2DFFB][size=25px][font=Playfair Display SC][color=white]tab 2[/color][/font][/size][/bg][/center]}[bg=#B2DFFB][font=Bitter][color=black][size=14px]more words here, no scroll[/size][/color][/font][/bg]{/slide}

{slide=[center][bg=#B2DFFB][size=25px][font=Playfair Display SC][color=white]tab 3[/color][/font][/size][/bg][/center]}[bg=#B2DFFB][font=Bitter][color=black][size=14px]even more words here, no scroll[/size][/color][/font][/bg]{/slide}
[/accordion][/border][/nobr]
 

gr00vy

don't fuck with my freedom
four: dreaming
- hover over image
- includes scroll when hovered







Dreaming
code by gr00vy
you were my everything
words and other stuff here


Code:
[nobr]

[class=wrapper]
max-width:400px;
margin:auto;
[/class]

[class=imagebox]
width:90%;
height:590px;
background:url('https://66.media.tumblr.com/67be8e06d40c5b3e637b540c6efbed05/tumblr_okbew8zrNI1qbg3s6o4_400.png');
border-radius: 20px;
[/class]

[class=overlayparent]
display: flex;
align-items: center;
justify-content: center;
max-width:400px;
height:500px;
[/class]

[class=overlay]
display: flex;
width:200px;
height:200px;
margin:auto;
background:url('https://66.media.tumblr.com/fe251ff94301239a81d4dc19c716853c/tumblr_otkyvcosnS1w5071wo1_540.png');
border-radius: 100px;
background-size: cover;
[/class]

[class=header]
display: flex;
align-items: center;
justify-content: center;
flex-flow: column nowrap;
text-align:center;
width:100%;
font-family: 'Dancing Script', Impact;
font-size:30px;
color:#fff;
font-size: 40px;
[/class]

[class=parent]
opacity:0.0;
position:relative;
margin:-600px 10px 100px 500px;
width:28%;
height:570px;
transition:  2.3s;
border-radius: 17px;
[/class]

[class name=parent state=hover]
opacity:1.0;
width:1100px;
height:590px;
border-radius: 30px;
padding:10px;
[/class]

[class=content]
width:33%;
height:585px;
background-color: #6970AB;
overflow: hidden;
padding:2px;
color:#313131;
border-radius: 17px;
text-align: left;
[/class]

[class=textbox]
height: 585px;
width: 100%;
overflow-y: scroll;
padding-right: 45px;
[/class]



[div class=wrapper][div class=imagebox][div class=overlayparent][div class=overlay][div class=header]
[br][/br]
[br][/br]
[br][/br]
[br][/br]
[br][/br]
Dreaming
[br][/br]
[size=10px][color=#ffffff][font=Crimson Text]code by gr00vy[/font][/color][/size][/div][/div][/div][/div][/div]

[div class=parent][div class=content][div class=textbox]

[Row][Column=span3]
[div=background:url('https://66.media.tumblr.com/cdf174efc184853abf7374afa5f808f3/tumblr_oo5g2ySUPr1vqe51yo3_250.png'); background-size:cover; border-radius:50px; height:100px; width:100px;] [/div]

[div=background:url('https://i.pinimg.com/originals/2a/45/34/2a45345c1dc5d89dc16cf641aea29d40.png'); background-size:cover; border-radius:50px; height:100px; width:100px;] [/div][/Column]

[Column=span3]
[div=background:url('https://data.whicdn.com/images/300419836/large.jpg'); background-size:cover; border-radius:100px; height:200px; width:200px;] [/div][/Column]

[/Row]

[center][size=55px][color=#ffffff][font=Dancing Script]you were my everything[/font][/color][/size]

[color=white][size=17px][font=EB Garamond]
words and other stuff here
[/font][/size]
[/color][/center][/div][/div][/div]

[/nobr]
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top