What's new

Accepting Requests 〔 ✾ 欢 ˑ 迎 ✾ 〕 - - 𝚛𝚒.𝚊'𝚜 𝚌𝚘𝚍𝚎 𝚜𝚑𝚘𝚙

Request 10

Sterling_wolf

Super unlucky member
#27
Function: IC reply
Mobile Friendly: Yes (I am on mobile myself often.)
Color Scheme: Text for name/location/other character info (#00FFCC) background? (#0000)
No. of images and/or gifs: just two
Image URL/Source: https://lh3.googleusercontent.com/L...UMYCufQ9MUfNDsJw_2XU0CnCXcNKSHN1hu-IwTLHDVHWc (im concerned... kinda just dragged them on my laptop...) https://lh3.googleusercontent.com/H...7CDx_SjE43oG6LVzrhimhr64JddFoP4srds0gwY5dgCRP
Style: fairly simple, but a scrollbar can be used for the response
Theme: I have no idea, but as long as it looks good, I don't really care, you have free liberty to do it how you please (edit: looked at your freebies, I kinda like the second one...)
Specific Features: nada
Anything else?: nada
Do you mind sharing the code with others?: Yes, it can be shared
 
Finished 8

RI.a

"愛を知りたいのです."
#28
Code for @Brookflower
This uses a lot of clip-paths to create the branch looking lines d: Feel free to play with the numbers in the branch classes if you wish to change the shapes. Enjoy!
Type: IC Post | Theme: Storybook/Woods| Mobile Friendly: Yes | Features: Hidden scroll, clip-path/polygon, custom cursor
Free to use with credits
08


Character Name
location: somewhere|tags: @ tag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus sapien ut molestie accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec consequat est dignissim leo maximus, sodales ornare risus convallis. Aliquam mollis nisi ex, quis fermentum tortor gravida feugiat. Sed sagittis mauris diam, et ultrices est eleifend a. Duis molestie egestas diam ac faucibus. Donec consequat tincidunt nibh. Ut eget gravida est. Vestibulum malesuada quis ipsum dignissim consequat. Sed dictum aliquet ultricies.

Donec ut molestie lectus, mollis vestibulum enim. Quisque a quam in felis porttitor sagittis. Duis iaculis porta lacus a venenatis. Integer at convallis ex. Nunc pulvinar justo augue, quis molestie nisl aliquet sed. Morbi eget pretium odio. Curabitur nisl nisi, hendrerit ut volutpat ac, rhoncus et erat. Integer luctus ultrices nisi, ut dictum nisl fermentum quis. Etiam tincidunt fermentum varius. Nulla aliquam, nibh nec condimentum pulvinar, tortor massa vehicula tellus, vel consequat tellus est id sem. Fusce consectetur lorem urna, non fermentum diam euismod eget.

Integer bibendum faucibus pretium. Vestibulum vestibulum ullamcorper augue et finibus. Aliquam ultrices odio pulvinar, maximus dolor eget, consequat justo. Etiam sodales dolor non tempor rutrum. Phasellus eget eros eu velit volutpat porta non non velit. Fusce condimentum venenatis bibendum. Mauris varius sapien sed dolor venenatis, finibus sodales nisi interdum. Donec eget accumsan enim. Cras dapibus elementum elit vel suscipit. Phasellus ac ullamcorper nisl. Mauris efficitur lobortis efficitur.
code by RI.a


Code:
[div class=header][div=transform:rotateZ(-30deg);position:relative;left:-10px;][div class=branch][/div][/div][div class=branch][/div][div class=Pic][/div][div=transform:rotateY(180deg);][div class=branch][/div][/div][/div][div class=contentWrap][div class=scrollWrap][div class=textWrap][div=font-size:2em;text-align:center;][font=Goudy Bookletter 1911]Character Name[/font][/div][div=text-align:center;color:#937A59;][font=Open Sans]location:[/font] somewhere|tags: @ tag[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus sapien ut molestie accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec consequat est dignissim leo maximus, sodales ornare risus convallis. Aliquam mollis nisi ex, quis fermentum tortor gravida feugiat. Sed sagittis mauris diam, et ultrices est eleifend a. Duis molestie egestas diam ac faucibus. Donec consequat tincidunt nibh. Ut eget gravida est. Vestibulum malesuada quis ipsum dignissim consequat. Sed dictum aliquet ultricies.

Donec ut molestie lectus, mollis vestibulum enim. Quisque a quam in felis porttitor sagittis. Duis iaculis porta lacus a venenatis. Integer at convallis ex. Nunc pulvinar justo augue, quis molestie nisl aliquet sed. Morbi eget pretium odio. Curabitur nisl nisi, hendrerit ut volutpat ac, rhoncus et erat. Integer luctus ultrices nisi, ut dictum nisl fermentum quis. Etiam tincidunt fermentum varius. Nulla aliquam, nibh nec condimentum pulvinar, tortor massa vehicula tellus, vel consequat tellus est id sem. Fusce consectetur lorem urna, non fermentum diam euismod eget.

Integer bibendum faucibus pretium. Vestibulum vestibulum ullamcorper augue et finibus. Aliquam ultrices odio pulvinar, maximus dolor eget, consequat justo. Etiam sodales dolor non tempor rutrum. Phasellus eget eros eu velit volutpat porta non non velit. Fusce condimentum venenatis bibendum. Mauris varius sapien sed dolor venenatis, finibus sodales nisi interdum. Donec eget accumsan enim. Cras dapibus elementum elit vel suscipit. Phasellus ac ullamcorper nisl. Mauris efficitur lobortis efficitur.[/div][/div][div class=branch2][/div][/div][div=margin:auto;center;max-width:600px;text-align:right;opacity:0.6;letter-spacing:0.3em;font-size:0.5em;]code by RI.a[/div]
[nobr]
[comment]--------------------------------------classes begin here--------------------------------------[/comment]
[class=header]
display:flex;
margin:auto;center;
min-width:200px;
max-width:600px;
height:auto;
--color1:#937A59;
--color2:#CDAA7D;
--img1:url('https://cdn.discordapp.com/attachments/485998611402981396/540303932875079690/3bb35635e9aced2850cd7703bd47ba1f.png');
background:var(--color1);
align-items:center;
justify-content:center;
cursor:url(https://i.imgur.com/Z8wS0On.png?1), auto;
[/class]

[class=Pic]
width:200px;
height:200px;
border-radius:50%;
border:1px solid var(--color2);
background:var(--img1);
background-size:cover;
background-position:center;
[/class]

[class=branch]
width:60px;
height:230px;
clip-path: polygon(40% 81%, 36% 73%, 44% 46%, 27% 39%, 48% 42%, 100% 0, 64% 40%, 60% 79%, 100% 100%, 72% 100%, 47% 89%, 0 73%);
background:var(--color2);
[/class]

[class=branch2]
width:100px;
height:600px;
clip-path: polygon(40% 81%, 36% 73%, 44% 46%, 27% 39%, 48% 42%, 100% 0, 64% 40%, 60% 79%, 100% 100%, 72% 100%, 47% 89%, 0 73%);
background:#937A59;
transform:rotateZ(-90deg);
position:relative;
left:250px;
top:-250px;
[/class]

[comment]--------------------------------------content classes begin here--------------------------------------[/comment]
[class=contentWrap]
margin:auto;center;
min-width:200px;
max-width:600px;
height:63vh;
--color2:#CDAA7D;
--color3:#B89970;
--color4:#222;
background:var(--color2);
overflow:hidden;
cursor:url(https://i.imgur.com/Z8wS0On.png?1), auto;
[/class]

[class name=contentWrap maxWidth=600px]
padding-top:0.8em;
[/class]

[class=scrollWrap]
width:105%;
height:50vh;
overflow-y:scroll;
overflow-x:hidden;
[/class]

[class=textWrap]
width:92%;
padding:0.8em;
text-align:justify;
color:var(--color4);
font-family:Open Sans;
font-size:0.8em;
[/class]
[/nobr]
 
#29
Absolutely lovely!! For some reason I looked at this and forgot to reply because of my work, but another beautiful code! I'm so grateful and amazed you take these requests!
 
Request 11

Mena

Unicorns are Cute
#31
Function: IC Post
Mobile Friendly: Yes
Color Scheme: Color Palette
No. of images and/or gifs: 1
Image URL/Source: Pic (Source), located to the left when the div is.

Style: Simple/Concise
Theme: Fluff/Cute, Pokemon theme
Specific Features: Hidden scroll bars, a separate div of Location, Mood, Current Pokemon, Tags; (Located to the left), Additional tab that lists current party, custom cursor (Pokeball)
Anything else?: N/A
Do you mind sharing the code with others?: Yes
 

RI.a

"愛を知りたいのです."
#32
Thank you for your request @Mena! I will contact you when I am working on it. (:

--

Thank you to everyone who has requested/used the codes thus far! I hope you like it as much as I enjoyed making them! ^^

As of now, the shop is CLOSED until further notice. Even if you post your request after this post, I will not be working on it until I re-open the shop.
 
Finished 9

RI.a

"愛を知りたいのです."
#34
Code for @Minako
Thanks so much for waiting! Here's your code ^^ Enjoy! Hover over the blank space!
Type: IC Post | Theme: Elegant borders | Mobile Friendly: Yes | Features: Hover, hidden scroll
Free to use with credits
09


Character Name Here

Location: Somewhere
Mentions: @tag
Interactions: @tag
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare elementum porttitor. Cras scelerisque sapien odio, vel ullamcorper dolor consequat quis. In rutrum maximus purus non vulputate. Phasellus sollicitudin tempus metus, vitae fermentum lacus. Donec nec mauris ut est egestas iaculis eget in ipsum. Morbi commodo sagittis sem, eu auctor purus vulputate vitae. Pellentesque porttitor hendrerit nisl, a laoreet erat elementum a. Phasellus fermentum tempus tempor. Sed ac felis placerat, rutrum elit ut, varius metus. Vivamus rhoncus rutrum lacus vitae tincidunt.

In non euismod felis, efficitur aliquet tortor. Ut eu velit et nunc tempus aliquam eu eu neque. Praesent at ipsum tincidunt, consectetur mi nec, sodales felis. Morbi mi magna, commodo sed diam ut, hendrerit condimentum diam. In sed nisl est. Mauris sed elit in magna porttitor consequat eget a ligula. In sed sollicitudin neque. Duis ut diam non erat sagittis imperdiet vel vitae enim. Vivamus quis efficitur erat, nec iaculis nibh.


Mauris vitae dolor varius, efficitur leo id, tincidunt velit. In volutpat consequat varius. Etiam eget viverra neque, quis pellentesque massa. Vestibulum eu odio sit amet ex finibus tristique. Morbi eu metus at leo ultrices egestas vitae sit amet mi. Praesent in fringilla ligula. Morbi id cursus libero. Fusce varius vehicula feugiat. Maecenas eget turpis finibus, convallis velit sit amet, ultricies augue. Sed vitae rutrum nibh. Morbi libero lorem, scelerisque non ante eget, semper tincidunt turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porta mi et interdum commodo.

Quisque vitae mollis nisl, ut bibendum ligula. Morbi varius tortor sed mollis malesuada. Ut feugiat sed lacus vitae ornare. Donec finibus ultrices viverra. Mauris nec erat egestas, commodo risus a, mollis risus. Nulla elit augue, consequat nec mauris vitae, sodales fermentum est. In id auctor diam. Nullam nisl urna, tempus in tempus non, commodo sed tellus.
Nam magna tellus, ultricies porta aliquet vitae, dignissim pretium nibh. Sed tincidunt scelerisque est, vitae feugiat ante scelerisque non.
Vivamus nulla ante, dapibus nec varius et, interdum quis libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elit leo, egestas quis purus quis, lobortis venenatis lorem. Praesent eleifend libero ut consectetur pulvinar.
code by RI.a

Code:
[div class=mainCon][div class=header][div class=charaPic][/div][div=width:auto;padding:1em;][div class=title][font=Petit Formal Script]Character Name Here[/font][/div] 
[font=Montserrat]Location:[/font] Somewhere
Mentions: @tag
Interactions: @tag [/div][/div][div class=contentParent][div class=borderWrap][div class="border borderWide"][/div][div class="border borderTall"][/div][div class="border borderShort"][/div][div class=scrollWrap][div class=textWrap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare elementum porttitor. Cras scelerisque sapien odio, vel ullamcorper dolor consequat quis. In rutrum maximus purus non vulputate. Phasellus sollicitudin tempus metus, vitae fermentum lacus. Donec nec mauris ut est egestas iaculis eget in ipsum. Morbi commodo sagittis sem, eu auctor purus vulputate vitae. Pellentesque porttitor hendrerit nisl, a laoreet erat elementum a. Phasellus fermentum tempus tempor. Sed ac felis placerat, rutrum elit ut, varius metus. Vivamus rhoncus rutrum lacus vitae tincidunt.

[div class=dialogue]In non euismod felis, efficitur aliquet tortor. Ut eu velit et nunc tempus aliquam eu eu neque. Praesent at ipsum tincidunt, consectetur mi nec, sodales felis. Morbi mi magna, commodo sed diam ut, hendrerit condimentum diam. In sed nisl est. Mauris sed elit in magna porttitor consequat eget a ligula. In sed sollicitudin neque. Duis ut diam non erat sagittis imperdiet vel vitae enim. Vivamus quis efficitur erat, nec iaculis nibh.[/div]

Mauris vitae dolor varius, efficitur leo id, tincidunt velit. In volutpat consequat varius. Etiam eget viverra neque, quis pellentesque massa. Vestibulum eu odio sit amet ex finibus tristique. Morbi eu metus at leo ultrices egestas vitae sit amet mi. Praesent in fringilla ligula. Morbi id cursus libero. Fusce varius vehicula feugiat. Maecenas eget turpis finibus, convallis velit sit amet, ultricies augue. Sed vitae rutrum nibh. Morbi libero lorem, scelerisque non ante eget, semper tincidunt turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porta mi et interdum commodo.

Quisque vitae mollis nisl, ut bibendum ligula. Morbi varius tortor sed mollis malesuada. Ut feugiat sed lacus vitae ornare. Donec finibus ultrices viverra. Mauris nec erat egestas, commodo risus a, mollis risus. Nulla elit augue, consequat nec mauris vitae, sodales fermentum est. In id auctor diam. Nullam nisl urna, tempus in tempus non, commodo sed tellus. [div class=dialogue]Nam magna tellus, ultricies porta aliquet vitae, dignissim pretium nibh. Sed tincidunt scelerisque est, vitae feugiat ante scelerisque non.[/div] Vivamus nulla ante, dapibus nec varius et, interdum quis libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elit leo, egestas quis purus quis, lobortis venenatis lorem. Praesent eleifend libero ut consectetur pulvinar.[/div][/div][/div][/div][/div][div=max-width:80%;margin:auto;center;text-align:right;letter-spacing:0.3em;opacity:0.6;font-size:0.5em;]code by RI.a[/div][nobr]

[comment]-------------------------------------classes begin here-------------------------------------[/comment]
[class=mainCon]
min-width:200px;
max-width:80%;
height:fit-content;
margin:auto;center;
--color1:#FFFFFF;
--color2:#89ccdd;
--color3:#184999;
--color4:#000000;
--img1:url('https://www.adorama.com/alc/wp-content/uploads/2017/11/shutterstock_114802408.jpg'); 
overflow:hidden;
padding:1em;
background:var(--img1);
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
[/class]

[comment]-------------------------------------header classes begin here-------------------------------------[/comment]
[class=header]
display:flex;
align-items:center;
padding:1em;
border-bottom: 2px solid var(--color3);
font-family:Montserrat;
color:var(--color1);
font-weight:bold;
[/class]

[class=charaPic]
float:left;
width:200px;
height:200px;
background:url('https://via.placeholder.com/200'); [comment]replace url here with image link (ends with.jpg .png or .gif)[/comment]
background-size:cover;
background-position:center;
border-bottom:5px double var(--color3);
[/class]

[class=title]
width:fit-content;
font-family:Petit Formal Script;
font-size:2em;
color:var(--color1);
border-bottom:1px solid var(--color3);
text-shadow:2px 0px 0px var(--color3);
[/class]

[comment]-------------------------------------content classes begin here-------------------------------------[/comment]
[class=contentParent]
width:auto;
height:fit-content;
overflow:hidden;
background:var(--color1);
opacity:0;
transition: all 1s ease-in-out;
border-bottom:2px solid var(--color3);
[/class]

[class name=contentParent state=hover]
opacity:0.9;
[/class]

[class=scrollWrap]
margin-top:1%;
width:105%;
height:48vh;
padding-bottom:1%;
overflow-y:scroll;
overflow-x:hidden;
[/class]

[class name=scrollWrap maxWidth=600px]
height:43vh;
[/class]

[class=textWrap]
width:93%;
font-family:Montserrat;
color:var(--color4);
padding-left:1em;
padding-right:1em;
[/class]

[class name=textWrap maxWidth=600px]
padding:0em;
[/class]

[class=dialogue]
display:inline-block;
color:var(--color3);
[/class]

[comment]-------------------------------------border classes begin here-------------------------------------[/comment]
[class=borderWrap]
margin:2em 1em;
padding:2px 4px 0px 4px;
position:relative;
[/class]

[class=border]
box-sizing:content-box;
width:100%;
height:100%;
pointer-events:none;
position:absolute;
[/class]

[class=borderTall]
width:calc(100% - 8px);
height:100%;
top:-8px;
left:3px;
padding:8px 0px 8px 0px;
border:1px solid var(--color2);
[/class]

[class=borderWide]
top:0;
left:-5px;
padding:0px 4px 0px 4px;
border:1px solid var(--color2);
[/class]

[class=borderShort]
top:-4px;
left:-1px;
padding:4px 0px 4px 0px;
border:1px solid var(--color2);
[/class]
[/nobr]
 

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

Top