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 :^)
Comments
Displaying 0 of 0 comments ( View all | Add Comment )