THOMA LAYOUT!!

Tags: thoma, genshin, genshin impact, games, anime, red, gold, dog, black

Description:

This is a Thoma themed layout!!!

Anyone is free to use!! Pls just credit me and (maybe) Friend me!!!

All of my layouts were created for PC and ON PC, So they don't always look the same as they do on mobile heads up!!

This layout features a Floating Thoma Gif in the bottom right, Floating main, A Thoma emote to replace the "Online!" gif, A Gif Banner, And more Gifs just sprinkled in, All the other stuff in your usual layout stuff !!!

If you edit my code please follow SpaceHey rules!!! I am not responsible for the possible repercussions that come with breaking them!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=23769) -->

<style>
body{ background-image: );
background-image:url(https://c.tenor.com/1TIG65lnwT0AAAAd/waneella-pixel-art.gif);
Background-size: 70%;
}

main:before {
      background-image: url(https://64.media.tumblr.com/a1c0fd45d8bcd5920ee413ab346726ee/c970797822b48f4c-17/s540x810/c14fea25df65c5dd62684c2d889a443d43cff6bd.gifv);
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 200px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }

.row {
    width: 100%;
    display: table;
    table-layout: fixed;
    background-color: #67222569;
}

.general-about .details {
width: 300px;}

.profile .table-section, .profile .contact{
    margin-top: 20px;
}

nav, footer {
	margin: 1em;
	position: relative;
}

main .right {
    width: 300px;
    background-color: #white;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
    border: 2px solid #ffffff00;
}

a{color: #edc886;}

.profile .friends .person p {
    color: #ffcc00;
}

.col.w-40 {
    width: 43%;
}

nav .links {
    background-color: #c72b20b5;
}

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://i.pinimg.com/originals/72/c2/c6/72c2c665749205893be6fc2c8a61730d.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
    background-size: cover;
}

nav .top {
    background: #a8a8a89e;
    color: black;
}

main {
    background:#ffffff00;
    color: white;
}

.profile .blurbs .section h4 {
    color: #9c2323;
}

.count {
    color: #b74e4b;}

nav{
    font-size: 100%;
  font-family: 'Splash';}

.profile .blurbs .heading, .profile .friends .heading {
    background: #bdaa07d6;
    color: black;
}

.details-table td {
    background: #383a3cb8;
    vertical-align: top;
    color: white;
}

.details-table td:first-child {
    background: #6c3939cf;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #a59658ad;
    color: white;
    padding: 2px 7px;
}

.profile .mood {
    margin-top: 20px;
}

div. mood{     border: 2px solid #ffffff00;}

.profile-pic img {
    border-radius: 100%;
    margin-top: 20px;
    margin-left: 10px;
outline: 2px dashed white;
outline-offset: 4px;
}

 .mood {
    margin-bottom: 20px;
}

main {
    font-size: 95%;
   font-family: 'Roboto Condensed';
}


.url-info{
    background: url(https://64.media.tumblr.com/be77a9dfa306f9e71805d878525c9831/c17f1dea60482422-ab/s540x810/5231ba443954012483ab5989f0a89492e13124a5.gifv);
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 250px;
color: White;
}


.comments-table td {
    color: White;
background-image: url(https://64.media.tumblr.com/20d62c5c7975d6fafecb4c062d6c8005/df068176a5b97fe6-5c/s540x810/80db8f79f268191b4f75ac5afe17d0f05a1b094e.gifv);
background-size: cover;
}

.comments-table td:first-child img:not(.icon) {
    visibility: hidden;
}

.profile .friends .person img:not(.icon) {
    border-radius: 20%;
}

<style>

.friends
{display:none;
    }
 

    .online {
        content: url("https://mystickermania.com/cdn/stickers/games/genshin-thoma-happy-512x512.png");
  content-position: center;
   width: 95px; }

.icon, .award img {
    visibility: hidden;
}

/* contact icons */
.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 favorite */
content: "🔥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🏮"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "⭐"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🌶️"
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #ffffff00;
color:White;
}


nav::before {
   content: "";
   background:  url(https://pbs.twimg.com/media/FDHJfKuXoAoLsnA.png);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}


.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}


</style>


<p id="p0">This Layout was made by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei</a></p>


<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(https://c.tenor.com/ab6_9PeBfB4AAAAC/mihoyo-genshin.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } </style>


<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo619.cur), auto !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 2 of 2 comments ( View all | Add Comment )

4leafperson

1681202330

please make a tighnari one, I think that would really cute and pretty ^^

Report Comment

Cyrus

1663469755

this is so underrated I love this so much

Report Comment