ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 24, 2024 8:21:29 GMT -7
✧༺♥༻∞ 𝒜𝒹𝒾𝓇𝒶 𝒮𝒶𝓎𝓈 ✧༺♥༻∞ Hello, just wanted to share things I've made, feel free to change them as much as you like, take code, whatever you need to learn, don't need to keep my credit either for these ones, I'll probably post a bunch of code stuff in here to help as well when I have time. • ✸✸✸ <--- In the code so you know where the 2 images are!
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 24, 2024 8:21:52 GMT -7
[attr="class","ttbox"] [attr="class","ttimage"] [attr="class","ttboxtext"] [attr="class","tt-text"] Admin Adira freedom in truffles Twilight Truffle find your freedom in truffles[attr="class","tt-post"]In the mystical land of Lumaria, where the boundaries between day and night were blurred, a rare phenomenon occurred during the twilight hours. Legend spoke o f twilight truffles, magical chocolates that emerged from the ground only when the sun dipped below the horizon. These truffles were said to contain the concentrated dreams and aspirations of the inhabitants, transforming into delectable treats that embodied the essence of their desires. Whispers of the legend spread far and wide, captivating the hearts and imaginations of all who heard it. From distant lands, travelers ventured to Lumaria in search of these legendary truffles, hoping to taste the sweetness of their deepest aspirations. As the legend grew, so did Lumaria's reputation as a beacon of dreams and inspiration, drawing dreamers and seekers from every corner of the world. The enchanting allure of twilight truffles became more than just a local legend; it became a symbol of hope, reminding all who tasted them that even in the darkest of nights, the light of dreams could still shine bright. [attr="class","ttbottom"] [attr="class","ttbottom"]All manner of things could be placed within this little box out of character notes, the weather, how your character is feeling, their outfit, a song that inspired your post, links to pictures that relate to your post, this scrolls so have fun with it my lovelies! 𝓐𝓭𝓲𝓻𝓪 ლ[newclass=.tt-post b]font-family: montserrat; color: #d6bd6e; font-size: 9px;[/newclass][newclass=.tt-post i]color: #4da79f; font-size: 9px; font-family: montserrat; font-weight: bold; letter-spacing: 1px;[/newclass][newclass=.ttbottom img]width:180px;height:70px;object-fit:cover;[/newclass] [newclass=.ttbottom::-webkit-scrollbar]background-color: #202731; border: 3px solid #202731; height: 6px; width: 9px;[/newclass][newclass=.ttbottom::-webkit-scrollbar-thumb]background: linear-gradient(45deg, #202731, #a6a98e); border: 2px solid #202731; height: 4px; width: 5px;[/newclass] [newclass=.ttbox]position: relative; width: 400px; height: 200px; overflow: hidden; background: black;[/newclass][newclass=.ttimage]width: 100%; height: 100%; transition: opacity 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; [/newclass][newclass=.ttboxtext] position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 1s; width: 255px; [/newclass][newclass=.ttbox:hover .ttboxtext] opacity: 1;[/newclass][newclass=.ttbox:hover .ttimage] opacity: 0.35; [/newclass][newclass=.tt-text] border-top: 1px solid #fff; border-bottom: 1px solid #fff; word-spacing: -0.15em; text-transform: uppercase; text-align: center; font-size: 18px; padding: 10px 10px 10px 13px; background-color: #ffffff6b; [/newclass][newclass=.tt-text a] font-family: montserrat; font-size: 18px; color: #eabf51;[/newclass][newclass=".tt-text i]font-family: georgia; font-size: 7px; letter-spacing: 6px; color: #fff;[/newclass]
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 24, 2024 8:22:31 GMT -7
[googlefont=Six Caps][googlefont=Josefin Slab][googlefont=Dosis:200] [attr="class","a1"] panacea[pan·a·cea] A remedy for all diseases, evils, or difficulties; CURE-ALL 𝓐𝓭𝓲𝓻𝓪 ლ [newclass=.a1]width: 500px; height: 500px; background-size: cover; background-repeat: no-repeat; outline: double 3px #ffffff; background-position: center;[/newclass] [newclass=.a1 h1]line-height:65px; font-family:Six Caps; font-size:70px; color:#ffffff; letter-spacing:10px; text-transform:uppercase;[/newclass] [newclass=.a1 i]font-family:Dosis; color:#fff; font-size:19px; font-style:normal; box-shadow: 0px 0px 10px rgb(22 22 22 / 20%);[/newclass] [googlefont=Six Caps][googlefont=Josefin Slab][googlefont=Dosis:200] [div style="width:500px;border:#f1f1f1 solid 10px;margin:auto;text-align:-webkit-center;"][div style="background-image:url(https://i.pinimg.com/564x/44/74/95/447495e7bcff798064a0d4ab676a03f9.jpg);"][attr="class","a1"][div style="float:right;width:500px;height:500px;margin:125px 0 -130px 0;"][div style="width:0;height:0;border:1em solid transparent;border-bottom-color:#fff;"][/div][div style="width:0;height:0;border:1em solid transparent;border-top-color:#fff;"][/div] [h1]panacea[/h1] [div style="padding:50px;padding-top:0;text-align:left;"][i][b][pan·a·cea][/b] A remedy for all diseases, evils, or difficulties; CURE-ALL[/i][/div][/div][/div][/div][a style="font-size:8px;color:#ba95bf;margin-top:-10px;margin-left:560px;" href="https://pixel-perfect.boards.net/user/23"]𝓐𝓭𝓲𝓻𝓪 ლ[/a]
[div style="height: 0px; display: none; overflow: hidden;"][newclass=.a1]width: 500px; height: 500px; background-size: cover; background-repeat: no-repeat; outline: double 3px #ffffff; background-position: center;[/newclass] [newclass=.a1 h1]line-height:65px; font-family:Six Caps; font-size:70px; color:#ffffff; letter-spacing:10px; text-transform:uppercase;[/newclass] [newclass=.a1 i]font-family:Dosis; color:#fff; font-size:19px; font-style:normal; box-shadow: 0px 0px 10px rgb(22 22 22 / 20%);[/newclass][/div]
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 24, 2024 8:39:42 GMT -7
[googlefont=Parisienne] Title Goes Here What are you listening to now? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [googlefont=Parisienne][div style="width:400px;margin:15px auto;background-image:url(https://www.toptal.com/designers/subtlepatterns/patterns/wheat.png);"][div style="padding:20px;"][div style="border:10px solid #e0e2e3;"][div style="background-color:white;padding:15px;border:1px solid #ccc;text-align:justify;"][div style="margin:0 auto;width:240px;height:70px;background-image:url(http://via.placeholder.com/240x70);border:8px solid #e0e2e3;"][/div] [div align="center"][b style="font-family:Parisienne;font-size:30px;"]Title Goes Here[/b] [i]What are you listening to now?[/i][/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [div style="text-align:center;margin-left:-20px;"][font size="7"]❝[/font][b style="font-family:Parisienne;font-size:20px;"]Currently listening to[/b] [a href="https://www.youtube.com/watch?v=2M6zHsRfZhI"]Drawing the Line by Royal Pirates[/a][/div]
[/div][/div][/div][/div]
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 24, 2024 10:43:24 GMT -7
✧༺♥༻∞ 𝒜𝒹𝒾𝓇𝒶 𝒮𝒶𝓎𝓈 ✧༺♥༻∞ This code is made so you can preview it and use bbcode without any issues. But for editing you'll need to click the BBCode tab. Background & Moodboard ImagesFirst things first the background can be changed by ctrl f and you'll get a little box where you can easily search for text. Texture Background website for backgrounds that you can paste where it shows ✸✸✸ For the moodboard images just paste via.placeholder.com/150x150 into the ctrl f box to highlight all the image links you can change. Font:Go to fonts.google.com/ and look through the different fonts. When you find one that you like then just copy the name. For my example I'll be going with Trade Winds font. Within the BBCode area go ctrl f and type Parisienne and you should find two highlighted areas 1.) font-family:Parisienne; & 2.) In order to use the special google fonts you MUST have the googlefont code and the name of your font in those two places. So, we now just need to change them to our new font like this 1.) font-family:Trade Winds; and 2.) Font Color: Now, lets go ctrl f again and this time type #000 and you can now change the color of the 'moodboard' font! Go here www.canva.com/colors/color-wheel/ and find the color you'd like to use. For me let's go with a purple color! So, #000 would be changed to #a659a2 Font Size: You can also change the font size if your font needs to be bigger or smaller! Use ctrl f font-size:30px; and just change 30 to a bigger number or smaller one! ***Also important note! If you change the font to google fonts then you won't be able to see it in preview. You'll have to post the post up first to see what it looks like. Sorry for the inconvenience!Title:I've also included the title code so that if you'd like to give your images names you can! Just ctrl f ★ and change the star to whatever you like. Then when others hover the mouse over the image it'll show text! If you do not want this feature then just ctrl f title="★" and remove all of them to get rid of the pesky things. xD [newclass=.picturesize]background-size: cover; background-repeat: no-repeat;[/newclass][googlefont=Galada] [newclass=.picturesize]background-size: cover; background-repeat: no-repeat;[/newclass][googlefont=Parisienne] [div style="width:594px;margin:15px auto;background-image:url(✸✸✸);"][div style="padding:20px;"][div style="border:10px solid #e0e2e3;"][div style="background-color:white;padding:13px;"][div align="center"][b style="font-family:Parisienne;font-size:30px;color:#000;"]Moodboard[/b] [i][sup]small message of any kind here[/sup][/i][/div] [img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; margin-right:5px; margin-left:5px; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "]
[img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; margin-right:5px; margin-left:5px; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "]
[img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; margin-right:5px; margin-left:5px; "][img src="http://via.placeholder.com/150x150" title="★" style=" width:150px; height:150px;border:8px solid #e0e2e3; "] [div][attr="class","picturesize"][/div][/div][/div][/div][/div] [newclass=.picturesize]background-size: cover; background-repeat: no-repeat;[/newclass][googlefont=Parisienne]
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Aug 28, 2024 11:32:10 GMT -7
character name |
| | EVENT: What are you rollin for? HEADS1: No || TAILS2: Yes | dice here
|
|
|
ROYALTY
|
315 POSTS
|
917 LIKES
|
Administrator
played by
Adira
❝
Having a great productive day! ♥
|
Post by Admin Adira on Sept 9, 2024 10:27:04 GMT -7
[nospaces] [attr="class","picfit"] [attr="class","picfit"] [attr="class","picfit"] [attr="class","picfit"] N A M E[break] NPC | F/M/O | AGE | HEIGHT TRAIT, TRAIT, TRAIT [break] Description of character goes here, history whatever you like, the sky is the limit![break][break] Makes an Appearance in:[break] Date - Name of Thread[break] [googlefont=Zilla Slab Highlight][newclass=.picfit]background-size: cover; background-repeat: no-repeat; background-position-x: -24px;[/newclass] A quick tutorial on how you can easily change the photos with INSPECT. [break] • Preview>>copy img url (did mine on pininterest), inspect >> select one of the boxes, paste url into background-image:url(PASTE HERE), click away >> click bbcode, save, and done![break][break] • You can also just crop the image too if you like the size dimentions are 70x180[break][break] • Oh and also also! I have no spaces in here, so if you want enter to work, you have to write bracket BREAK bracket.[break][break] [break][break] [nospaces][div style="width:420px;margin:15px auto;background-image:url(https://i.pinimg.com/564x/42/c9/2d/42c92d3d0f04acb1a2838c5394fa4d1e.jpg);"][div style="padding:20px;"][div style="border:10px solid #a29989;"][div style="background-color:white;padding:15px;border:1px solid #8a7e69;text-align:justify;"]
[div style="background-image:url(https://i.pinimg.com/564x/57/6b/0f/576b0f5f0970c472eb4562366b271e38.jpg);border:5px solid #a29989;margin-left:2px;width:70px;height:180px;float:right;"][attr="class","picfit"][/div]
[div style="background-image:url(https://i.pinimg.com/564x/60/c9/81/60c981c198e2a860b4eaf5af435500cb.jpg);border:5px solid #a29989;margin-left:2px;width:70px;height:180px;float:right;"][attr="class","picfit"][/div]
[div style="background-image:url(https://i.pinimg.com/736x/8a/be/79/8abe790f3f0146594b00ef58de57a5cf.jpg);border:5px solid #a29989;margin-left:2px;width:70px;height:180px;float:right;"][attr="class","picfit"][/div]
[div style="background-image:url(https://i.pinimg.com/564x/c5/ac/c7/c5acc78fb78f0c16910271636a660768.jpg);border:5px solid #a29989;margin-left:2px;width:70px;height:180px;float:right;margin-bottom:20px;"][attr="class","picfit"][/div]
[div align="center"][b style="font-family:Zilla Slab Highlight;font-size:30px;letter-spacing:-2px;"]N A M E[/b][break] [i]NPC | F/M/O | AGE | HEIGHT [/i][/div][div align="center"][b][sup]TRAIT, TRAIT, TRAIT[/sup][/b][/div][break] Description of character goes here, history whatever you like, the sky is the limit![break][break]
[b]Makes an Appearance in:[/b][break] Date - [a href="/"]Name of Thread[/a][break]
[/div][/div][/div][/div][googlefont=Zilla Slab Highlight][newclass=.picfit]background-size: cover; background-repeat: no-repeat; background-position-x: -24px;[/newclass]
|
|