Bad Ichika/Leoni Layout

Tags: prsk, project sekai, silly, bad, simple, basic

Description:

This is my first time using HTML after 4ish years my skills are rusty. Improve this... use this... use this for another character... modify it... whatever I don't know man it's not that good anyway.

Preview:

click on the image for a larger preview

Code:

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

<style>
.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

	/* Add to Friends */

	content: "🌠"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "🎸"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "🎹"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "🥧"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "🍜"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "🎵"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "☄️"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🏫"

}

main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://media.discordapp.net/attachments/1152331034650755172/1152444874906423407/107b52977887e870519dfe886b218d2b.jpg');

	background-position: center center;

	background-size: cover;

}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

:root {
--lighter-blue:#33aaee;
--even-lighter-blue:#a0b7f2;
--lightest-blue:#d1dbff;
--dark-orange:White;
--light-orange:#33aaee;
--even-lighter-orange:#87d3ff;
--green:black;#ff0090
}

}
  body{

} 

body {
        background:url(https://media.discordapp.net/attachments/1152331034650755172/1152454543930568766/c6a5a318aebb7f144945e3fc8d940eb6.jpg)
}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:ridge; 
 border-width:6px; 
 border-color:#4455dd; 
background:#b6cafc;
}

footer {
background-image: 
url(https://media.discordapp.net/attachments/1152331034650755172/1152492696464801852/e157291bc539d58e2df9a5254a0a8e99.jpg);
color:White; 
}
.online { visibility: hidden; } .online img { content: url("https://media.discordapp.net/attachments/1152331034650755172/1152500467155349504/Ichika_04_st.ayaka.one.png"); animation-name: none; visibility: visible; height: 43px; width: 50px;
}
nav .top {
        background: url("https://cdn.discordapp.com/attachments/1152331034650755172/1152492696087306250/2dd50c1dd78b3c01f2330b516ba9f864.jpg");
</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 3 of 3 comments ( View all | Add Comment )

SafeInSanity

1707168492

I removed the main background image from this theme months ago but now I want to add a custom image for my background.

If you look on my profile currently the main background is white. I can't seem to figure out where to put my image url code to change it? Maybe I deleted it when removing the original theme's background image?

Can you give me an idea as to what part of the theme's code I would need to edit to change the main background color/image that is currently white on my profile?

Thanks!

Report Comment

─꒱ Yuii ✰࿔

1706931764

OML ICHIKAAA IT LOOKS CUTE!!

Report Comment

SafeInSanity

1694913283

I like it!

Report Comment

thank you!!! :D

by Meru; 1695041464; Report