Report Blog Entry
<
Since people love to be freaks here and get our layout posting disabled I'm gonna be posting my layouts on blogs for now until the layout posting feature (hopefully) gets revived
copy and paste into "about me" and feel free to edit!
Alien layout with custom alien cursor and space ambiance autoplay:
<!-- (c) Layout created by Taylor ☘︎ 🃟 (https://layouts.spacehey.com/ratlinez) -->
<div style="float: ; height: 100px; position: fixed; left: 80px; top: 50px; z-index: 30;"><img src="https://64.media.tumblr.com/2623e5e7651fc1ef37471f8dff2013b1/1c40bf2ffcc7da07-b7/s100x200/681dbfec2404aed9bf005fbde36d1e7c88d066a1.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; left: 30px; top: 30px; z-index: 30;"><img src="https://64.media.tumblr.com/6fc849adefa7d6f7832ba4319b26e4d3/1c40bf2ffcc7da07-54/s75x75_c1/88ae9ffad126d7b12824e9a15f4071628fe63e0e.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; left: 250px; top: 40px; z-index: 30;"><img src="https://64.media.tumblr.com/37d3865453fd88a1566bd26736800b62/1c40bf2ffcc7da07-b9/s75x75_c1/6ebfee2cba7a7f4758810c7289fa4e342bff175b.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; right: 80px; top: 50px; z-index: 30;"><img src="https://64.media.tumblr.com/c1a151886b16f80a0b42a919cf33ca10/ea299ef6a7e8321e-6b/s75x75_c1/abae662cd3c479b4babef080a91dd216a9ca7620.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; right: 30px; top: 30px; z-index: 30;"><img src="https://64.media.tumblr.com/97845639ec66347db3695b7885ccff07/ea299ef6a7e8321e-82/s75x75_c1/8b6ab10f872ff34ba1c30b6cd0fd81d68fb8794e.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; right: 250px; top: 40px; z-index: 30;"><img src="https://64.media.tumblr.com/9b8aa8a49b0f13d5b9006dd5634f49d8/ea299ef6a7e8321e-c5/s75x75_c1/3535af687e5620bc57bdc90a7d2291d86df56b54.pnj"/></div>
<div style="float: ; height: 150px; position: fixed; right: 1px; bottom: 50px; z-index: 30;"><img src="https://64.media.tumblr.com/b0be812a20d3601f252a1eba8b3f1008/814e0822deb6d01d-ec/s100x200/27d8fe337f399862adaba44ec8922a034b248280.webp"/></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
body{font-family: 'Press Start 2P', system-ui;}
</style>
<style>
body{
background: url(https://img.freepik.com/premium-photo/dust-scratches-creative-photo-effect-filter-photo-processing-modern-art_279525-10080.jpg)
}
nav::before {
content: ' ';
width: 480px;
height: 40px;
display: block;
margin: 20px auto;
top: 0;
left: 0;
z-index: 100;
background: #00000000 url(https://64.media.tumblr.com/dc9c1504b97a63bc7c83957134afe974/0eff3579aa78f52c-bf/s500x750/a644ec5e7e1e9e4a0db894561016093038d639da.webp);
background-size: cover;
background-position: center;
}
nav .top {
background: #00000000;
color: #00D41A;
text-shadow: 0 0 5px #5204b2;
padding: 15px 10px 14px 10px;
position: relative;
}
.logo {
content:url("https://64.media.tumblr.com/8be814f3866ae741cfd762639c064410/da92b5167d2327bc-8b/s250x400/bf51978f889c0428d1fe4763e29f820129c4cee2.gifv");
}
button, input {
overflow: visible;
background: #000000cc;
border: 1px solid #5204AF;
text-shadow: 0 0 5px #5204b2;
color: #02DD1D;
font-weight: bold;
}
.logout-btn, .logout-form {
color: #02DD1D;
text-shadow: 0 0 5px #5204b2;
text-transform: uppercase;
display: inline-block;
font-size: 100%;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: "★";
color: #5204B2;
text-shadow: 0 0 5px #02DD1D;
}
nav .links {
background-color: transparent;
text-align: center;
padding: 3.5px 16px 5.5px 16px;
}
nav .links a {
text-decoration: none;
color: #08CA1E;
text-shadow: 0 0 5px #5502B4;
font-size: 0.98em;
font-size: max(0.98em, 12px);
}
nav .links .special a {
color: #08CA1E;
}
nav .links a:hover {
text-decoration: underline;
color: #5303B4;
font-weight: bolder;
text-transform: uppercase;
}
main:before {
width: 234px;
margin-bottom: 25px;
margin-left: 300px;
border: 1px solid black;
height: 175px;
display: block;
content: "";
background-image: url(https://64.media.tumblr.com/fe949c5797fa71d7e13a51db49eda08b/1ce23d9c48cf3ebd-9a/s250x400/f08ae7aaea7b1321570897d76cfecd8d85d186d1.gifv);
background-position: center center;
background-size: cover;
}
main {
background: #00000000;
color: #5204b2;
padding: 6px 0px;
font-size: 80%;
text-align: center;
}
span {
text-align: center;
color: #5204b2;
text-transform: uppercase;
font-size: 170%;
}
a {
color: #08dd1f;
text-shadow: 0 0 5px #5204b2;
text-decoration: none;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
color: #5204b2;
text-transform: uppercase;
font-weight: bolder;
font-style: italic;
}
.edit-link {
font-size: 90%;
text-align: center;
}
.general-about .profile-pic {
display: block;
float: left;
margin: 0 15px 8px 0;
}
.general-about .details {
display: flow-root;
text-align: center;
}
.profile .mood {
width: 100%;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://64.media.tumblr.com/fe6d7be5cac2a914100616cf6575f74f/53452f4eb4ca5cdc-be/s500x750/fd5aa66978a52b7d73165de30f2b80a45cf64e1d.gifv);
background-position-x: center;
background-repeat: no-repeat;
background-size: 300px;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: transparent;
color: #5204B2;
text-align: center;
padding: 2px 7px;
}
.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
width: 100%;
margin: 10px 0;
border-color: #5204b200;
}
.details-table td:first-child {
background: transparent;
color: #08dd1f;
text-align: center;
font-weight: bold;
width: 33%;
}
.details-table td {
background: transparent;
color: #5204b200;
text-shadow: 0 0 5px #5204b2;
vertical-align: top;
}
.profile-info {
display: flex;
align-items: center;
justify-content: center;
padding: 100px 30px;
margin-bottom: 10px;
}
.profile .profile-info {
background-image: url();
padding: 20px;
}
.profile .blurbs .heading, .profile .friends .heading {
background: transparent;
color: #5204b2;
padding: 2px 7px;
text-align: center;
}
.profile .blurbs {
margin: 20px 0;
}
.profile .blurbs .section h4 {
margin: 0;
color: #5204B2;
text-align: center;
}
.friends {
}
.count {
color: #08dd1f;
text-shadow: 0 0 5px #5204b2;
}
.profile .friends .person p {
color: #08dd1f;
font-weight: bold;
width: 100%;
overflow-wrap: break-word;
word-break: break-word;
font-size: 100%;
text-align: center;
}
.profile .friends .person img:not(.icon) {
max-width: 95px;
max-height: 95px;
display: block;
margin: 0 auto;
}
.friends-grid {
padding-top: 10px;
}
.comments-table td:first-child, .music-table td:first-child {
background: black;
text-align: center;
font-weight: bold;
width: 38%;
}
.comments-table td:first-child img:not(.icon) {
width: 90px;
max-width: 100%;
max-height: 200px;
}
.comments-table td, .music-table td {
background: #000000;
vertical-align: top;
}
table.comments-table {
border-color: #f0ffff00;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background: #00000000;
color: #5204b2;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
border-radius: 10px;
width: 2px;
}
::-webkit-scrollbar-thumb {
background: #5204b2;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #08dd1f;
}
.online {
content: url(https://64.media.tumblr.com/7d9281fccd9b4124c953bb8540e7f400/01299689111acb45-b8/s75x75_c1/28674475c38715f9e264e9c0d2b643940e79d858.gifv)
}
.icon, .award img {
content: url(https://64.media.tumblr.com/2afe0cdb8b3cb91e2ff7398920122a5d/9fd310d56be9b075-e5/s75x75_c1/305a18bb2187616ed171df79b7d134321585d38d.gifv);
display: inline-block;
height: 2.0em;
width: 2.0em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}
HTML,BODY{cursor:
url(https://www.rw-designer.com/cursor-view/102732.png),
auto;}
A:hover{cursor:
url(https://www.rw-designer.com/cursor-view/102732.png),
auto;}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/e4/StarfieldSimulation.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
<style> body {
text-align: center;
}</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/Sf4oFaelTr4//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Macintosh Plus Floral Shoppe Layout (Full Album Autoplay):
<!-- (c) Layout created by Taylor ☘︎ 🃟 (https://layouts.spacehey.com/ratlinez) -->
<div style="float: ; height: 100px; position: fixed; left: 0px; bottom: 575px; z-index: 30;"><img src="https://64.media.tumblr.com/b625313c93b21ad842612040e0a6e842/bd48237e2a26660c-4f/s500x750/d0fcbb73aac861cdcf7e466de5e87da5a5478ec2.pnj"/></div>
<div style="float: ; height: 100px; position: fixed; right: 10px; top: 10px; z-index: 30;"><img src="https://64.media.tumblr.com/ae5b9eadf3a0fd0af51533cf43e564bc/bd48237e2a26660c-59/s250x400/722c2f83fc80ab78d948a1e37b8a5dc98a428862.pnj"/></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap');
body{font-family: 'Nanum Gothic Coding', monospace;}
</style>
<style>
body {
background:url("https://64.media.tumblr.com/985db0b7e0538e914075fbf08fab190f/10d961c9708d8eb2-45/s1280x1920/56aa75b5c1fc7f701df514ced84e8c7fc277344b.webp") no-repeat fixed;
background-size:contain;
background-color: #fe829c;
background-position-y: bottom;
}
nav .top {
background: #fe829c;
color: #6efebe;
text-shadow: 0 0 5px #85575B;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border: 10px solid #6efebe;
padding: 15px 10px 14px 10px;
position: relative;
}
.logo {
content:url("https://64.media.tumblr.com/eca88f9bcab24dc710571c3fd9aaa9fd/267c7560dac8bf58-65/s540x810/cf3cb684b5fb75c6d2976fda346a9fd823704e1e.pnj");
}
button, input {
overflow: visible;
background: #6efebe;
border: 1px solid #fe829c;
color: #fe829c;
font-weight: bold;
}
.logout-btn, .logout-form {
color: #6efebe;
text-shadow: 0 0 5px #85575B;
text-transform: uppercase;
display: inline-block;
font-size: 100%;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: "◻";
color: #6efebe;
}
nav .links {
background-color: transparent;
text-align: center;
padding: 3.5px 16px 5.5px 16px;
}
nav .links a {
text-decoration: none;
color: #6efebe;
font-size: 0.98em;
font-size: max(0.98em, 12px);
}
nav .links a {
text-decoration: none;
color: #6efebe;
text-shadow: 0 0 7px #85575B;
font-size: 0.98em;
font-size: max(0.98em, 12px);
}
nav .links .special a {
color: #6efebe;
}
nav .links a:hover {
text-decoration: underline;
color: #6efebe;
font-weight: bolder;
text-transform: uppercase;
}
main:before {
width: 467px;
margin-bottom: 25px;
margin-left: 170px;
margin-top: 25px;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
height: 349px;
display: block;
content: "";
background-image: url(https://64.media.tumblr.com/cf23dee0d49c82ce868b14b3fe5d0c1f/05954145c2bb810f-3c/s400x600/a32d1ec46953525fc8f3901900683119d60da290.gifv);
background-position: center center;
background-size: cover;
}
main {
background: #fe829cba;
color: #6efebe;
text-shadow: 0 0 5px #85575B;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border: 10px solid #6efebe;
padding: 6px 0px;
font-size: 80%;
text-align: center;
}
span {
text-align: center;
color: #6efebe;
text-shadow: 0 0 5px #85575B;
text-transform: uppercase;
font-size: 170%;
}
a {
color: #6efebe;
text-shadow: 0 0 5px #85575B;
text-decoration: none;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
color: #6efebe;
text-transform: uppercase;
font-weight: bolder;
font-style: italic;
}
.edit-link {
font-size: 90%;
text-align: center;
}
.general-about .profile-pic {
display: flex;
float: left;
margin: 0 15px 8px 0;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border: 10px solid #6efebe;
}
.general-about .details {
display: flow-root;
text-align: center;
}
.profile .mood {
width: 100%;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://64.media.tumblr.com/fd3990185f840cc4999bdcdb456a7d99/e5b13c5a51c35e26-de/s500x750/2b027185be9caad1525574d48f358305b292acdf.pnj);
background-position-x: center;
background-repeat: no-repeat;
background-size: 300px;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: transparent;
color: #6efebe;
text-align: center;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border-bottom: 10px solid #6efebe;
padding: 2px 7px;
}
.profile .contact .f-row {
margin: 7px;
font-weight: bold;
font-size: 0.8em;
}
.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
width: 100%;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
margin: 10px 0;
}
.details-table td:first-child {
background: transparent;
color: #6efebe;
text-align: center;
font-weight: bold;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border: 5px solid #6efebe;
width: 33%;
}
.details-table td {
background: transparent;
color: white;
border: 5px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
vertical-align: top;
}
.profile-info {
border: 1px solid #4e8ebf;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 30px;
margin-bottom: 10px;
}
.profile .profile-info {
background-color: #fe829cba;
padding: 20px;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
border: 10px solid #6efebe;
}
.profile .blurbs .heading, .profile .friends .heading {
background: transparent;
border-bottom: 10px solid #6efebe;
color: #6efebe;
text-shadow: 0 0 5px #85575B;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
padding: 2px 7px;
text-align: center;
}
.profile .blurbs {
margin: 20px 0;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
}
.profile .blurbs .section h4 {
margin: 0;
color: #6efebe;
text-shadow: 0 0 5px #85575B;
text-align: center;
}
.friends {
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
}
.count {
color: #6efebe;
text-shadow: 0 0 5px #85575B;
}
.profile .friends .person p {
color: #6efebe;
font-weight: bold;
width: 100%;
overflow-wrap: break-word;
word-break: break-word;
font-size: 100%;
text-align: center;
}
.profile .friends .person img:not(.icon) {
max-width: 95px;
max-height: 95px;
display: block;
margin: 0 auto;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
}
.friends-grid {
border-top: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
padding-top: 10px;
}
.comments-table td:first-child, .music-table td:first-child {
background: black;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
text-align: center;
font-weight: bold;
width: 38%;
}
.comments-table td:first-child img:not(.icon) {
width: 90px;
max-width: 100%;
max-height: 200px;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
}
.comments-table td, .music-table td {
background: #fe829c;
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
vertical-align: top;
}
table.comments-table {
border: 10px solid #6efebe;
box-shadow: 0 0 5px #85575b, 0 0 10px #85575b;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background-color: #fff8dc00;
color: #6efebe;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
BACKGROUND-COLOR: #fe829c;
}
::-webkit-scrollbar-track {
border-radius: 10px;
width: 2px;
border: 10px solid #6efebe;
}
::-webkit-scrollbar-thumb {
background: #fe829c;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #fe829c;
}
.online {
content: url(https://64.media.tumblr.com/3a7da0eda352a20d3a05ee89023dd02b/f458f290c2236909-6c/s100x200/0369206f150bcf38b2a3f478948d248e23b7c789.gifv)
}
.icon, .award img {
content: url(https://64.media.tumblr.com/7f4d5743da7bae33c6577150b8531c5c/41f1bb77dcf79f29-90/s75x75_c1/e742c1b7427d4df4353e2e1b1e73bfb361ff4b1b.gifv);
display: inline-block;
height: 2.0em;
width: 2.0em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);}
HTML,BODY{cursor:
url(https://www.rw-designer.com/cursor-view/87273.png),
auto;}
A:hover{cursor:
url(https://www.rw-designer.com/cursor-view/87283.png),
auto;}
body:before {content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://64.media.tumblr.com/985db0b7e0538e914075fbf08fab190f/10d961c9708d8eb2-45/s1280x1920/56aa75b5c1fc7f701df514ced84e8c7fc277344b.webp');
background-size: contain;
background-repeat: no-repeat;
background-color: #fe829c;
background-position-y: bottom;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
<style> body {text-align: center;}</style>+9
<iframe width="0" height="0" src="https://www.youtube.com/embed/cCq0P509UL4//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Comments
Displaying 8 of 8 comments ( View all | Add Comment )
Lanuh
This is so cool, thanks for making this blog, cool AF!
Izumi
this is soo cool!
xoxo thank uuu
by Taylor ☘︎ 🃟; ; Report
Romy A Paole
This is like, so cool. How do you make these?
Sabiendo HTML5 y CSS3
by Fabian; ; Report
Aeolia ♡
Hi! Do you have blog layouts maybe?
v!NceNt XD
using :3
Enjoy!!!!
by Taylor ☘︎ 🃟; ; Report
Jano Tuna
OMG the Macintosh is so lovely
️✨ ty for share it
thank youuuuu :))))
by Taylor ☘︎ 🃟; ; Report
BARCO
It's so sad that layouts got disabled.. I REALLY wish they're brought back but I guess this is what we can have for now.. thank you!
all we can do is hope they come back
by Taylor ☘︎ 🃟; ; Report
GOAT
i do the same tbh :DD
xoxo
:')
by Taylor ☘︎ 🃟; ; Report