Love

Tags: japan, love, animated, gif, vapour wave, kitten, layout, spacehey
Description:

This is a layout for owners interested in Japan. Feel free to use this as a template or as an actual layout for your blog or your profile but do you add me and/or comment to make sure that you have notified me that you have use this particular layout. Enjoy
Code:

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



<style>

  div.wrap { 
  width:960; 
 } 

  div,div.content,div.wrap  { 
  background-color:transparent; 
 } 

  body  { 
  background-image:url("https://media.giphy.com/media/QTxF50wnvVaXDU3IJQ/giphy.gif"); 
 background-position:Center Center; 
 background-attachment:fixed; 
 background-repeat:repeat; 
 border-width:0px; 
 border-style:Solid; 
 scrollbar-face-color:#8822AA; 
 scrollbar-highlight-color:#8822AA; 
 scrollbar-3dlight-color:#8822AA; 
 scrollbar-shadow-color:#DDBBFF; 
 scrollbar-darkshadow-color:#8822AA; 
 scrollbar-arrow-color:#DDBBFF; 
 scrollbar-track-color:#8822AA; 
 } 

  
  Body  { 
  border-style:Outset; 
 border-width:4px; 
 border-color:#BA55D3; 
 } 

  

  
  table, tr, td, li, p, div, div.moduleBody, div.commentsModule p.datePosted, span.count { 
  color:#000000; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

   h3.moduleHead, h3.moduleHead span  { 
  color:#000000; 
 font-size:10pt; 
 font-family:Script; 
 font-weight:bold; 
 font-style:italic; 
 } 

   div.blurbAboutMe h4, div.blurbLikeToMeet h4, div.interestsModule li h4, div.detailsModule li strong { 
  color:#000000; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

  div.basicInfoDetails h2 { 
  color:#000000; 
 font-size:10pt; 
 font-family: Pinyon Script; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:active, a:visited, a:link, div.moduleBody a:active, div.moduleBody a:visited  { 
  color:#000000; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:hover, div.moduleBody a:hover  { 
  color:#8822AA; 
 font-size:10pt; 
 font-family:; 
 font-weight:bold; 
 font-style:italic; 
 } 

.mood { 
  background-image:url("https://media.giphy.com/media/uozJs7kR6J98k/giphy.gif"); 
 background-repeat:no-repeat; 
 background-position:top center; 
 width:500px; 
 padding-top:600px; 
 } 

			 
Main, footer {
Background-color:#B53AAD55;
border-radius: 25px}

:root {
        --logo-blue: #;
        --darker-blue: #;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}

.comment-replies { border: 0px solid black;}


table, th, td {
  border: 0px solid #c8a2c8;
}
	


	}

</style>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Music"
***************************************-->



<img src="https://cdn.discordapp.com/attachments/753067128583618600/801266370188017664/unknown.png" style="width:100%; border-radius: 15px, 15px, 0px, 0px;"/> <!--custom image for playlist 1-->
<iframe src="https://open.spotify.com/embed/playlist/7M1naXEXSel6dRnLJ8hxdk" width="300" height="200" frameborder="0"></iframe> <!--playlist 1 embed-->
<img src="https://cdn.discordapp.com/attachments/753067128583618600/801267699862208532/unknown.png" style="width:100%; border-radius: 15px, 15px, 0px, 0px;"/> <!--custom image for playlist 2-->
<iframe src="https://open.spotify.com/embed/playlist/4jl7EiHxJeIKjBzsPVicK8" width="300" height="200" frameborder="0"></iframe> <!--playlist 2 embed-->


<!--heading for music section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802246948979081226/ezgif.com-crop3.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">MUSIC</h1>
</div>

  <ul>
   <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10 </li>
 </ul>



<!--heading for concerts section with an image background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802379263848349726/ezgif.com-crop6.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">CONCERTS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">Been To</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3 </li>
     <li>4</li> 
    <li>5</li>
    <li> 6</li>
  </ul>
<h1 class="list-heading">Want To Go To</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5 </li>
    <li>6</li>
    <li>7 </li>
  </ul>
</div>




<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Movies"
***************************************-->

  <h1 class="list-heading">movies</h1> <!--list title-->
<!--heading for games section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802246269924933632/ezgif.com-crop2.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">GAMES</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">PC</h1> <!--list title-->

    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5 </li>
    <li>6 </li>
    <li>7 </li>
  
  <h1 class="list-heading">Nintendo Switch</h1> <!--list title-->
  <ul>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
  </ul>
  <h1 class="list-heading">Xbox</h1> <!--list title-->
  <ul>
    <li></li>
  </ul>
  <h1 class="list-heading">Other</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Television"
***************************************-->


<!--heading for tv & movies section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/801967693834092594/ezgif.com-resize.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">TV &amp; MOVIES</h1> 
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">TV</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2 </li>
    <li>3 </li>
    <li>4 </li>
    <li>5</li>
    <li>6  </li>
    <li>7 </li>
  </ul>
  <h1 class="list-heading">Movies</h1> <!--list title-->
  <ul>
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>3</li>
    <li>4 </li>
    <li>5  </li>
    <li>6 </li>
  </ul>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Books"
***************************************-->


<!--heading for books section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802377431600201728/ezgif.com-crop4.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">BOOKS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>
    <li>1</li>
    <li>2 </li>
    <li>3</li>
    <li>4</li>
    <li>5 </li>
    <li>6</li>
    <li>7</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Heroes"
***************************************-->


<!--heading for other interests section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802378570080976936/ezgif.com-crop5.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">OTHER INTERESTS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>

    <li>1 </li>
    <li>2 </li>
    <li> 3</li>
    <li> 4</li>
     <li> 5</li>
    <li>6</li>
  </ul>
</div>
--&amp;


<!--heading for books section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802377431600201728/ezgif.com-crop4.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">Groups</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul> 
    <li> 1</li>
    <li>2</li>
    <li> 3 </li>
    <li>3  </li>
    <li> 4</li>
    <li>  5</li>
    <li>6 </li>
  </ul>
</div>
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 3 of 3 comments ( View all | Add Comment )
d3st1ny.
1692021955
use
Report Comment
♡ Lia ♡
1633857846
Definitely using, thank you so much
Report Comment
ghost
1632027798
Hello! I put the code into the all about me section but it's not working. Am I doing something wrong? Please let me know if I have to do anything special. I just joined spacehey and I'm trying to figure everything out. Thanks
Report Comment
Nevermind I figured it out and I am using it now! I absolutely love this!
by ghost; 1632028051; Report