VENTI LAYOUT

Tags: venti, genshin impact, green, anime, video games, aesthetic, cute, flower, manga

Description:

VENTI LAYOUT!!!

Anyone is free to use, Just DO NOT REMOVE CREDIT

(Or move it somewhere else ykyk)

THIS LAYOUT FEATURES???

⋄An intro Venti GIF

⋄A floating Venti emote in the corner of your screen!!

⋄Floating body animation

⋄Flower cursor

⋄Venti GIF banner!!

⋄Ameno slime GIF as online symbol >:D

⋄Customized comments box

Everything else is the usual customization stuff!!!

I truly apologize for my messing coding, I cannot organize for the life of me. If you edit my code I cannot guarantee you it will work because of override issues :(

Note: I DO TAKE THEME IDEAS!! WANT A THEMED LAYOUT?? GO TO MY BLOG AND COMMENT YOUR IDEA!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=22627) -->

<style>
body{ background-image: );
background-image:url(https://data.whicdn.com/images/320460291/original.gif);
Background-size: 100%;
}

main:before {
      background-image: url(https://64.media.tumblr.com/4204394964afc5b0535c05b169e85297/44af92781bb61ef7-fc/s640x960/4af6af56347028a30ae47bf51d5eda0466654d80.gifv);
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 185px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }

.row {
    width: 100%;
    display: table;
    table-layout: fixed;
    background-color: white;
}

.general-about .details {
width: 300px;}

.profile .table-section, .profile .contact{
    margin-top: 20px;
}

nav, footer {
	margin: 1em;
	position: relative;
}

main .right {
    width: 300px;
    background-color: #white;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
    border: 2px solid #ffffff00;
}

a{color: #409343;}

.col.w-40 {
    width: 43%;
}

nav .links {
    background-color: #035b16ed;
}

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://64.media.tumblr.com/9304635f0529671261d1ec5a61d77e15/73d7c49df1b22a08-13/s540x810/6e4280ba01f3e6f78661c4d9b71406f106d40ec9.gifv);
    text-align: center;
    font-weight: bold;
    width: 38%;
    background-size: 100%;
}

nav .top {
    background: #dce9ffa1;
    color: black;
}

main {
    background:white;
    color: black;
}

.profile .blurbs .section h4 {
    color: #a4bbd6;
}

nav{
    font-size: 90%;
    font-family: Rockwell;}

.profile .blurbs .heading, .profile .friends .heading {
    background: #006a0a85;
    color: #ffffff;
}

.details-table td {
    background: #9dc0aeb8;
    vertical-align: top;
    color: white;
}

.details-table td:first-child {
    background: #2b743ab8;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #0b441c85;
    color: white;
    padding: 2px 7px;
}

.profile .mood {
    margin-top: 20px;
}

div. mood{     border: 2px solid #ffffff00;}

.profile-pic img {
    border-radius: 100%;
    margin-top: 20px;
    margin-left: 10px;
outline: 2px dashed #000000;
outline-offset: 4px;
}

 .mood {
    margin-bottom: 20px;
}

main {
    font-size: 80%;
    font-family: Rockwell;
}


.url-info{
    background: url(https://64.media.tumblr.com/43cd9f99b2c4ef0aa79a187de81738e7/b491fa11fcc26e30-ee/s540x810/a8f6968b2818f92ae0b7a3537090e0f20f3b5229.gifv);
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 250px;
color: White;
}


.comments-table td {
    color: White;
background-image: url(https://c.tenor.com/dqX0Zpqf-mYAAAAC/venti.gif);
background-size: cover;
}


<style>

.friends
{display:none;
    }
 

    .online {
        content: url("https://media4.giphy.com/avatars/Bigjie/Ne7YvuQYFIxr.gif");
  content-position: center;
   width: 95px; }

.icon, .award img {
    visibility: hidden;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🌿";
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🍵"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌱"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🍃"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🐸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🍀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🥬"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🍐"
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #ffffff00;
color:White;
}


nav::before {
   content: "";
   background:  url(https://static.wikia.nocookie.net/gensin-impact/images/3/3d/Icon_Emoji_030_Venti_I_have_an_idea%21.png/revision/latest/scale-to-width-down/250?cb=20210906043932);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}


.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}


</style>


<p id="p0">This Layout was made by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei</a></p>


<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-8/nat786.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/09/20/white-flower-50.html" target="_blank" title="White Flower 50"><img src="https://cur.cursors-4u.net/cursor.png" alt="White Flower 50" style="position:absolute; top: 0px; right: 0px;"/></a>



<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(https://64.media.tumblr.com/91e1b8dac39ca97e7fbf91397d6086ce/df22261acae0ce28-73/s500x750/a3b1bea5836e5cd6624e9122cd4854e886fdf070.gifv);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } </style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 7 of 7 comments ( View all | Add Comment )

xeno !!	1696893047 usingg!!! Report Comment
Ross	1679430607 Using! Report Comment
WillowWinds	1679312801 Using!! This is so cute omg Report Comment
Jaz ♡*˖°	1673387561 cute! I love Venti 💕 Report Comment
Felis_	1669947002 using!! it's so cool <3 Report Comment
nekoyami	1655079941 using it!!! omg i love venti sooo much T-T Report Comment
🎧 : ̗̀➛ ykkeio	1653845423 The way it absolutely destroys the img quality, gotta love it Report Comment