Snom Layout

Tags: pokemon, snom, snow, ice

Description:

So this is my first attempt of a layout, and i did it based on my comfort pokemon, snom. I wanna be clear that I have no clue if it genuinely works or not, it seems to whilst testing, but if not, please let me know, obviously you can change things if you dont like what's on it, but please credit me/let me know if used. yes it is a jumbled mess, im sorry lmao

Preview:

click on the image for a larger preview

Code:

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

~~~ THIS IS IN THE ABOUT ME SECTION ~~~

<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,500;0,800;1,300;1,700&display=swap');
body{font-family: 'Josefin Sans', sans-serif;}
</style>

<style>
main {
    border-radius: 15px 15px 15px 15px;
    border: 0px solid rgba(91, 194, 146);
    color: LightSkyBlue;
    background-color: AliceBlue;
}
</style>
<style>
body {
  background-image: url('https://e1.pxfuel.com/desktop-wallpaper/759/957/desktop-wallpaper-marc-snom-thumbnail.jpg');
}</style>
<style>
nav .top
{
    background:   !important;
      background-image: url(https://clipart-library.com/img/1922157.gif);
    background-repeat: repeat;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/J4wjauhYeVM//?&;amp;;autoplay=1&;loop=2&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

~~~ THIS IS IN THE WHO ID LIKE TO MEET SECTION ~~~

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

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>
<style>
.general-about {
    background-image: url(https://thumbs.gfycat.com/ActiveTerrificDuckbillcat-max-1mb.gif);
    background-size: cover;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #AED6F1;
    text-align: right;
}
</style>
<style>
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.1);
}

nav { background-image: url(https://clipart-library.com/img/1922157.gif) 
}
</style>
<style>
.table-section {
background-image: url(https://w0.peakpx.com/wallpaper/250/860/HD-wallpaper-dark-galaxy-stars-abstract-blue-sky.jpg);
}
</style>

<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: "❄️"

}
</style>
<style>
  .profile .table-section{
    border:2px solid #483D8B;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#483D8B;
    border: 1px solid #483D8B;
    border-radius: 14px 14px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #87CEFA;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
</style>

<style>

.profile .url-info {
	border: 0;
	color: #7CC6FF;
	text-shadow: 1px 1px 2px black;
	background:url(https://www.icegif.com/wp-content/uploads/snow-icegif-13.gif);
	background-position: center;
	text-align: center;
}

</style>

<style>
.blurbs .inner .section:first-of-type h4{
	font-size:0;
}
.blurbs .inner .section:first-of-type h4:after{
	content:"";
font-size:.8rem;
}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"";
font-size:.8rem;
}
</style>

<style>

.blurbs .heading{display: none !important;}

</style>
<style>

div.scroll-container {

  background-color: #;

  overflow: auto;

  white-space: nowrap;

  padding: 10px;

}

div.scroll-container img {

  padding: 0px;

}

</style>

<div class="scroll-container">

  <img src="https://images-ext-2.discordapp.net/external/hTO_cx9J3RbBYvVy-9E4SzwFVfHOAlWpcfqwn9Y1wrQ/https/pbs.twimg.com/media/FVRhXgJUYAEWcOF.jpg?width=731&height=445" alt=" " width="750" height="300"/>

  <img src="https://cdn.discordapp.com/attachments/892203071847940096/1060009467808317470/facebook_1672796320381_7016216297759447682.jpg" alt=" " width="400" height="350"/>

  <img src="https://media.discordapp.net/attachments/892203071847940096/1076401530757988412/811.png?width=523&height=546" alt=" " width="600" height="400"/>

</div>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 0px solid #483D8B;
}
</style>
<style>
.table-section{display:0.5;}
</style>

<style>

.contact .heading {
  background: transparent!important;
  font-family: Josefin Sans;
  font-size: large;
  color: #F8F8FF!important;
  border: dotted #!important;
}

.contact {
  border: 3px dotted #6495ED!important;
  background-image: url(https://pa1.aminoapps.com/7389/f52c6a432cb67833c6330693d96096481e4a225ar1-359-244_hq.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #F8F8FF;
  font-family: Josefin Sans;
  font-size: 12px;
}
</style>

<style>
:root {

    --logo-blue: DarkSlateBlue;

    --darker-blue: LightSkyBlue;

    --lighter-blue: LightSkyBlue;

    --lightest-blue: ;

    --dark-orange: LightSkyBlue;

    --light-orange: aliceblue;

    --even-lighter-orange: aliceblue;

}
</style>
<style>
.online {visibility: transparent;}
.online img {
    content: url("https://64.media.tumblr.com/034021f7df85afa9d787f583fe4e1d14/8c13c5d31dcc975d-c1/s500x750/458f648d80ca1d71435669f0ff74c27afc0dfedb.gif");
    animation-name: fade;
    visibility: visible;
    margin-left: 10px;
    height: 30px;
    width: 30px;
}</style>
<style>
footer {background:url(https://thumbs.gfycat.com/HospitableDesertedFrenchbulldog-size_restricted.gif)!important; line-height:1px !important;}
border-radius: 5px;
footer ul li a {color: #000000 !important;}
</style>
</iframe>

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 )

Oxilaris

1714190301

using ^_^

Report Comment

Jeff the Sharpedo

1700148721

Hi! I've tested it out recently and not everything seems to work on my end. But I am currently using this layout to mess my way around. So far, I like what I can get! :D

Report Comment