Report Blog Entry
This is probably gonna be the code I'm gonna use for my blogs, though I'll probably add and/or remove some things, but the idea is to be winter themed just because I love the winter time lol
if you like how it looks this is the code: ALTHOUGH you should go to this blog (https://blog.spacehey.com/entry?id=529013) & (https://blog.spacehey.com/entry?id=5552) the vast majority of the code comes from them so go over and give some kudos to them
PS: there's an easter egg hidden in the midst of the snowflakes, try to find it!
<iframe width="0" height="0" src="https://www.youtube.com/embed/ay46J539k_I?si=LlNY0L9ZOHzcr7CL//?&;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>
<style>
body {
background-image: url("https://i.redd.it/z6a0phtfw6aa1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-family: 'Poppins', italic;
}
.inner b {
color: ##ebf3f4;
}
nav .top {
background-color: rgba(112,161,148,255);
border: 5px dashed black !important;
}
nav .links {
background-color: rgba(112,161,148,255);
text-align: right;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
button {
color: #ebf3f4;
background-color: rgba(112,161,148,255);
}
.count {
color: #ebf3f4;
}
a {
color: #ebf3f4;
}
nav .links a {
color: #ebf3f4;
}
footer {
background-color: rgba(61,139,191,255);
border: 5px dashed black !important;
}
footer p {
color: #ebf3f4;
}
footer .links {
color: #ebf3f4;
}
.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
background: rgba(61,139,191,255);
color: #ebf3f4;
border: 3px dashed black !important;
}
.edit-info {
background-color: rgba(112,161,148,255);
border: 1px;
border: 5px dashed black !important;
}
.blog-entry .title {
background-color: rgba(112,161,148,255);
color: #ebf3f4;
padding: 5px;
border: 5px dashed black !important;
}
p.links a:first-child .icon{
content: url("https://static.wikia.nocookie.net/pokemon-daybreak/images/5/5a/027_1.png/revision/latest?cb=20200810145113”);
width: 25px;
height: auto;
}
p.links a:nth-child(2) .icon {
content: url(“https://static.wikia.nocookie.net/pokemon-daybreak/images/5/5a/027_1.png/revision/latest?cb=20200810145113”);
width: 25px;
height: auto;
}
p.links a:last-child .icon, table.comments-table td .icon {
content: url(“https://static.wikia.nocookie.net/pokemon-daybreak/images/5/5a/027_1.png/revision/latest?cb=20200810145113!”);
width: 25px;
height: auto;
}
.blog-entry .content {
background-color: black;
padding: 10px;
}
main {
background-color: black;
}
main .left {
background-color: black;
color: #FF0000;
}
main .right {
padding: 1px;
background-color: black;
}
</style>
</p>
<div style="max-height: 300px; position: fixed; left: 0px; bottom: 620px; z-index: 99;">
<img src="https://archives.bulbagarden.net/media/upload/9/95/MDP_3DS_460M.png" height="100"></div>
<div style="max-height: 300px; position: fixed; left: 1150px; bottom: -5px; z-index: 99;">
<img src="https://i.kym-cdn.com/photos/images/newsfeed/002/329/499/6c7.png" height="150"></div>
<div style="max-height: 300px; position: fixed; left: 0px; bottom: -5px; z-index: 99;">
<img src="https://i.pinimg.com/564x/c6/42/37/c642374a5b8c1bc787cb6d56334d8f40.jpg" height="150"></div>
<div style="max-height: 300px; position: fixed; left: 1350px; bottom: -20px; z-index: 99;">
<img src="https://archives.bulbagarden.net/media/upload/3/32/Spr_5b_460_m_s.png" height="150"></div>
<div style="max-height: 300px; position: fixed; left: 0px; bottom: -35px; z-index: 99;">
<img src="https://archives.bulbagarden.net/media/upload/5/59/Spr_b_5b_459_m.png" height="150"></div>
<div style="max-height: 300px; position: fixed; left: 1270px; bottom: 520px; z-index: 99;">
<img src="https://archives.bulbagarden.net/media/upload/5/5d/0646Kyurem-White.png" height="200"></div>
<style>
.snowflake {
position: fixed;
top: -10%;
z-index: 99;
user-select: none;
animation-name: snowflakes-fall, snowflakes-shake;
animation-duration: 10s, 3s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running;
width: 35px;
height: 35px;
}
.snowflake.type1{
content: url(https://archives.bulbagarden.net/media/upload/0/0d/Spr_5b_615.png);
}
.snowflake:nth-of-type(0) {
left: 1%;
animation-delay: 0s, 0s
}
.snowflake:nth-of-type(1) {
left: 10%;
animation-delay: 1s, 1s
}
.snowflake:nth-of-type(2) {
left: 20%;
animation-delay: 6s, .5s
}
.snowflake:nth-of-type(3) {
left: 30%;
animation-delay: 4s, 2s
}
.snowflake:nth-of-type(4) {
left: 40%;
animation-delay: 2s, 2s
}
.snowflake:nth-of-type(5) {
left: 50%;
animation-delay: 8s, 3s
}
.snowflake:nth-of-type(6) {
left: 60%;
animation-delay: 6s, 2s
}
.snowflake:nth-of-type(7) {
left: 70%;
animation-delay: 2.5s, 1s
}
.snowflake:nth-of-type(8) {
left: 80%;
animation-delay: 1s, 0s
}
.snowflake:nth-of-type(9) {
left: 90%;
animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(10) {
left: 25%;
animation-delay: 2s, 0s
}
.snowflake:nth-of-type(11) {
left: 65%;
animation-delay: 4s, 2.5s
}
@keyframes snowflakes-fall {
0% { top: -10% }
100% { top: 100% }
}
@keyframes snowflakes-shake {
0%, 100% { transform: translateX(0) }
50% { transform: translateX(80px) }
}
</style>
<img class="snowflake type1">
<img class="snowflake type2" src="https://archives.bulbagarden.net/media/upload/0/0d/Spr_5b_615.png">
<img class="snowflake type1">
<img class="snowflake type1">
<img class="snowflake type1">
<a href="https://www.youtube.com/watch?v=wg4FvehyvYQ"> <img class="snowflake type2" src="https://archives.bulbagarden.net/media/upload/7/77/Spr_5b_615_s.png"> </a>
<img class="snowflake type1">
<img class="snowflake type1">
<img class="snowflake type2" src="https://archives.bulbagarden.net/media/upload/0/0d/Spr_5b_615.png">
<img class="snowflake type1">
<img class="snowflake type1">
<img class="snowflake type1">
<marquee>
<img src="https://pkmncards.com/wp-content/uploads/en_US-SM12-044-weavile.jpg" width="125" height="170">
<img src="https://pkmncards.com/wp-content/uploads/sv4_en_037_std.jpg" width="125" height="170">
<img src="https://pkmncards.com/wp-content/uploads/regice-ex-hidden-legends-hl-97.jpg" width="125" height="170">
<img src="https://pkmncards.com/wp-content/uploads/en_US-SM5-041-frost_rotom.jpg" width="125" height="170">
<img src="https://pkmncards.com/wp-content/uploads/en_US-SM12-051-sealeo.jpg" width="125" height="170">
<img src="https://pkmncards.com/wp-content/uploads/en_US-SWSH12-189-candice.jpg" width="125" height="170"></marquee>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
DedeBaron
testing testing 123