ch3rry 🍒's profile picture

Published by

published
updated

Category: Web, HTML, Tech

⋆.ೃ࿔*:・𝓜𝔂 𝓵𝓪𝔂𝓸𝓾𝓽𝓼⋆.ೃ࿔*:・

https://layouts.spacehey.com/ch3rry444


Template I use for blog layouts!:

<style>

body {
     background-image: url("https://i.pinimg.com/1200x/b0/82/c5/b082c56cfb11a9f763fdd5ec642f27ec.jpg") !important;
     background-color: white !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
     background-size: 800px 1000px


}
main {
    background: white;
    opacity: 90%;
    color: #d95b57; basic font color
    padding: 6px 0px;
    font-size: 100%;
    border-style: outset;
    border-width: 0px px 5px 5px;
    border-color: #d95b57;
Border styles: Dotted, Ridge, Outset, Inset, Double, Solid, Groove


}
button, input {
    overflow: visible;
    background-color: #d95b57; search color
    border-style: dotted;
    border-color: #d95b57;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;


}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: #d95b57; search btn color
    border-style: dotted;
    border-color: #ff;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
    color: #fff;


}
.comment-replies {
    padding: 0 5px;
    border: 1.8px dashed #fff;
    margin-top: 1px;

}


.count {

    color: #FADBD8;

}
nav .links a:hover{
  text-decoration: underline;
  color: white; top link hover


}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #d95b57; bottom link hover
    text-decoration: underline;


}
table {
    border-top-color: rgb(217, 91, 87);
    border-right-color: rgb(217, 91, 87);
    border-bottom-color: rgb(217, 91, 87);
    border-left-color: rgb(217, 91, 87);
BORDER OF COMMENT SECTION


}
.comments-table td:first-child, .music-table td:first-child {
    background: #010528;
    background: #66012300;
    text-align: left;
    font-weight: light;
    width: 30%;


}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fcdbb800;
    vertical-align: top;


}
.comment-replies {
    padding: 0 5px;
    border: 2px solid #A09696;
    margin-top: 1px;


}
nav .links .special a {
    color: #633B3B;


}
nav .links a {
    text-decoration: underline;
    color: white;
    text-shadow: 0 0 7px white;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;


}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;


}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: #A09696;


}
nav .links .special a {
    color: #375873;


}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ୨୧・・";
    color: white;
    font-size: 14px;


}
nav .links a {
    text-decoration: underline;
    color: white; top link names
    text-shadow: 0 0 7px r; 
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;


}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;


}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: w;


}
a {
     color: #d95b57; side link
text-shadow: 0 0 2px white;
font-family: verdana, cursive;
font-size: 17px
line-height: 50px;


}
:root {
    --logo-blue:;
    --darker-blue: #633B3B;
    --lighter-blue: #d95b57; top border color
    --even-lighter-blue: #280303;
    --lightest-blue: white;
    --dark-orange: #A09696;
    --light-orange: #280303;
    --even-lighter-orange: #A09696;
    --accent-color: #A09696;


</style><p></p>


Music!: 

 <iframe width="0" height="0" src="YT EMBED LINK HERE//?&;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>

Instruction: 

Go to youtube > Find a song > Click "Share" > Click "Embed" > Copy the link in the embed, example:

<iframe width="560" height="315" src="https://www.youtube.com/embed/bf7rAzeuqt4?si=UuPxTV-V82qTuEI_" title="YouTube video player" 

Past that into the "YT EMBED LINK HERE" part of the iframe player. It will automatically play that song for you.


Images!:

<img src="">


Find the image you want > right click > Copy Image Address > paste in between quotation marks :^)


6 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )