ryker dublin 8:11 layout

Tags: layout, simple, black, white

Description:

ryker dublin! remove all of the code markings b4 using!

Preview:

click on the image for a larger preview

Code:

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

<style>


<style>

 .logo {
  
content:url("https://external-media.spacehey.net/media/suZ-LCUBv_bYQU3U5BVKzSZdvVLqWFQNUdwqzBB-CE_Y=/https://files.catbox.moe/efe7lq.png")
  
  }</style>





<style>

}

}

--floating ryker , kinda makes the layout unusable in some places + un mobile friendly --
<style></style>
<div style="float:  ; max-height: 500px; width: 50%; position: fixed; left: -60px; bottom: 20px; z-index: 200;"><img src="https://files.catbox.moe/mwf601.png?width=816&height=624" width="544" height="416" alt="rykerdublin"/></div>

-- online icon ---

<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/22.gif"); animation-name: none; visibility: visible; height: 30px; width: 40px; }</style>



--banner--
<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://files.catbox.moe/tm8o0z.webp');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

</style>

-- main part of layout --


<style>

body {
font-family: ;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: white;
background-color: black;
border: 1px solid white;
font-family: ;
}
p, i, b, .count {
color: white !important;
}
a, .profile .friends .person p, .logout-btn {
color: white !important;
text-decoration:  !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: white;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid white;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid white
}
body{
background-image:
url();
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: white;
border-left: 2px solid white;
border-right: 2px solid white;
}
.heading, .url-info {
color: white !important;
background: none;
background-color: black !important;
border: 2px solid white !important;
}
.inner {
color: white !important;
border: 2px solid white;
border-top: none;
}
.profile-info {
border: 2px solid white;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid white;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: white !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid white;
border-collapse: collapse;
}
td {
color: white !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid white;
}
footer p {
color white !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid white;
margin: 2px;
}
nav .info {
background: none;
}

.general-about .profile-pic:after {
    background-size: cover;
    width: 160px;
    height: 160px;
}
.profile-pic:before {
    background-image: url(https://external-media.spacehey.net/media/seCNFFK3FNUgOc-GA2uiDm0a8Uz_hYODsZUUWfkikfcI=/https://files.catbox.moe/w3r77v.gif);
    display: inline-block;
    content: "";
}
img{
filter:grayscale(80%)
}

</style>


 --- music player---

<iframe width="0" height="0" src="https://www.youtube.com/embed/iC452qNLXFg//?&;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>


-- spacehey logo replaced w mini ryker --
<style>.logo{content: url(https://files.catbox.moe/ibia6p.png?f6686);width: 50px !important;height: 50px !important;}</style>





-- the image mask on profile pictures--

<style>
.general-about .profile-pic img{
clip-path: polygon(20% 0%, 0% 20%, 10% 51%, 0% 80%, 20% 100%, 48% 100%, 80% 100%, 100% 80%, 85% 50%, 100% 20%, 80% 0%, 50% 30%);
</style>

<style>
.general-about .profile-pic img{
clip-path: polygon(20% 0%, 0% 20%, 10% 51%, 0% 80%, 20% 100%, 48% 100%, 80% 100%, 100% 80%, 85% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.profile .friends .person img {
clip-path: polygon(20% 0%, 0% 20%, 10% 51%, 0% 80%, 20% 100%, 48% 100%, 80% 100%, 100% 80%, 85% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.comments-table img,
.person img{
clip-path: polygon(20% 0%, 0% 20%, 10% 51%, 0% 80%, 20% 100%, 48% 100%, 80% 100%, 100% 80%, 85% 50%, 100% 20%, 80% 0%, 50% 30%);
}
</style>

<style>
.online{content:url("https://dl.glitter-graphics.com/pub/719/719327vzpo4xrw7f.gif");
}
</style>


<style>     /* Flip Profile */
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>


<img src="https://caryland.neocities.org/cary%20land.gif" alt="CREDIT! optional to have"/>

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 25 comments ( View all | Add Comment )

anti★thesis (( elmo/ryker ))	1735022500 using >_< Report Comment
deppy^_^	1732718345 usingg! Report Comment
loverhoff	1731817067 Using! :3 Report Comment
salvekk	1729613489 using! Report Comment
Fototingobug	1729460159 theyre so cute... might use after i get tired of my current one ^_^ Report Comment
Alex	1726512019 using!! Report Comment
NICO :⁠P	1725229132 Usingggg Report Comment
ANTON	1724934042 using Report Comment
Saint	1722758350 Using0:-) Report Comment
fart	1720142464 USINGGGGG!! Report Comment
sosano	1718172305 using woaaaah Report Comment
♰ Tobias !!	1715516480 using :D !! Report Comment
Birdcherry	1714883567 using! Report Comment
z⟢exr0 . . 🕷️	1714826434 USINGG Report Comment
Boris01	1713104798 USING Report Comment
Flint Brubot	1712015140 using! :} (you did amazing with this btw) Report Comment
‡Tundra‡	1709458755 Using now! Report Comment
jitterySleeper	1707955952 using!! Report Comment
⊹ Francis/Julie [cowboypriest]	1706578831 Using! I Love This So Much Auagh Report Comment
Necrosis	1705806585 DAMNNNNN SO CUTE I LOVE THISSSSSSSS Report Comment