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 6 of 6 comments ( View all | Add Comment )

star	1730143240 Using Report Comment
Lau	1729341993 using! :D Report Comment
🌐🏳️‍⚧️ ᯓ★ cosmo !! 🩵	1719776682 using!!!1 this is so cute, the music is wonderful :) Report Comment
Sunnymon11	1717346029 using some peices Report 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