Anthony .'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

How to: Make the bulletin/blog have a background !!

the code for the bg is


<!-- (c) Layout created by  (https://layouts.spacehey.com/layout?id=27525) -->


<style>* {cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur'), auto;}a:hover {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1049.cur), auto;}</style><style>body{background-image:url("https://i.ibb.co/Wss1DC0/night-star.gif")}</style><style> main{color: #F2E4CA}</style><style> :root {--logo-blue: #003300 --darker-blue: red; --lighter-blue:url(https://i.ibb.co/Wss1DC0/night-star.gif); background-position: center; --even-lighter-blue: url(https://i.ibb.co/Wss1DC0/night-star.gif); background-position: center; --lightest-blue: url(https://i.ibb.co/Wss1DC0/night-star.gif); --dark-orange: #ff743b; --light-orange:url(https://i.ibb.co/Wss1DC0/night-star.gif); background-position: center; --even-lighter-orange: green; --green: #ff743b} </style><style>nav .top { background-image: url('https://i.ibb.co/Wss1DC0/night-star.gif'); background-position: center}</style><style> footer {background-image: url('https://i.ibb.co/Wss1DC0/night-star.gif'); background-position: center;} </style><style>main{background:none;}</style>


link to the layout post:

https://layouts.spacehey.com/layout?id=27525


i did not make this, and i got the link from my friend !!


ALSO: I'm not sure how to change the background picture without breaking it, but when I figure it out I'l let you guys know < < < < 3 3 3 3


2 Kudos

Comments

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

miles <3

miles <3's profile picture

Using!!!


Report Comment



u dont have to comment that lmao, dw bout it < 3

by Anthony .; ; Report

Oh sorry I thought I was commenting on the layout!

by miles <3; ; Report

haha lmao nw

by Anthony .; ; Report

╰┈➤ 𝑗 𝑢 𝑛 𝑜

╰┈➤ 𝑗 𝑢 𝑛 𝑜 's profile picture

hey ty for this i was lookin for how to make my blog posts not blindingly white and blue T__T i formatted it so its a bit easier to read! heres the same code but with clearer formatting :3

had to remove the < and > on each side of "style" so it would actually show up, add both on each side of each 'style' or '/style'!

style*
{cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur'), auto;}a:hover
{cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1049.cur), auto;}
/style

style
body{
background-image:url("https://i.ibb.co/Wss1DC0/night-star.gif")
}
/style

style
main{
color: #F2E4CA
}
/style

style
:root {
--logo-blue: #003300
--darker-blue: red;
--lighter-blue:url(https://i.ibb.co/Wss1DC0/night-star.gif);
background-position: center;
--even-lighter-blue: url(https://i.ibb.co/Wss1DC0/night-star.gif);
background-position: center;
--lightest-blue: url(https://i.ibb.co/Wss1DC0/night-star.gif);
--dark-orange: #ff743b;
--light-orange:url(https://i.ibb.co/Wss1DC0/night-star.gif);
background-position: center;
--even-lighter-orange: green;
--green: #ff743b
}
/style

style
nav .top {
background-image: url('https://i.ibb.co/Wss1DC0/night-star.gif');
background-position: center
}
/style

style
footer {
background-image: url('https://i.ibb.co/Wss1DC0/night-star.gif');
background-position: center;
}
/style

style
main{
background:none;
}
/style


Report Comment



2 more things! 1, if youre silly like me, MAKE SURE YOU CLICK THE HTML BUTTON, DONT JUST PACE INTO THE TEXT BOX, it wont work. 2, to change the background, just replace every "https://i.ibb.co/Wss1DC0/night-star.gif" with a link to your image/gif :3

by ╰┈➤ 𝑗 𝑢 𝑛 𝑜; ; Report

shodan

shodan's profile picture

AH


Report Comment



i hope this helped < 3 (sorry i didn't reply sooner, i didn't know what to say)

by Anthony .; ; Report