V flower layout for bulletins and blogs! :D

A layout of my other favorite vocaloid, V Flower!!! I love her so much omg

It looks exactly like this ^_^

I just recycled the last layout xP cuz i'm lazy nwn

(Just like the other one, I made it on computer. So if it looks weird on mobile, i'll be glad if you told me to make a more mobile compatible code! Oh, and I only use Spacehey Web BTW :3 )

You can change the blinkie/image you want, look at the purple text.

Code: <style>:root{--voca-blinkie: url(""); /* Blinkie goes inside the parenthesis | Use a image URL */} body{background: url(https://64.media.tumblr.com/882916766c97657cd2345433c30bf015/9c5a4da3b69163fa-5e/s2048x3072/a599ca493563a83223974ff560e6f5e89cd23064.gifv); background-color: #000; background-size: 1617px 900px;} main{background: rgba(0, 0, 0, 0.66); color: #fff; border: double 5px #c6e; border-radius: 8px; text-shadow: 0px 0px 3px #000;} nav .links{background: #0000; margin: 12px 0px; padding: 0px; text-align: center;} nav .top{margin-top: 8px; background: rgba(0, 0, 0, 0.66); color: #fff; border: double 5px #c6e; border-radius: 32px;} .logo-fallback {filter: drop-shadow(1px 1px 0px #c6e) drop-shadow(1px 0px 0px #c6e) drop-shadow(0px 1px 0px #c6e) drop-shadow(-1px 0px 0px #c6e) drop-shadow(1px -1px 0px #a4c) drop-shadow(-1px 1px 0px #a4c);} .logo{content: url(https://albaricokrisdump.carrd.co/assets/images/image22.png?v=a41273ae);} .title{border-bottom: #b8d} .edit-info{background: url(https://64.media.tumblr.com/6966d62b9923711b52c9f5da3602ac5e/db1b66d8738ac6a9-0a/s1280x1920/d52a448d50502470d3eded7c83500754c4445ed4.png); background-size: cover; margin-top: 15px; border: solid 1px #c6e;} .container{width: 930px;} @media (min-width: 30em){.col.w-20 {width: 28%;}} .col.w-20.left::after{content: ""; display: block; background-image: url(https://static.vocadb.net/img/artist/additionalOrig/7596.png); width: 201px; height: 300px; background-position: left; background-size: cover; background-repeat: no-repeat; margin-top: 32px; filter: drop-shadow(1px 1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000) drop-shadow(-1px 0px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000) drop-shadow(-1px -1px 0px #000);} .title::after{content: ""; display: block; background-image: var(--voca-blinkie); width: 150px; height: 20px; background-position: left; background-size: cover; background-repeat: no-repeat; margin-top: 8px; opacity:0.8;} .edit-info p, .edit-info h4{background: rgba(0, 0, 0, 0.33); border: solid 1px rgba(0, 0, 0, 0.25); border-radius: 3px; padding: 4px; text-shadow: 0px 0px 3px #000, 0px 0px 1px #000, 0px 0px 1px #000;} p.links a:first-child .icon {content: url(https://i.ibb.co/x2dX8Jm/v4flower.png);} p.links a:nth-child(2) .icon {content: url(https://i.ibb.co/JcZFwvY/v3flower.png);} p.links a:last-child .icon {content: url(https://i.ibb.co/t2zN02T/vflowertalk.png);} footer{background: rgba(0, 0, 0, 0.66); color: #fff; border: double 5px #c6e; border-radius: 8px;} a{color: #d3f;}  a:hover{color: #91b;} nav .top .right{margin-right: 6px;} button{background: linear-gradient(0deg, #a3c 4%, #d7f 108%); color: #406; text-shadow: 1px 0px 0px #c6e, 1px 1px 0px #c6e, 0px 1px 0px #c6e, -1px 0px 0px #c6e, -1px -1px 0px #c6e, 0px -1px 0px #c6e; padding: 4px 2px; border: solid 1px #608; border-radius: 5px; font-weight: bold;} #q{background: linear-gradient(180deg, #eaf 0%, #f6e7ff 18%, #eaf 36%, #fdfcff 108%);border: double 3px #b6d; border-radius: 3px;} label{font-style: oblique; text-shadow: 0px 0px 4px #c6e, 0px 0px 1px #c1e; margin-right: 2px;} nav .top b{color: #406;} nav .links a{text-shadow: 0px 0px 1px #c2e, 0px 0px 5px #507, 0px 0px 5px #507; background: rgba(0, 0, 0, 0.50); padding: 2px 4px; border: solid 2px rgba(0, 0, 0, 0.66); border-radius: 4px; margin-right: 4px;} nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{content: "";} .comments-table td:first-child{background: url(https://static.wikia.nocookie.net/fanloid/images/4/42/Absolute_Music_Dance.jpg/revision/latest?cb=20141213203227); border: ridge 2px #c6e; background-size: cover; opacity: 0.85;} .comments-table td{background: url(https://t4.ftcdn.net/jpg/04/86/64/87/360_F_486648790_aDk2IrgFcc400rMxbhgs31t14Dd9JY1N.jpg); border: ridge 2px #c6e;} comments-table td:first-child p{text-shadow: 0px 0px 1px #c2e, 0px 0px 5px #507, 0px 0px 5px #507, 0px 0px 6px: #000; color: #e6f; background: rgba(0, 0, 0, 0.50); padding: 2px 4px; border: solid 2px rgba(0, 0, 0, 0.66); border-radius: 4px; margin-right: 4px;} img.pfp-fallback{border: double 4px #c6e; box-shadow: 0px 0px 4px inset #d2f, 0px 0px 4px #608; background: rgba(0, 0, 0, 0.5);} nav .links .icon{ content: url(https://i.ibb.co/x2dX8Jm/v4flower.png);} .kudos-btn, logout-btn{box-shadow: inset 0px 0px 128px 84px #c9e; color: #fff !important; text-shadow: 0px 0px 2px #daf, 0px 0px 2px #daf, 0px 0px 2px #daf, 0px 0px 2px #daf, 0px 0px 2px #daf, 0px 0px 2px #daf !important; border: solid 2px #96b !important; border-radius: 5px !important;} footer .links:after{content: "background credits to: wonder cakes on tumblr"; line-height: 20px; color: #daf; display: block; text-decoration: none !important;} body{cursor: url(https://i.ibb.co/CvQLf6S/rosamoradacursor1.png), auto !important;} a:hover, button:hover, label:hover{cursor: url(https://i.ibb.co/cv9zkgn/rosamoradacursor2.png), auto !important;} nav .top .right{opacity:0.88;}</style><div style="float:  ; position: fixed; left: 0px; bottom: -8px;" bis_skin_checked="1"><br></div><div style="float:  ; position: fixed; left: 0px; bottom: -8px;" bis_skin_checked="1"><img src="https://media.tenor.com/0Ht-6N2VC-4AAAAi/vflower-vocaloid.gif" width="220" height="220"></div>