Layout published by daniel

published 1698107500
updated 1729208570

Add to Favorites

View Layouts

View Profile

Report Layout

インターウェブ

Tags: webcore, japanese, idk what do i tag this with, anime, moe

Description:

meaning: interweb

GUYS!!! october 7 2024 UPDATED Added mobile version (Looks best in WEB Mobile NOT THE APP (i dont like the app its not layout friendly go away app) ) Thank you for your attention

i am obsessed with japanese web design... soo i tried something inspired by it. it doesn't have a direct inspiration... the layout just... wrote itself naturally....

features:

-customizable! i have made only two themes since i couldn't think of anything else... but you can customize it on your own too!! place your own banner, (side) background and accent color overall!!

-(fake)intrusive ads included!!!

bugs:

-i do not know japanese!!!!! it's all fucking google translated i'm so sorry :( there might be embarrassing typos... people who do know how to speak it are very welcome to bully me for that

-"add friend" text is supposed to be translated to add friend... but when the user is already your friend and you have the option to remove them, it'll still say "add friend"... can't really do anything about it

themes:

IMPORTANT: you need to paste one of these codes AFTER the main layout, otherwise it will not work. also, it will override any changes you've done in the code itself.

orange box!

<style>
:root {
    --background-color: orange;
    --background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    --banner-image: url(https://i2.glitter-graphics.org/pub/340/340492z50q6xsj40.jpg);
    --accent: orangered;}
</style>

pink magic!

<style>
:root {
    --background-color: white;
    --background-image: url(https://i10.glitter-graphics.org/pub/707/707570g7y1zfvon9.gif);
    --banner-image: url(https://i6.glitter-graphics.org/pub/1307/1307096kqvjz7qs6d.jpg);
    --accent: #F83f6a;}
</style>

a bonus: Splatoon Alterna Script instead of Japanese

I got asked for an edit for Splatoon fans! Just copy-paste this snippet AFTER the main layout (so the rest gets overwritten)

Splatoon text override

<style>@font-face {font-family: "Alterna";src: url(https://dl.dropbox.com/scl/fi/gajlkkom6z0ziblowpvj9/SplatoonAlternaFinal.otf?rlkey=fs6x3u8eta5l9r4d5vm556j75&st=20kiual7)}.links li a, .contact a, .center label, .center button, .heading h4, .blog-preview h4, .mood b a, .top .right a {height:24px;font-family:"Alterna";font-size:10px!important;overflow: hidden;text-overflow: ellipsis;transform: translateY(5px);}.center button, .heading h4, .blog-preview h4, .top .right a, footer .links li a {transform:none;height:auto;}.links li a:after, .contact a:after, .center label:after, .center button:after, .heading h4:after, .blog-preview h4:after, .mood b a:after, .top .right a:after  {content:""!important;}.links li a:not([title=Notifications]):hover, .contact a:hover, .center label:hover, .heading h4:hover, .blog-preview h4:hover, .mood b a:hover, .top .right a:hover {font-size:14px!important;font-family:'Arial';font-weight:bold;}.links li:first-child a[title=Notifications] {transform: translateY(4px)!important;}.url-info:before {content:"welcome!";font-family:"alterna";}</style>

Preview:

click on the image for a larger preview

Code:

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

<style>
/*
	customization
*/
:root {
    --background-color: white;
    --background-image: url();
    --banner-image: url();
    --accent: gray;
}
/*
	code itself 
	
*/.container,nav{width:100%}.top .right *,footer a{color:#00f!important}.center button,.center label,.mood b a,.top .right a:first-child,.url-info,nav .links a,nav .links a:not([title=Notifications]):hover:after{font-size:0px}.table-section,.url-info{margin-bottom:0!important}.mood b,.report a,.section h4,nav .links a{text-transform:uppercase}.blog-preview h4,.f-col,.friends-grid .person p,.mood p:last-child{overflow:hidden;text-overflow:ellipsis}.f-col a,.section h4,footer a{text-decoration:underline}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#dfdfdf}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}body::-webkit-scrollbar-corner{margin-top:60px}body{font-family:'MS PGothic';background:var(--background-color) var(--background-image);background-attachment:fixed}main{background:0 0}nav{height:100px;position:fixed;z-index:999}.col a,.online{color:color-mix(in srgb,var(--accent) 50%,#000);filter:saturate(3)}.count,.friends-grid .person p{color:color-mix(in srgb,var(--accent) 50%,#000)!important;filter:saturate(3)}.edit-link,.online img,.profile-info,.supporter .icon,footer p:nth-child(2){display:none}.col,.table-section+.table-section tbody,.top .left:before,.url-info::after{display:block}.top{height:50px;background:#fff!important;color:#000!important}.center label::after{content:"ユーザーを検索する:";font-size:12px}.center button::after{content:"サーチ";font-size:12px}.top .right *{font-size:12px;font-family:'MS Pgothic';text-decoration:underline!important}.contact .heading,.profile h1{color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.top .right a:first-child::after{content:"ヘルプ";font-size:12px}.top .left{position:relative;height:fit-content;margin-top:-10px!important}.top .left:before{content:"";position:absolute;background:var(--accent);width:110%;height:130%;top:-10px;mix-blend-mode:lighten;z-index:9999;opacity:.9;pointer-events:none}.logo-fallback{filter:drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(1px -1px 0px black) drop-shadow(-1px 1px 0px black)}.links{text-align:center}.col{width:100%!important;background:#fff;border-left:1px solid #000}.row{top:65px;width:75%;position:absolute;right:0}.general-about,.mood,.profile h1{position:fixed;left:1%}.profile h1{top:90px;background:#fff;width:23%;padding-inline:10px;padding-bottom:3px;border-radius:10px 10px 0 0;background:var(--accent);box-shadow:0 -8px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0}.general-about,footer{width:23%;border:1px solid #000;background:#fff}.general-about{top:115px;padding:5px 5px 40px;height:250px}.blog-preview h4,.blog-preview p,.inner>p,.mood{padding-inline:5px}.mood{top:310px;width:21%!important;left:2vw;border-top:1px dashed var(--accent);padding-top:5px}.contact,footer{position:fixed;left:1%}.mood p:last-child{white-space:nowrap}.contact{width:23%!important;top:365px;border:0!important}#comments,.blog-preview,.url-info{position:relative}footer{top:520px;padding:2px 0}.profile-pic .pfp-fallback{border:1px solid gray;width:100%!important;height:100%!important;object-fit:cover}.profile-pic{width:11vw;height:11vw!important}.details{text-align:right;margin-right:10px}.mood b{font-weight:400}footer .links,footer p{margin:0}footer p:first-child{width:100px;display:inline-block;vertical-align:top}footer p:first-child::after{content:"Disclaimer: This is a fan-based project and is not affiliated with MySpace® in any way. 'インターウェブ' layout by .../coedcaine";display:block}footer::before{content:"";display:inline-block;width:175px;height:100px;background:url(https://images2.imgbox.com/b7/5e/Z8Z4ZFhK_o.png) 0 0/contain;margin-right:10px;cursor:pointer}.blog-preview h4,nav .links a{padding-top:3px;background:var(--accent);white-space:nowrap}.contact .heading{background:#fff;border-radius:8px 8px 0 0;background:var(--accent)!important;box-shadow:0 -4px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0}.contact .inner{background:#fff;border:1px solid #000;height:120px}.url-info::before{content:"いらっしゃいませ！";font-size:35px;color:#fff;text-shadow:var(--accent) 3px 0 0,var(--accent) 2.83487px .981584px 0,var(--accent) 2.35766px 1.85511px 0,var(--accent) 1.62091px 2.52441px 0,var(--accent) .705713px 2.91581px 0,var(--accent) -.287171px 2.98622px 0,var(--accent) -1.24844px 2.72789px 0,var(--accent) -2.07227px 2.16926px 0,var(--accent) -2.66798px 1.37182px 0,var(--accent) -2.96998px .42336px 0,var(--accent) -2.94502px -.571704px 0,var(--accent) -2.59586px -1.50383px 0,var(--accent) -1.96093px -2.27041px 0,var(--accent) -1.11013px -2.78704px 0,var(--accent) -.137119px -2.99686px 0,var(--accent) .850987px -2.87677px 0,var(--accent) 1.74541px -2.43999px 0,var(--accent) 2.44769px -1.73459px 0,var(--accent) 2.88051px -.838247px 0}.url-info{background:#fff var(--banner-image);background-size:cover;background-position:center;height:200px;grid-column:span 3;image-rendering:pixelated;border:1px solid #000!important;width:calc(100% - 210px)!important}#comments,.blurbs,.table-section:not(.table-section + .table-section){grid-column:span 2}.url-info::after{content:"";width:200px;height:197px;background:url('https://images2.imgbox.com/ff/71/ueJSYcmT_o.png') center/cover no-repeat;position:absolute;left:calc(100% + 10px);top:0;border:1px solid #000;cursor:pointer}.table-section+.table-section tr{margin-bottom:5px}.table-section+.table-section td:first-child p{pointer-events:none;text-align:left}.table-section+.table-section td:first-child a{color:color-mix(in srgb,var(--accent) 80%,#000)!important;filter:saturate(1)!important}.table-section+.table-section td:last-child p{white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.table-section+.table-section td{height:20px!important}.table-section a img{border:1px solid gray;border-radius:4px;filter:saturate(5)}.table-section{width:100%!important;display:inline-block;background:#fff;border:0!important;max-height:320px}.table-section .heading{background:#fff;border-radius:10px 10px 0 0;background:var(--accent)!important;box-shadow:0 -3px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #000;border-bottom:0;color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.blog-preview h4,.blurbs .heading,.friends .heading,nav .links a{box-shadow:0 -2px 2px 3px rgba(255,255,255,.5) inset;color:#fff!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.table-section .inner{border:1px solid #000;height:calc(100% - 20px);overflow-y:auto;text-align:right}.table-section td:first-child{background:linear-gradient(color-mix(in srgb,var(--accent) 40%,#fff 50%),#fff 100%);height:20px}.table-section td:first-child p{color:color-mix(in srgb,var(--accent) 80%,#000);text-decoration:underline;font-weight:400;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:left}.table-section td:last-child{height:calc(100% - 20px);background:#fff}.table-section tbody{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:5px}.table-section tr{display:block;width:100%;border:1px solid color-mix(in srgb,var(--accent) 50%,#000)}.table-section td{display:block;width:100%!important}.col.left{display:grid;grid-template-columns:repeat(2,1fr) 15%;grid-column-gap:10px;padding-bottom:0}.col.right{display:grid;padding-top:10px;grid-template-columns:240px calc(100% - 240px);grid-column-gap:5px}#comments::after,.blog-preview::after{content:"";display:block;position:absolute;cursor:pointer}.blog-preview h4{border-radius:10px 10px 0 0;border:1px solid #000;position:absolute;width:calc(100% + 2px);left:-1px;top:-1px;margin:0!important}.blog-preview{order:1;width:236px;background:#fff;height:calc(100% - 70px);border:1px solid #000;padding-top:20px;border-radius:20px 20px 0 0}.blog-preview::after{background:url(https://images2.imgbox.com/e7/c3/MCADlYJ2_o.png) center/cover no-repeat;border:1px solid #000;width:234px;height:60px;bottom:-74px}.friends:not(#comments){order:2;height:290px}#comments,.blurbs{order:3}#comments{order:4;width:calc(100% - 147px);height:530px}.friends:not(#comments) .inner{height:calc(100% - 20px);padding:0;overflow-y:auto}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-2px}.friends-grid .person{margin:auto auto 5px;padding:0!important}.friends-grid .person p{margin:2px 0;width:100%;height:14px;white-space:nowrap}.friends-grid .person .pfp-fallback{border:1px solid gray;height:100px!important;width:100px!important;object-fit:cover}.inner>p{position:sticky;top:0;background:#fff;width:100%;z-index:1;border-bottom:1px solid gray;font-size:12px}.inner>p b{font-weight:400!important}.blurbs .heading,.friends .heading{border-radius:10px 10px 0 0;background:var(--accent)!important;border:1px solid #000;margin:0!important;font-weight:400}.blurbs .inner,.friends .inner{border:1px solid #000;border-top:0}.section h4{color:color-mix(in srgb,var(--accent) 80%,#000)!important;font-weight:400;font-size:11px;letter-spacing:1px;text-align:left}.section:first-child{border-bottom:1px dashed var(--accent)}.blurbs{margin-block:10px!important}#comments .inner{height:calc(100% - 22px);padding:0;overflow-y:auto}#comments::after{top:-8px;right:-147px;width:137px;height:528px;margin-top:10px;border:1px solid #000;background:url(https://images2.imgbox.com/6f/55/JqG1feLO_o.png) 0 0/cover}.comments-table{border-collapse:collapse;width:calc(100% - 20px)!important;margin:10px}.comments-table tr{border:1px solid var(--accent)}.comments-table td:first-child{width:10%}.comments-table td{background:linear-gradient(color-mix(in srgb,var(--accent) 50%,#fff) 0,#fff 10%)!important}.comments-table .pfp-fallback{border:1px solid gray}.comments-table b,.comments-table small{font-weight:400!important;font-size:10px;color:color-mix(in srgb,var(--accent) 80%,#000);letter-spacing:1px}.contact a,.table-section td:first-child{white-space:nowrap}[title=Notifications]{font-size:12px!important;display:inline-block!important;margin-bottom:-1px;margin-right:10px;transform:translateY(0)!important}[title=Notifications]:after{content:"|";display:inline-block;text-shadow:none;color:#000;transform:translate(35px,2px);line-height:10px}nav .links{padding-inline:0px!important;padding-bottom:0!important;padding-top:5px!important;border-bottom:2px solid #000;background:#fff;margin-top:-8px}nav .links a{width:75px;border-radius:10px 10px 0 0;border:1px solid #000;transform:translateY(1px);margin-top:2px;display:inline-block;font-family:SimSun;font-weight:400!important;text-decoration:none!important}.blog-preview h4,.f-col a,.heading h4,footer .links a{font-size:0px;text-transform:uppercase;font-weight:400}nav .links a:after,nav .links a:hover{font-size:14px}nav .links li:first-child a:not([title=Notifications]):after{content:"家"}nav .links li:nth-child(2) a:after{content:"ブラウズ"}nav .links li:nth-child(3) a:after{content:"サーチ"}nav .links li:nth-child(4) a:after{content:"メッセージ"}nav .links li:nth-child(5) a:after{content:"ブログ"}nav .links li:nth-child(6) a:after{content:"速報"}nav .links li:nth-child(7) a:after{content:"フォーラム"}nav .links li:nth-child(8) a:after{content:"グループ"}nav .links li:nth-child(9) a:after{content:"レイアウト"}nav .links li:nth-child(10) a:after{content:"お気に入り"}nav .links li:nth-child(11) a:after{content:"招く"}nav .links li:nth-child(12) a:after{content:"ショップ"}nav .links li:nth-child(13) a:after{content:"について"}nav .links li:nth-child(14) a:after{content:"アート"}:is(.heading h4,.blog-preview h4):hover{font-size:14px}:is(.heading h4,.blog-preview h4):hover:after{font-size:0px!important}.contact .heading h4:after{font-size:14px;content:"コンタクト"}.table-section:not(.table-section + .table-section) .heading h4:after{font-size:14px;content:"好き"}.table-section+.table-section .heading h4:after{font-size:14px;content:"リンクス"}.more{color:#fff!important;text-transform:uppercase;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),0 0 1px color-mix(in srgb,var(--accent) 70%,#000),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#000),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#000);filter:saturate(1)!important}.blog-preview h4:after{font-size:14px;content:"ブログ投稿"}.blurbs .heading h4:after{font-size:14px;content:"について"}.friends:not(#comments) .heading h4:after{font-size:14px;content:"友達"}#comments .heading h4:after{font-size:14px;content:"コメント"}.f-col a :first-child{font-size:13px;margin-right:5px}.f-col a{color:#00f}.f-col a:hover,.mood b a:hover,footer .links a:hover{font-size:11px}.f-col a:hover:after,.mood b a:hover:after,footer .links a:hover:after{font-size:0px!important}.f-row:first-child .f-col:first-child a:after{font-size:14px;content:"友人を追加する"}.f-row:first-child .f-col:last-child a:after{font-size:14px;content:"お気に入りを追加"}.f-row:nth-child(2) .f-col:first-child a:after{font-size:14px;content:"メッセージを送る"}.f-row:nth-child(2) .f-col:last-child a:after{font-size:14px;content:"友人に転送"}.f-row:nth-child(3) .f-col:first-child a:after{font-size:12px;content:"インスタント・メッセージ"}.f-row:nth-child(3) .f-col:last-child a:after{font-size:12px;content:"ユーザーをブロックする"}.f-row:nth-child(4) .f-col:first-child a:after{font-size:12px;content:"グループに追加する"}.f-row:nth-child(4) .f-col:last-child a:after{font-size:14px;content:"レポートユーザー"}footer .links{height:25px}footer .links li:first-child a:after{font-size:9px;content:"について"}footer .links li:nth-child(2) a:after{font-size:9px;content:"ニュース"}footer .links li:nth-child(3) a:after{font-size:9px;content:"ルール"}footer .links li:nth-child(4) a:after{font-size:9px;content:"プレス"}footer .links li:nth-child(5) a:after{font-size:9px;content:"ブランド"}footer .links li:nth-child(6) a:after{font-size:9px;content:"クレジット"}footer .links li:nth-child(8) a:after{font-size:9px;content:"条項"}footer .links li:nth-child(9) a:after{font-size:9px;content:"プライバシー"}footer .links li:nth-child(10) a:after{font-size:9px;content:"刻印"}footer .links li:nth-child(11) a:after{font-size:9px;content:"コンタクト"}footer .links li:nth-child(12) a:after{font-size:9px;content:"宣伝する"}footer .links li:nth-child(13) a:after{font-size:9px;content:"状態"}footer .links li:nth-child(14) a:after{font-size:9px;content:"SpaceHey ショップ"}.mood b a:first-child:after{font-size:12px;content:"ブログ"}.mood b a:nth-child(2):after{font-size:12px;content:"速報"}.mood b a:last-child:after{font-size:12px;content:"フォーラム"}@media only screen and (max-width:800px){.col.left,.col.right,.row{border:0!important}.general-about .profile-pic{width:40%!important;height:100%!important}.general-about .profile-pic img{max-height:100%!important;max-width:100%!important}nav .links{margin-top:22px}nav{background:#fff}.profile h1{margin-bottom:0!important}.contact,.general-about,.mood,span h1{display:block!important;position:static!important;width:100%!important}footer,footer *{width:0;height:0;opacity:0!important;pointer-events:none}.col.left{display:block}.row{width:100%}footer::before{display:none!important}nav{position:relative!important}.profile{margin-top:80px!important}}</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 20 of 771 comments ( View all | Add Comment )

M0RI	1733123383 using {p.s : it would be so cool if you made a Mori kei layout} Report Comment
𓏵 NEAR / MAENO ₊　· 💉	1733075648 USINGGG! Report Comment
King gey	1733075540 using!!! Report Comment
𓍼ོ 𑜞᭄ೃ	1733067963 using !! Report Comment
svftmilk	1733034881 Using ! Report Comment
Tori	1733020787 Using! Report Comment
kqiiden	1733013635 using >,< Report Comment
⋆ ┊ｒｅ－ｌ𝄞⨾𓍢ִ໋	1732999706 how do i change the white background and the fake ads? Report Comment
poza	1732983040 using! Report Comment
alex !	1732919759 how do you change the accent color without the color word? if that makes sense,,,,, (i mean how do you add a hex color) Report Comment for example: rgb(66, 135, 245); by Sellie; 1732964567; Report
ᥱᥒѵყ!⊹୨ ⋆.	1732905164 usingg Report Comment
ciinna	1732883803 using tysm!! Report Comment
yerenica	1732873307 using! thank u so much!! Report Comment
𝝑୧	1732843686 how to change the 'fake ads' photos? i'm really confused "-w- Report Comment
♠𝔢𝔳𝔦𝔩𝔢𝔪𝔭𝔦𝔯𝔢☯	1732835853 using this, many thanks Report Comment
Sellie	1732831448 USINGGGGGG o(￣▽￣)o Report Comment
Binmo	1732814503 using!! thank! Report Comment
Binmo	1732814503 using!! thank! Report Comment
🔑 clovefur / teia	1732800938 using Report Comment
コスモちゃん~~	1732800059 Using !! Report Comment