Johnny Joestar ✩ !!

Tags: jojo's bizarre adventure, johnny joestar, blue, aesthetic, simple, cute, purple, loopy

Description:

I noticed there wasn't any type of Jojo layouts.. so i decided to make one dedicated for my boyfriend !!!

can be adjusted to your likings

please comment on any of my mistakes, this is my second time doing this <3

HOW TO

copy the entire code, click home at the top of the page, press "profile" or press your url, then click "edit your profile" on your page and then paste my code into either your "about me:" or your "who i'd like to meet:" then at the top click "save all" then "view your profile" will show up and you can click on that and the layout will show up ! ♡(◕ᗜ◕✿)

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Fredoka:wght@300&display=swap');
p{
  font-family: 'Fredoka', sans-serif;
  font-size: 100%;
}
h1,h2,h3,h4,h5{
  font-family: 'Fredoka One', cursive;
  font-size: 100%;  
}
body {
  background-image: url('https://i.pinimg.com/564x/4c/a5/5d/4ca55dd66d73bb73415ba38a0fb07e63.jpg') !important;
  background-attachment: FIXED !important;
  background-repeat: REPEAT !important;

}
main {
  background-color: #8FC4D9;
  color: white;
}
.count {
  color: #7097B5
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #8FC4D9;
  --darker-blue: #2B4D6B;
  --lighter-blue: #BDE5F7;
  --even-lighter-blue: #E5F6FE;
  --lightest-blue: #93d4e7;
  --dark-orange: #BFADE7;
  --light-orange: #F0DDFF;
  --even-lighter-orange: #E8D6FB;
  --green: #fff;
}
    a:hover{
        color: #fff !important;
}
</style>




<style>
.profile-info {
border: 2px solid #2C4C72;
}
.profile-info .inner {
border: none;
</style>

<style>
.online {
  color: #9373BF;
  text-transform: lowercase;
  font-size: 125%;
}
.online img {
    content: url('https://i.imgur.com/eaJM3Es.gif');
}
</style>

<style>
.details:after {
content: "pronouns go here !";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>

<style>
.comments-table{display:none !important;}
}
</style>

<style>.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: "✩"
   }
</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 13 of 13 comments ( View all | Add Comment )

$waglord	1731456765 JJBA LAYOUT SAVIORR USINNGGGGGG Report Comment
iluvavdol	1723475692 SAVIOR, USING. Report Comment
Morg🍒🎧	1722656117 using Report Comment
Dexter!	1712520942 Usin! :P Report Comment
Papr1ka	1704599819 Using Report Comment
Azure	1701890505 using :> Report Comment
diork	1698785179 using Report Comment
Sephiroth	1693960909 Usinngg Report Comment
Royal knight	1686679458 soo cute will use! Report Comment
☆Caesar☆	1679408704 i love it sm!!!! Report Comment
Space Cowboy	1676065829 VERY NICE! Report Comment
ash	1674764797 doing gods work fr Report Comment