Report Blog Entry
hey slays. it always bothered me that i could never figure out how people customized their blog post layouts until now so ill get em here
- click on the <> sign on the top left of the editor
- paste the code below before your blog content
- should be finished, you can see if it changes after you click on the <> (now an eye) that converts the editor to its original state.
Heres the code i used for this posts layout, feel free to customize as you wish, and please let me know if theres anything i can add/change or ask questions about (however i am not a coder, theres some questions i probably wont be able to answer):
<style>
body {
background-image: url("background image link here!");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-family: 'Georgia', serif;
}
.inner b {
color: #FF0000
}
nav .top {
background-color: black;
}
nav .links {
background-color: black;
text-align: right;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
button {
color: #FF0000;
background-color: black;
}
.count {
color:#FF0000 ;
}
a {
color: #FF0000;
}
nav .links a {
color:#FF0000;
}
footer {
background-color: black;
}
footer p {
color: #FF0000;
}
footer .links {
color:#FF0000;
}
.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
background: black;
color:#FF0000;
}
.edit-info {
background-color: black;
border: 1px;
}
.blog-entry .title {
background-color: black;
color: #FF0000;
padding: 5px;
}
p.links a:first-child .icon{
content: url("icon for your blog here!”);
width: 25px;
height: auto;
}
p.links a:nth-child(2) .icon {
content: url(“icon for your profile here!”);
width: 25px;
height: auto;
}
p.links a:last-child .icon, table.comments-table td .icon {
content: url(“icon to report here!”);
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;
}
HTML,BODY{cursor: url("cursor link here"), url("cursor link here"), auto;}
.logout-btn,
.blog-entry .kudos-btn{
background: none !important;
border: none;
padding: 0 !important;
cursor: pointer;
user-select: text;
text-decoration: none;
color: #FF0000;
color: var(--#FF0000);
}
</style>
Comments
Displaying 20 of 40 comments ( View all | Add Comment )
UrPalBug
THANK YOU I WAS SO COMFUSED.
*confused
by UrPalBug; ; Report
ELAIN :D
w in the chat thank you sigma
xX.emoGURLL.Xx
u might be my new fav person thank u🙏
zxmbie lover
oh my gosh, im going to kiss you, thank you for being so direct and simplistic with it literally nutting
w0rmboy
THANK YOU SO DAMN MUCH GGGGGUGUGUHH
Minty
I need help with the background. After I put the code in and saved, I could not see a change in the background. But when i go into editing mode, I can see the background.
kaib :3
which bit is the bit to change the colour of the background of the main blog entry text i cant work it out :')
I believe it's the
.blog-entry .content {
part!
by jakecake; ; Report
it doesnt work
by kaib :3; ; Report
that's funny, i used the following line in this blog entry of mine https://blog.spacehey.com/entry?id=1236886 and it worked.
.blog-entry .content {
background: black;
color: white;
}
by jakecake; ; Report
6ozbbqbakedbeans
Thank you so so much I just made my first post using this! I forgot to change the font colors and stuff though oh no!!! thank you so much
raym0ri
rly appreciate your help but as it was mentioned I can't seem to change the icons
upd> used another code for the icons and it worked so here it is:
.icon {
content:url(https://64.media.tumblr.com/d270bab20f86b88773c35b9788ab3de1/8969ff7abca2d321-ec/s75x75_c1/1dacc2b3a8e9d09425788a581521e593b6d19e64.gifv);
width: 15px;
height: 15px;
visibiliy: ;
}
by raym0ri; ; Report
^w^
ur a lifesaver !! thankx !!!
Chqrrybambom
ive been struggling to change the font, does anybody know the solution?
Finneroni
THANK YOU SO MUCX
madscake
i cant get the cursor to work, im using the same links i use for my profile. any reason they work on one and not the other?
Mickiya✭
Does anyone know where you can get good icons?? Ive looked everyyywhere
jayde
hi!! im new here and trying this for the first time (view blogpost lol)
how do i get the main body of the blog to be black? for me it is still showing as white where the text is, its just like my text has been highlighted with black lol.
everything else seemingly worked. thanks a bunch for posting this!
i havent unfortunately but i did find this account with TONS of tips for HTML coding- it probably mentions how to do it, i just havent had the time to bother with it lol!
goodluck and if you figure it out, pls lmk ToT https://hessostrange.neocities.org/HTML%20Group/spacehey-main-codes
by jayde; ; Report
ahhh i think i found the post too thanks so much!!!
by jayde; ; Report
AL
I appreciate this so much :D thank u !!!
AshJoy
Goated
THORN
do you know where i could find good layouts to use (idk if you can just use the same one as the one for your profile)
THORN
do you know where i could find good layouts to use (idk if you can just use the same one as the one for your profile)
katy killjoy
do i just put the code in the post or..?
you need to tap the <> icon that appears on the top left when writing/editing a blog
by HAL; ; Report