simple red n white guitar theme 🎸⭐

Tags: red, white, black, guitar, cute, simple, 2000s

Description:

hey hey hey!

New layout wow! No live previews for now, please don't use as base w/out credit, comment when using and don't republish an edited version of this!

The layout will look like this from your pov:

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
        background:white;
overflow:hidden;
    }
    .container{
        width: 1000px;
        border:solid black 2px;
margin-top:12px
    }
    .general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
width: 140px;
animation: shake 2s;
    animation-iteration-count: infinite;
}
main{
    height: 460px;
    overflow-y: scroll;
}

nav .top .left .logo{
        content: url(https://cdn.discordapp.com/attachments/1064462871947378729/1100305609745768500/logoaso.png);
    }
    
nav .top{
    background: #c6151b;
}
nav .links{
    background:linear-gradient(white 7px, gray);
    text-align:center;
    border-bottom:solid black 2px;
    border-top: solid black 2px;
}

nav .links a{
    color: black;
    text-shadow:none;
font-size:10px;
}

nav .links a:hover{
    color: gray;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "┊★┊" ;
    color: black;}

main .left{
    border-right:solid black 1px;
padding: 40px;
}
.profile h1{
    font-size: 33px;
    text-align: center;
    font-family: 'Pirata One', cursive;
}
.profile h1:after{
   content:url(https://64.media.tumblr.com/b766e9db79ea4ac82e36f8e0d80f4861/b2f654d39279f464-68/s75x75_c1/786f5fb6604f2f32d881f45588a91811c366ede6.gifv);
}
.profile h1:before{
   content:" ➥ ";
}

.mood{
    text-align:center;
}

DIV.mood > P:nth-child(1):after{
display: block;
height: 13px;
width: auto;
content:"- ★ -";
margin-bottom:-5px;
}

.profile .contact .heading{
    text-align:center;
    background:linear-gradient(white, gray);
    color: black;
    border-bottom:solid black 1px;
    padding: 3px;
}

.profile .contact{
    border: solid black 1px;
    text-align:center;
}
.profile .contact a{
    color: black;
}

.profile .contact a:hover{
    color: #c51f28;
}

.icon{
    display:none;}
    
    main .right:before{
content: " ";
display:block;
background-image:url('https://i.pinimg.com/564x/a0/27/06/a02706aa4c70891c9cfc5085042e99ea.jpg');
height:200px;
background-repeat:no-repeat;
background-position:center;
background-size: 530px;
margin-bottom:15px;
}

.profile .url-info{
    border: solid black 1px;
    background:linear-gradient(white, gray);
    
}

    .mood:after{
content: " ";
display:block;
background-image:url('https://i.pinimg.com/564x/c1/33/c6/c133c689d405e2cfadbbcebfd63a1afa.jpg');
height:90px;
background-repeat:no-repeat;
background-position:center;
background-size: 230px;
margin-bottom: 10px;
}

main .right{
    width: 80%;
padding: 30px;
}

.profile .left .table-section{
border:solid black 1px;
color:black;
}

.profile .table-section .heading{
    background: linear-gradient(white, gray);
    padding: 3px;
    color: black;
    text-align:center;
}

.profile .table-section td{
border: solid black 1px;
background: white;
border-top-left-radius: 7px;
border-bottom-right-radius: 7px;
margin: 5px;
color: black;
}

.blog-preview h4{
margin-top:-0px;
text-align:center;
font-size: 12px;
text-align: center;
color:black;
background: linear-gradient(white, gray);
border:solid black 1px;
padding: 4px;
    
}

FOOTER > UL.links{
    display: none;
}

FOOTER > P:nth-child(1){
    display: none;
}
FOOTER > P:nth-child(2){
    display: none;
}

P.copyright{
    display: none;
}

.profile .blurbs .heading{
    border-right:none;
    border-left:none;
    border-bottom:solid black 1px;
    border-top: solid black 1px;
    background:linear-gradient(white, gray);
    color: black;
    padding: 3px;
    text-align:center;
}
.profile .blurbs{
    border-right:solid black 1px;
    border-left:solid black 1px;
    border-bottom: solid black 1px;
    text-align:center;
}
.profile .blurbs .section h4{
    color: black;
    text-align:center;
}

[id='q']{
    background:linear-gradient(white 3px, #c9c9c9);
    border: solid black 2px;
    border-top: solid gray 2px;
    border-top-left-radius: 7px;
border-bottom-right-radius: 7px;
}

FORM > BUTTON{
    background:linear-gradient(white 3px, #c9c9c9);
    border: solid black 2px;
    border-top: solid gray 2px;
    border-top-left-radius: 7px;
border-bottom-right-radius: 7px;
}

footer{
background:white;
height:3px;}

.online{
content:url(https://64.media.tumblr.com/26739b142b41f191af409eb4c7bf500c/558928f97b1d2545-22/s75x75_c1/c3c4e1470926e586f9e6249efb70e033ea1b11a7.gifv);}

.profile .friends .person img:not(.icon){
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
width: 140px;
animation: shake 1s;
    animation-iteration-count: infinite;
}

.profile .friends .person img:not(.icon):hover{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
width: 140px;
animation:none;
transform: scale(1.1); 
transition: transform .2s;
}

.profile .friends .heading{
    background:linear-gradient(white, gray);
    color: black;
    padding:3px;
    text-indent: 4px;
    
}

.profile .friends-grid{
    height: 120px;
    overflow-y: scroll;
}

.profile .friends{
    border:solid black 1px;
    margin-bottom: 20px;
    background-image:url("https://static.vecteezy.com/system/resources/previews/007/481/196/original/diagonal-lines-background-straight-stripes-texture-background-simple-seamless-pattern-line-pattern-geometric-background-vector.jpg");
    background-size: 300px;
}

:root {

    --light-orange: ;}
    
DIV#comments.friends{
    background:none;
}

table.comments-table td{
    background:none;
}

p{
    font-family: 'Fredoka', sans-serif;
}

.count{
    color:black;
}

h4{
    font-family: 'Fredoka', sans-serif;
}

   a{
       
    font-family: 'Fredoka', sans-serif;    
    color: black;
        
    }
    a:hover{
        
    color: #c51f28;}
    
    .profile .blog-preview p:before{
content:url(https://64.media.tumblr.com/271a15cdbb3f67113b6c94382906d854/ea08c8c0ae432918-56/s75x75_c1/9bce459127075afd768d87970e535427aea70cb9.gifv);}

.profile .profile-info {
	background:white;
	border: solid black 1px;
	text-align:center;
	color: black;
	height: 20px;
font-size:10px;
}

</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fredoka&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap');
</style>

<style>
    
@keyframes shake {
    0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
</style>

<style>
    ::-webkit-scrollbar {
  width: 14px;

}

::-webkit-scrollbar-thumb {
  background:linear-gradient(to left, #c8c8c8 6px, #e8e8e8 5px);
  border: solid black 1px;
  border-radius: 5px;
  background-clip: padding-box;
 
}

::-webkit-scrollbar-track {
  background:transparent;
  
}

::-webkit-scrollbar-button:single-button {
  background-color: transparent;
  display: block;
  border-style: solid;
  height: 12px;
  width: 14px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent black transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent black transparent;
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: black transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: black transparent transparent transparent;
}
    

.links .special a:link, .links .special a:visited  {
  color: black;
}

.links .special a:hover {
  color:#c51f28;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-1/mec95.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/01/mec95.html" target="_blank" title="Guitar"><img src="https://cur.cursors-4u.net/cursor.png" alt="Guitar" style="position:absolute; top: 0px; right: 0px;"/></a>

<img src="https://64.media.tumblr.com/261e54257bb46f53dfc81c94dfed38db/5858f4a98732c5da-88/s400x600/7fdfe882bd5111e71fae1aedb891d6260434883e.gifv"/>

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

michael pop1t	1715187147 using Report Comment
meatszone	1715017370 using Report Comment
purestlamb	1714835236 using !! Report Comment
Chains	1714704578 using! Report Comment
𝅙ゲイル.	1714637067 USINGGGGIEE Report Comment
Íris sonequinha ⋆	1714366795 Usingggggg!!! Report Comment
Íris sonequinha ⋆	1714366781 Usingggggg!!! Report Comment
l4in-1waKur4	1714269121 uzing! :3 Report Comment
rysuo	1714238673 using !!! Report Comment
cemeteryboy	1714006387 using !! Report Comment
theweepkid	1713667693 usingg!!!!!!!!! :DDDDDDDDDDD Report Comment
trashPrince	1713281031 using... Report Comment
RIN!!	1712809509 uahhh using !! Report Comment
SUGAR_BITT3R	1712122220 Usando👍 Report Comment
(j)azzy	1711948046 using!!^^ Report Comment
l4in-1waKur4	1711826391 using(? Report Comment
JONAH !	1711810953 USUING!!!! Report Comment
Ein !!	1711764295 gonna use Report Comment
🎸 ,, brian/adam	1711747299 using ! Report Comment
l2lal12	1711746564 using Report Comment