Miyavi Fan

Tags: miyavi, rock, music, guitar, japan, japanese, jrock, visual kei, musician

Description:

A simple Miyavi layout with: 🟣Loading intro screen 🟣Background gif 🟣Top banner 🟣Circular profile pic 🟣Scroll bar 🟣Guitar pick cursor 🟣"Online Now" flashing icon 🟣Transparent modules -Change any of the colors by inputting hex codes, and of course you can further customize.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Liliwyn (https://layouts.spacehey.com/layout?id=82567) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');



/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #cc3e3e #1e092f;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #1e092f;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #cc3e3e;
    border-radius: 7px;
    border: 2px solid #000000;
  }

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExaTNkazh2cnNpMHUyNnUyYzdraml5ZmZsbHFxczA1eXhjdGx0ODJ3diZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ttXLSXQiS76hUuX7LE/giphy.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
 
.top{
border-radius: 15px;
background-color: #ff8080!important;

}

.profile-pic {

border-radius: 500px;

overflow: hidden;

}

.links{
border-radius: 15px;
background: none

!important;

}
  
body{
background-image: url('https://media.giphy.com/media/KbAOiWBl2PTtsB8HuC/giphy.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #4dc7bf;
border: 2px groove #000000;
}

main:before {

	width: 100%;

	height: 200px ;

	display: block;

	content: "";

	background-image: url('https://64.media.tumblr.com/43bb7e8ad577ce8a3b1fdb627590c238/tumblr_inline_p9j0ulcf7V1su7yy5_500.gifv');

	background-position: center center;

	background-size: cover;

}


main{
background-image: url('https://media.giphy.com/media/KbAOiWBl2PTtsB8HuC/giphy.gif');
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #852fda;
border: 2px Dashed #70b1c2;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-image: url('https://media.giphy.com/media/KbAOiWBl2PTtsB8HuC/giphy.gif');
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #c0a4ea;
border: 2px Dashed #bc527d!important;
opacity: 0.9;
}

span[itemprop='name'] {
color: #3dc5ff;
font-size: 14pt;
font-family: 'Great Vibes', cursive, Sans-Serif;
}

h4 {
color: #ffffff;
font-size: 10pt;
font-family: Sans-Serif;
}


.section h1, .count, .friends a p {
     color: #f99b02!important
} 

.section h4, .details-table td:first-child {
color: #E86D5A!important;
font-size: 11pt;
font-family: Sans-Serif;
}

a, .count {
color: #ffa200;
font-size: 10pt;
font-family: Sans-Serif;
}

a:hover {
color: #20a7a5;
font-size: 10pt;
font-family: Sans-Serif;
}

body,main {
color: #ffffff;
font-size: 10pt;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: #993366!important;
}
.comments-table td{
background: none!important;
}
</style>

<style>
a:hover {    
 cursor: url('https://ani.cursors-4u.net/others/oth-9/oth893.cur'), auto;
}
* {
 cursor: url('https://ani.cursors-4u.net/others/oth-9/oth897.cur'), auto;
}


.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 Favorites */

	content: "🎧"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "✉️"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward 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 to Group */

	content: "🎶"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🚩"

}

.online { visibility: hidden; } .online img { content: url("https://i9.glitter-graphics.org/pub/1592/1592099yhejxom3gl.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }

footer {

        border-radius: 15px;

        background: none
!important;

        display: block !important;

</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 1 of 1 comments ( View all | Add Comment )

𝒥𝑜𝓈𝒾𝑒𝓎

1700802608

Ahhh I'm so gonna use this!!!

Report Comment