hello everyone!!! so, since the layouts section is STILL not working (and im so desparate to upload more) here's an umamusume layout for y'all 🐴🐴🐴 comment if using!!!
>>>CLICK HERE<<< to view more layouts i've previously made.
PREVIEW:


CODE:
notice: unfortunately i wasnt able to put a small text area with the code inside it so you have to copy the code manually.
<style>
@import url('https://fonts.googleapis.com/css2?family=Antic+Slab&display=swap');
body{font-family: Cursive;
font-size: 18px;
</style>
<style>
body {
background-image:url('https://i.redd.it/evolution-of-umamusume-loading-screen-art-v0-un35pulad9cf1.png?width=1920&format=png&auto=webp&s=5c2a0721d78ff36831736f0f1d6ff6f45d756c6b');
background-attachment:fixed;
background-position:center center;
}
.container{
width: 820px;
}
nav .top{
background-color: transparent;
background-image: url('https://i.postimg.cc/htMyMvxp/anime-anime-girls-uma-musume-pretty-derby-horse-girls-animal-ears-hd-wallpaper-preview-1.jpg');
background-position:center center;
background-attachment:cover;
border: solid lime 3px;
border-radius: 15px;
height: 250px;
.logo {
content:url("https://i.postimg.cc/pT52NvX3/Uma-Musume-Logo.webp");
}
}
main .left{
background-color: transparent;
background-image: url('https://thumbs.dreamstime.com/b/lucky-pink-horseshoe-silhouette-seamless-vector-pattern-endless-ornament-colorless-background-chocolate-isolated-flat-style-364113224.jpg');
border: solid violet 3px;
border-radius: 15px;
}
.general-about .profile-pic img{
border-radius: 90px;
border: solid hotpink 3px;
}
nav .links{
background-image: linear-gradient(lime, hotpink);
border: solid green 2px;
border-radius: 8px;
}
.profile .contact{
border: ridge 3px #d426ff;
box-shadow: 0px 1px 10px white;
border-radius: 8px;
}
.contact {
background: url(https://t3.ftcdn.net/jpg/06/96/63/92/360_F_696639254_NIObDwU6fX2Og4oGJRQ40iEvkTjQwJ5W.jpg);
background-position: center;
background-attachment:cover;
padding: 5px;
width: 150px;
height: 145px;
color: white!important;
}
[id='q']{
border: ridge 3px hotpink;
border-radius: 8px;}
FORM > BUTTON{
border-radius: 7px;
border: ridge white 3px;}
.profile .blurbs .heading{
background-image: linear-gradient(lime, hotpink);
border: ridge 3px violet;
border-radius: 8px;
}
.profile .blurbs .heading h4{
color: white;
}
.profile .friends .heading{
background-image: linear-gradient(lime, hotpink);
border: ridge violet 3px;
border-radius: 7px;
}
.profile .friends .heading h4{
color: white;
}
.blurbs {
background: url(https://thumbs.dreamstime.com/b/lucky-pink-horseshoe-silhouette-seamless-vector-pattern-endless-ornament-colorless-background-chocolate-isolated-flat-style-364113224.jpg);
background-position: center center;
background-size: fixed;
border: 0px;
border-radius: 4px;
}
.profile .friends .person img:not(.icon){
border: solid 3px hotpink;
border-radius: 90px;
}
.profile .url-info{
border: solid 3px violet;
border-radius: 8px;
box-shadow: 0px 1px 10px white;
height: 240px;
background-image: url('https://cdn.ogladajanime.pl/images/anime_new/15128/2.webp?20250122020436');
background-attachement:center center;
background-position: fixed;
}
.profile h1 {
background: transparent;
text-align: center;
font-size: 28px;
color: purple;
padding: 2px;
margin-top: 5px;
margin-bottom: 12px;
}
footer {
background-color: transparent;
background-image: url('https://i.postimg.cc/htMyMvxp/anime-anime-girls-uma-musume-pretty-derby-horse-girls-animal-ears-hd-wallpaper-preview-1.jpg');
background-position:center center;
background-attachment:cover;
border: solid lime 3px;
border-radius: 15px;
height: 250px;
}
.icon, .award img {
content: url(https://i.postimg.cc/59FRz0RZ/HORSESHOE.png);
display: inline-block;
height: 1.4em;
width: 1.4em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}
.profile .blurbs .section h4{
color: purple;
}
.count{
color: violet;
}
a{
color: purple;
}
.details-table td *{
color: purple;
}
.profile .url-info p{
color: #9f32ed;
}
.profile .contact .heading,
.profile .table-section .heading{
background-image: linear-gradient(lime, hotpink);
border: solid violet 3px;
border-radius: 8px;
border-radius: 5px;
}
:root {
--even-lighter-blue: url('https://i.pinimg.com/1200x/25/d7/cb/25d7cbd71d095af25423cbc60795a34c.jpg');
--light-orange: url('https://i.pinimg.com/1200x/25/d7/cb/25d7cbd71d095af25423cbc60795a34c.jpg');
--lightest-blue: white;
}
.comments-table td{
background: transparent;
}
</style>
<style>
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat671.cur), auto !important;} /* End https://www.cursors-4u.com */
</style>
<div style="float: ; max-width: 150%; height: auto; width: 300px; position: fixed; left: 0px; bottom: -10px; z-index: 100;"><img src="https://user-images.githubusercontent.com/59540382/222421579-582be5db-5839-4f7c-bf1b-80efc812c4e0.gif" /></div>
<iframe width="0" height="0" src="https://www.youtube.com/embed/cmuTy73jzSs//?&;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>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
m0nst3rS0ph13
AWWW YEAAAHHH!! I love that teio points to the spacehey url lol
yes yes small unintentional detail but its funny
by J★CKIE; ; Report