daniel's profile picture

Layout published by daniel

published
updated

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:

Layout Screenshot
click on the image for a larger preview

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.