Report Blog Entry
So, i got this like the other day. i know absolutely nothing about coding.
im looking on youtube and trying to figure out how to do HDML code. Unfortunately i do not have a lot of time at the moment since i have work and exams D:
if you can/want to comment some simple HDML code i know hearts are &heart; but thats just from the youtube video im watching rn!
also if you know any good videos/websites that has a lot of the HDML code stuff (like hearts or how to change colours etc) then pls comment. hopefully this will help other people too!!
also as i learn stuff i might try to comment on this post or post them. ty if you do comment any :D
HTML code?
0 Kudos
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
MoonchildKiki
from the youtuber 'cryptic jasmine' (known as the same username on here) found/made a layout for simple HDMI code. her youtube video 'how to edit your spacehey layout (top 5 codes) is how i found this layout and she also explains how to use it.
im going to try to explain how to use it. everywhere i have put 'insert color' either put a colour name such as 'black' or 'green' if you want to, or you can find the rgb number and then you put 'rgb(put the colour number here)' where i have put 'insert color'.
also i got the links for images by using imgur, if you google imgur and make an account it is quite easy. you want to use the direct link on there and paste it where i have said to 'paste image/boarder link here'
when it says root near the bottom. those colours align with the default profile colours, 'logo-blue' is the spacehey logo blue at the top. have a play around if you are unsure what is what.
ive kinda done this backwards but for the first part you need to go to google fonts- pick a font you like then press on it. by the side it should say 'select this style'. press that and then make sure you select @import then copy and paste all in the first box where it says 'copy font link here' and make sure you only have the one '' at the top. then in the box below it should say 'font-family:' copy what is after that in the box where i have put 'paste font family' and then boom font is done. the p{ means its the main profile font. where it has 'h1,h2' etc that means header 1 and header 2. that part is for if you want your headers a different font- if not then just paste the same, :D
do check out cryptic jasmine's youtube video if you need more help.
<style>
copy font link here
p{
font-family: paste font family;
font-size: 100%;
}
h1,h2,h3,h4,h5{
font-family: paste font family;
font-size: 200%;
}
body {
background-image: url(https://i.imgur.com/Cca4s7om.jpg);
}
.profile {
background-color: insert color;
}
/* change all headings on page to different colors. */
.profile .blurbs .heading,
.profile .friends .heading{
background-color: insert color;
color: black;
}
/* change all headings on page to different colors. */
.profile .contact .heading,
.profile .table-section .heading{
background-color: black;
color: insert color);
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 300px;
display: block;
content: "";
box-shadow: 0px 0px 5px 1px #006622;
background-image: url(paste boarder link here);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 15px;
background-image: url(paste image link here);
color: white;
}
table.comments-table td {
color: insert color;
}
:root {
--logo-blue: insert color;
--darker-blue: insert color;
--lighter-blue: insert color;
--even-lighter-blue: insert color;
--lightest-blue: insert color;
--dark-orange: insert color;
--light-orange: insert color;
--even-lighter-orange: insert color;
--green: insert color;
}