Stary (with a few flowers) layout | My current layout

Tags: layout, gif, flowers, stars

Description:

None of the actual coding was done by me, this is the list of people that 'made' my layout. Background/main part -ch3rry ☾ ⋆*･ﾟ:⋆*･ﾟ - https://layouts.spacehey.com/profile?id=1615070 | Flecks of colour above the profile pic (butterflies) + online logo - xXJellyfishXx - https://layouts.spacehey.com/xxjellyfishxx | Blue flower + Pink tree flowers - 匚乇乇乇 - https://layouts.spacehey.com/ceee | Blue Star Cursor - zombieboycoal - https://layouts.spacehey.com/zombieboycoal | Please go to them if you like any of the layout and tell them about it, not me, i do not take any of the credit for this layout. (They might have changed their names) if you want to, you can comment if you're using this (or if it doesn't work) but you don't have to Have a nice day (or night, idk) :]

Preview:

click on the image for a larger preview

Code:

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

<style>
button, input {
    overflow: visible;
    background-color: #010528;
    border-style: dashed;
    border-color: #020211;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: #010528;
    border-style: dashed;
    border-color: #ff;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
    color: #fff;
}
.comment-replies {
    padding: 0 5px;
    border: 1.8px dashed #fff;
    margin-top: 1px;
}
nav .links a:hover{
  text-decoration: underline;
  color: white;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #B3B3DC;
    text-decoration: underline;
}
table {
    border-top-color: rgb(2, 2, 17);
    border-right-color: rgb(2, 2, 17);
    border-bottom-color: rgb(2, 2, 17);
    border-left-color: rgb(2, 2, 17);
}
.comments-table td:first-child, .music-table td:first-child {
    background: #010528;
    background: #66012300;
    text-align: left;
    font-weight: light;
    width: 30%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fcdbb800;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 2px solid #020211;
    margin-top: 1px;
}
nav .links .special a {
    color: #fffff;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ✮ ";
    color: white;
}
nav .links a {
    text-decoration: underline;
    color: white;
    text-shadow: 0 0 7px b;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: #B3B3DC;
}
.details-table td {
    background: #fffff;
    background: var(--lightest-blue);
    vertical-align: top;
    border-style: solid;
    border-width: 0.5px;
}
main {
    background: black;
    color: #2C2C76;
    padding: 6px 0px;
    font-size: 100%;
    border-style: dashed;
    border-width: 0px px 2px 2px;
    border-color: #020211;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #fff;
    background-color: #e3e3e300;
}
.container {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 9px 0px 0px 0px;
}
body {
    background: url(https://i.pinimg.com/originals/4c/ba/b9/4cbab97eaf40a31982176951814d0c11.gif); no-repeat fixed; background-size: 600px;
}
a {
     color: #B3B3DC;
text-shadow: 0 0 2px white;
font-family: verdana, cursive;
font-size: 17px
line-height: 50px;
}
:root {
    --logo-blue:;
    --darker-blue: white;
    --lighter-blue: #020211;
    --even-lighter-blue: #020211;
    --lightest-blue: #020211;
    --dark-orange: #2C2C76;
    --light-orange: #020211;
    --even-lighter-orange: #020211;
    --accent-color: #2C2C76;
}
.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: "✩"
}
.count {
    color: #b3b3dc;
}
.profile .friends .person p {
    color: #b3b3dc;
    font-weight: light;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.online { visibility: show; } .online {content:url('https://i7.glitter-graphics.org/pub/745/745447eyod5wufg2.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}

.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
* {cursor: url(https://cur.cursors-4u.net/symbols/sym-3/sym261.ani), url(https://cur.cursors-4u.net/symbols/sym-3/sym261.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/02/06/spinning-blue-star-with-falling-stars-2.html" target="_blank" title="Spinning Blue Star With Falling Stars 2"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spinning Blue Star With Falling Stars 2" style="position:absolute; top: 0px; right: 0px;"/>

</a>
<div style="float:  ; max-height: 350px; position: fixed; right: 50px; bottom: 0px; z-index: 400;">
<img src="https://64.media.tumblr.com/eb1e398521698f35ecc183520e9f50ee/86919eacf039f742-60/s500x750/591dd423ad96cc349dee1aff808e98160d0db582.gifv" width="75" height="105"/></div>

<div style="float:  ; max-height: 200px; position: fixed; right: -5px; top: 45px; z-index: 400;">
<img src="https://64.media.tumblr.com/eae71d28b822b368fdd904277ce1e7a5/00b95f1aea1f9a07-5a/s540x810/1e560996766dd40be78982b4a10fb061c3012cb3.gifv" width="202.5" height="112.5"/></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 12 of 12 comments ( View all | Add Comment )

gozov	1718120307 Using :P Report Comment
𓏲 ₊˚๑ ꒰ • KYL3 • ꒱ ໑‧₊˚.ꪆ	1717187933 Using Report Comment
Solen	1712739471 using!! Report Comment
ch3rry 🍒	1706835911 Thank you for giving credit, I really appreciate it! Report Comment No problem, since I didn't know/still don't know how to make a layout and all of the things I used weren't mine, I felt that I had to. Also, On your profile, you have the drop-down 'things' where you put your blinkies and stamps and things, I wanted to ask where you find that layout because I want to use them, but I haven't been able to find a layout for them yet. :] by Hats 9999; 1706837465; Report Let me charge my computer real quick and ill post them in this comment section! by ch3rry 🍒; 1706838085; Report https://layouts.spacehey.com/layout?id=98615 by ch3rry 🍒; 1706839928; Report Thank you so much :] I will definitely use it when I get the time to put it on my profile :] by Hats 9999; 1706851890; Report Yw! if it has any problems lmk by ch3rry 🍒; 1706857998; Report
lesbianbrainrot :3	1705390529 using :3 Report Comment
Tess!	1705327516 using!! i love this layout! Report Comment
sylver	1704456126 uzinggg Report Comment
raye	1704451858 using :DD Report Comment
goodguyjustin	1704342044 Using this! Report Comment
Rus (ﾉ´ヮ`)ﾉ*: ･ﾟ	1704175743 using! Report Comment
cake_raccoonxx	1704006031 Using it and its adorbss xx Report Comment
nannay	1703630756 i love it, using! Report Comment Although I think the "Online Icon" doesn't work correctly lol by nannay; 1703729339; Report yeah... i fiddled with that for like five minutes then gave up... sorry if you wanted it... by Hats 9999; 1703730220; Report I have figured out how to fix it. Scroll down till you see: } .online { visibility: hidden; } .online img { content: url(https://i.gifer.com/GPkR.gif); animation-name: none; visibility: visible; height: 60px; width: 100px; } I just changed the visibility to "show" (Idk if i use the right word, but it works now) I may just edit the code here for anyone else that's going to try it :) by Hats 9999; 1703731297; Report just re-copy the code, it should work now :) by Hats 9999; 1703731942; Report Now it works perfectly!!! Thank you!! by nannay; 1703733436; Report