dai's profile picture

Layout published by dai

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

FAQ (Update april 29 2025)

Thank you guys for the support I didn't realise it had. this many and so many people were interested in it ... Unfortunately theres too many comments and it overwhelms me a bit to solve your issues but here's the solution to frequent troubles with this layout:

The code is too messy to read! I want to edit it!: I usually "minify" (compress) my layouts that are too long because theyll take.. lot of space on your edit profile fields. But this is a reversable action. You can copy-paste the code onto a code unminifier.... Or I'll do that for you! Here's the unminified code version: Pastebin link

Please please please let me change the ad images ahhhhh: I wish I could have integrated a customisation too for the ads. But since they were very specifically-sized, I thought those images fit the most. However if you want to change them, In the Pastebin link of the unminified source code, there is commentary for you to find these images to change. Search in the text the comment "AD Replacement" there are four of these, for 1)footer 2)after banner 3)below blog posts 4)after comments. If you're on pc CTRL+F and look for "ad replacement". Then change the image link (I used imgbox so it would be a imgbox url ending in .png)

I can't stand the japanese please make it english Now: Sorry okay it was a silly detail I added but you don't have to manually translate it to english again... the default code is in english.... So please don't . waste your time by manually translating it when you can just easily delete the code that changes it to japanese. Once again, in the Pastebin link for the unminified code, you can CTRL+F "japanese translation" and follow the instructions : there'll be a line stating the start of the code you should delete, and one stating the End of the code you should delete. Don't delete anything below the end line, nor above the start line and youll be fine (in theory . i dont have time to test it)

Thank you so much again!

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.


Comments

Displaying 20 of 2182 comments ( View all | Add Comment )

haru >_<

haru >_<'s profile picture

using using


Report Comment

tween

tween's profile picture

hey uhh im rlly lazy guys... Could someone copy the code for me but it's only the boxes? With no like pictures or anything, Just the little box things?... Sorry I sound dumb lolol (; - _ -)


Report Comment

Skinny Legend

Skinny Legend 's profile picture

using!! /Pink//


Report Comment

zane

zane's profile picture

using!


Report Comment

Eno

Eno's profile picture

Using


Report Comment

Vanvan

Vanvan's profile picture

using!! this is so cute :)


Report Comment

Razo ^_^

Razo ^_^'s profile picture

using!!


Report Comment

Stellar,notreallystellar

Stellar,notreallystellar's profile picture

usingggg :)


Report Comment

Serena

Serena's profile picture

using


Report Comment

kismet!

kismet!'s profile picture

using!!!


Report Comment

Malcolm

Malcolm's profile picture

usinggg


Report Comment

MxClairz

MxClairz's profile picture

Using :3


Report Comment

🍒_𝕁𝕒𝕫𝕫𝕪_🍒

🍒_𝕁𝕒𝕫𝕫𝕪_🍒's profile picture

Using ( ˶ˆᗜˆ˵ )


Report Comment

DWNTE

DWNTE's profile picture

using!!


Report Comment

vixen

vixen's profile picture

using!!


Report Comment

Angel / Milo

Angel / Milo's profile picture

Using!!


Report Comment

𝔛𝔦𝔩𝔢 ♱

𝔛𝔦𝔩𝔢 ♱'s profile picture

Does anyone know if there’s any way I can change the entire bg and the boxes colors altogether?? Would rlly appreciate it, the white’s blinding me lmao


Report Comment

Sammsara

Sammsara's profile picture

Will use!!


Report Comment

Sammsara

Sammsara's profile picture

Will use!!


Report Comment

(っ҂ཀ•)っ𝙼𝚒𝚢𝚊

(っ҂ཀ•)っ𝙼𝚒𝚢𝚊's profile picture

how can I change the color?


Report Comment



and add pictures..

by (っ҂ཀ•)っ𝙼𝚒𝚢𝚊; ; Report

im not sure how to add the pictures, but you add color by pasting this layout onto of a colored layout you already have!

by # !! ꒰ faye꩜ .ᐟ ꒱ 🚬🎹; ; Report

I found out how to change the photos! what you do is go to the Pastebin link, press clone, then a version the code that you can edit will come up! Then scroll down till you see "AD Replacement" (there's 4 of them) and change the url code!

by # !! ꒰ faye꩜ .ᐟ ꒱ 🚬🎹; ; Report