natasha.
๐ง๐ญ๐ฐ๐ณ๐ฆ๐ด๐ค๐ฆ๐ฏ๐ค๐ฆ
01. DAFFODILS
first code!! this is an in character code that i came up with while testing what would and wouldn't work. it's got a scrollbar and a small strip to put your details such as mentions, location, mood, etc.
you can replace the images by looking for the links and editing in the links for your images! the colour of the strip can easily be changed, though keep in mind that changing the font might result in a bit of wonky spacing between the boxes!
i know it might be hard to locate things with everything so close together but for the sake of preserving the appearance of the code, please try not to add line breaks in between the code!
this is, to my knowledge, mobile friendly! if it isn't visible on your phone though, let me know. please also feel free to reach out if you have any questions/comments/concerns!
you can replace the images by looking for the links and editing in the links for your images! the colour of the strip can easily be changed, though keep in mind that changing the font might result in a bit of wonky spacing between the boxes!
i know it might be hard to locate things with everything so close together but for the sake of preserving the appearance of the code, please try not to add line breaks in between the code!
this is, to my knowledge, mobile friendly! if it isn't visible on your phone though, let me know. please also feel free to reach out if you have any questions/comments/concerns!
CHARACTER NAME
tags, location, outfit etc. this little bar is also scrollable!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum sed enim eget commodo. Vivamus ut facilisis lectus. Aliquam dictum euismod odio, vel imperdiet sem tincidunt sit amet. Nam euismod eu nibh sed pellentesque. Curabitur ac velit justo. Mauris non libero felis. Praesent eu tempor arcu, sit amet tristique libero.
Sed sed metus condimentum, faucibus orci vel, fringilla metus. Phasellus porta rutrum sagittis. Mauris libero dui, congue ac pharetra eget, accumsan ac felis. Vivamus laoreet at neque et tristique. Aliquam ac venenatis nisl, et tincidunt lacus. Duis at nisi ut ante volutpat venenatis at in erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque accumsan metus cursus urna blandit tempus. Mauris hendrerit vitae diam quis facilisis. Pellentesque ac nibh id ex volutpat mollis in ut dui. Aliquam condimentum tincidunt dui, nec molestie dui vulputate vel. Suspendisse varius in tortor vitae tempor. Proin sit amet ante imperdiet, aliquam dui et, suscipit ante. Fusce dignissim nulla vitae sapien auctor, a ultricies lacus malesuada. Aliquam ut ante eu mauris viverra porttitor. Sed at turpis eu ex interdum mattis.
Maecenas accumsan nunc ut lectus tincidunt, quis congue neque tincidunt. Proin efficitur maximus ligula, ac auctor felis gravida a. Morbi a varius quam, ac rutrum erat. Donec varius nisi ut arcu porta, in tincidunt ex dictum. Sed lacus arcu, semper eu eros eu, sagittis feugiat enim. Vestibulum vitae tellus in magna aliquet cursus. Sed pellentesque malesuada purus, eget bibendum justo gravida ac. Ut in aliquet velit, nec gravida neque. Integer vitae consectetur magna. Duis scelerisque maximus interdum. Integer placerat aliquet consectetur. Curabitur urna ante, blandit at mollis ac, tristique at eros. Proin malesuada scelerisque ex sed finibus.
Phasellus vitae lectus turpis. Nam in dignissim eros, in convallis diam. Cras vulputate urna non felis venenatis dignissim. Donec vestibulum eleifend eros, eget posuere odio. Mauris vel imperdiet ante. Mauris pellentesque auctor dapibus. Integer at ligula nec erat maximus bibendum. Praesent faucibus nunc tellus, in egestas lorem vulputate vitae. Proin sapien nunc, dictum vitae dui rutrum, finibus ultrices neque. Fusce varius metus magna, in varius nulla eleifend sit amet. Nulla rhoncus euismod condimentum. Sed id quam dictum, pulvinar turpis eu, ultrices nisi.
Fusce sit amet risus rutrum, lobortis tellus id, viverra sapien. Mauris suscipit mi vitae metus maximus, ut imperdiet urna commodo. Suspendisse ut pharetra risus, sed fermentum risus. Donec feugiat, velit sed mattis commodo, mi arcu sodales lorem, sit amet efficitur tortor turpis non turpis. Nullam bibendum volutpat euismod. Nulla sit amet sapien at tortor suscipit dapibus eu quis felis. Phasellus faucibus, libero ac scelerisque bibendum, dolor lectus aliquet ante, eu volutpat urna nisi sit amet justo. Nulla sed ultrices nunc. Nulla faucibus nulla ut velit volutpat, nec viverra erat aliquet. Praesent leo lectus, interdum vitae metus non, congue malesuada nisl. Nunc a vulputate risus. Nunc scelerisque erat aliquet mauris dignissim finibus. Donec accumsan fermentum hendrerit.
Sed sed metus condimentum, faucibus orci vel, fringilla metus. Phasellus porta rutrum sagittis. Mauris libero dui, congue ac pharetra eget, accumsan ac felis. Vivamus laoreet at neque et tristique. Aliquam ac venenatis nisl, et tincidunt lacus. Duis at nisi ut ante volutpat venenatis at in erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque accumsan metus cursus urna blandit tempus. Mauris hendrerit vitae diam quis facilisis. Pellentesque ac nibh id ex volutpat mollis in ut dui. Aliquam condimentum tincidunt dui, nec molestie dui vulputate vel. Suspendisse varius in tortor vitae tempor. Proin sit amet ante imperdiet, aliquam dui et, suscipit ante. Fusce dignissim nulla vitae sapien auctor, a ultricies lacus malesuada. Aliquam ut ante eu mauris viverra porttitor. Sed at turpis eu ex interdum mattis.
Maecenas accumsan nunc ut lectus tincidunt, quis congue neque tincidunt. Proin efficitur maximus ligula, ac auctor felis gravida a. Morbi a varius quam, ac rutrum erat. Donec varius nisi ut arcu porta, in tincidunt ex dictum. Sed lacus arcu, semper eu eros eu, sagittis feugiat enim. Vestibulum vitae tellus in magna aliquet cursus. Sed pellentesque malesuada purus, eget bibendum justo gravida ac. Ut in aliquet velit, nec gravida neque. Integer vitae consectetur magna. Duis scelerisque maximus interdum. Integer placerat aliquet consectetur. Curabitur urna ante, blandit at mollis ac, tristique at eros. Proin malesuada scelerisque ex sed finibus.
Phasellus vitae lectus turpis. Nam in dignissim eros, in convallis diam. Cras vulputate urna non felis venenatis dignissim. Donec vestibulum eleifend eros, eget posuere odio. Mauris vel imperdiet ante. Mauris pellentesque auctor dapibus. Integer at ligula nec erat maximus bibendum. Praesent faucibus nunc tellus, in egestas lorem vulputate vitae. Proin sapien nunc, dictum vitae dui rutrum, finibus ultrices neque. Fusce varius metus magna, in varius nulla eleifend sit amet. Nulla rhoncus euismod condimentum. Sed id quam dictum, pulvinar turpis eu, ultrices nisi.
Fusce sit amet risus rutrum, lobortis tellus id, viverra sapien. Mauris suscipit mi vitae metus maximus, ut imperdiet urna commodo. Suspendisse ut pharetra risus, sed fermentum risus. Donec feugiat, velit sed mattis commodo, mi arcu sodales lorem, sit amet efficitur tortor turpis non turpis. Nullam bibendum volutpat euismod. Nulla sit amet sapien at tortor suscipit dapibus eu quis felis. Phasellus faucibus, libero ac scelerisque bibendum, dolor lectus aliquet ante, eu volutpat urna nisi sit amet justo. Nulla sed ultrices nunc. Nulla faucibus nulla ut velit volutpat, nec viverra erat aliquet. Praesent leo lectus, interdum vitae metus non, congue malesuada nisl. Nunc a vulputate risus. Nunc scelerisque erat aliquet mauris dignissim finibus. Donec accumsan fermentum hendrerit.
coded by natasha.
Code:
[bg=transparent; max-width: 800px; margin: auto; background: #f4f4f4; padding: 20px; font-size: 12px; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;][row]
[column=span2][bg=transparent; background: url(https://i2.wp.com/www.charitycomms.org.uk/wp-content/uploads/2019/02/placeholder-image-square.jpg?ssl=1); background-size: cover; height: 150px; background-position: 50% 50%; border: 10px solid #fff;][/bg]
[bg=transparent; background: url(https://i2.wp.com/www.charitycomms.org.uk/wp-content/uploads/2019/02/placeholder-image-square.jpg?ssl=1); background-size: cover; height: 150px; background-position: 50% 50%; border: 10px solid #fff;][/bg]
[bg=transparent; background: url(https://i2.wp.com/www.charitycomms.org.uk/wp-content/uploads/2019/02/placeholder-image-square.jpg?ssl=1); background-size: cover; height: 150px; background-position: 50% 50%; border: 10px solid #fff;][/bg][/column][column=span6][bg=transparent; line-height: 22px; font-size: 50px; color: #000; padding: 10px; text-align: center;][font=Abril Fatface]CHARACTER NAME[/font][/bg]
[bg=transparent; background: #dec254; color: #dec254; padding: 10px;][scroll=15px][color=#fff]tags, location, outfit etc. this little bar is also scrollable![/color][/scroll][/bg]
[bg=transparent; background: #fff; color: #fff; padding: 10px; border: 1px solid #eee; line-height: 22px;][scroll=450px][justify][color=#000]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum sed enim eget commodo. Vivamus ut facilisis lectus. Aliquam dictum euismod odio, vel imperdiet sem tincidunt sit amet. Nam euismod eu nibh sed pellentesque. Curabitur ac velit justo. Mauris non libero felis. Praesent eu tempor arcu, sit amet tristique libero.
Sed sed metus condimentum, faucibus orci vel, fringilla metus. Phasellus porta rutrum sagittis. Mauris libero dui, congue ac pharetra eget, accumsan ac felis. Vivamus laoreet at neque et tristique. Aliquam ac venenatis nisl, et tincidunt lacus. Duis at nisi ut ante volutpat venenatis at in erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque accumsan metus cursus urna blandit tempus. Mauris hendrerit vitae diam quis facilisis. Pellentesque ac nibh id ex volutpat mollis in ut dui. Aliquam condimentum tincidunt dui, nec molestie dui vulputate vel. Suspendisse varius in tortor vitae tempor. Proin sit amet ante imperdiet, aliquam dui et, suscipit ante. Fusce dignissim nulla vitae sapien auctor, a ultricies lacus malesuada. Aliquam ut ante eu mauris viverra porttitor. Sed at turpis eu ex interdum mattis.
Maecenas accumsan nunc ut lectus tincidunt, quis congue neque tincidunt. Proin efficitur maximus ligula, ac auctor felis gravida a. Morbi a varius quam, ac rutrum erat. Donec varius nisi ut arcu porta, in tincidunt ex dictum. Sed lacus arcu, semper eu eros eu, sagittis feugiat enim. Vestibulum vitae tellus in magna aliquet cursus. Sed pellentesque malesuada purus, eget bibendum justo gravida ac. Ut in aliquet velit, nec gravida neque. Integer vitae consectetur magna. Duis scelerisque maximus interdum. Integer placerat aliquet consectetur. Curabitur urna ante, blandit at mollis ac, tristique at eros. Proin malesuada scelerisque ex sed finibus.
Phasellus vitae lectus turpis. Nam in dignissim eros, in convallis diam. Cras vulputate urna non felis venenatis dignissim. Donec vestibulum eleifend eros, eget posuere odio. Mauris vel imperdiet ante. Mauris pellentesque auctor dapibus. Integer at ligula nec erat maximus bibendum. Praesent faucibus nunc tellus, in egestas lorem vulputate vitae. Proin sapien nunc, dictum vitae dui rutrum, finibus ultrices neque. Fusce varius metus magna, in varius nulla eleifend sit amet. Nulla rhoncus euismod condimentum. Sed id quam dictum, pulvinar turpis eu, ultrices nisi.
Fusce sit amet risus rutrum, lobortis tellus id, viverra sapien. Mauris suscipit mi vitae metus maximus, ut imperdiet urna commodo. Suspendisse ut pharetra risus, sed fermentum risus. Donec feugiat, velit sed mattis commodo, mi arcu sodales lorem, sit amet efficitur tortor turpis non turpis. Nullam bibendum volutpat euismod. Nulla sit amet sapien at tortor suscipit dapibus eu quis felis. Phasellus faucibus, libero ac scelerisque bibendum, dolor lectus aliquet ante, eu volutpat urna nisi sit amet justo. Nulla sed ultrices nunc. Nulla faucibus nulla ut velit volutpat, nec viverra erat aliquet. Praesent leo lectus, interdum vitae metus non, congue malesuada nisl. Nunc a vulputate risus. Nunc scelerisque erat aliquet mauris dignissim finibus. Donec accumsan fermentum hendrerit.[/color][/justify][/scroll][/bg]
[/column]
[/row]
[bg=transparent; font-size: 11px; color: #aaa; text-align: center;]coded by natasha.[/bg][/bg]