Report Blog Entry
I see plenty of people add links to YouTube or interactive buttons or images that are linked to a particular YouTube video or playlist. Can someone show me the coding or a website that can take me to learning how to do that? I'm extremely confused as i have not worked with this type of coding (more of a Java script person)
How can i add links or interactive buttons onto my page?
1 Kudos
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
Animus
Thank you @Nein MC !! Im okay at the moment, all I have to learn is how to add images and ill be good :)
Nein MC
To embed youtube videos and other things, there's usually a so-called "embed code" found somewhere on the site. E.g. with youtube you click on "share", then select "embed", and then copy & paste the code in a section of your profile.
As for interactive buttons, I'm not 100% sure what you mean, but here's how to put an image that is a link:
<a href="URL_OF_LINK_GOES_HERE"><img src="URL_OF_THE_IMAGE_GOES_HERE" ></a>
to change the background of the page, and generally style it, you add CSS to the any of the sections on your page, in the form of
<style><CSS goes here></style>
Of course, what CSS to put is the tricky part :P Here is a tutorial I saw, though it might be a bit more than you asked for, but look at it anyway.
For example, for my profile I did it like this:
<style>
body
{
background-color: hsla(0,0%,0%,1);
background-image: url("https://nein-mc.neocities.org/pics/jellyfish.jpg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
</style>
But if you want the background image to be tiled/repeated, you could replace "no-repeat" with "repeat", or other things (also see https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat). Likewise, you might not want the background to be fixed regardless of scrolling, which would require a different value for the "background-attachment" attribute.
I hope that helped? If it didn't, ask more things, or say what specifically you want to achieve and I'll try to answer.
Oh, and the reason why the code I posted here shows up readably is because I used "& g t ;" (though without spaces) instead of > and "& l t ;" instead of <. Not that you need that for styling, but just to avoid confusion :)
I AM GOING TO KISS YOU THANK YOU
by Liam
;
;
Report
np, thanks for getting something out of it :D
by Nein MC; ; Report
dude vvhat's with the custom cursor? it doesn't change to the click cursor if i hover over the link-picture. how to make it work? after a few tweaks a long time ago my hover doesn't work with users ids (names) in the comment section
by angeLfluff⋆⋆⋆⋆; ; Report
I just looked at your profile and CSS and I'm actually stumped why it doesn't work. The only bits in the CSS that do anything with the cursor are these (I removed the URL so it's shorter), and that should absolutely work. * is super general and is overriden by anything more specific, such as a:hover. So this really stumps me.
* {
cursor: url("*REMOVED*"), auto;
}
a:hover {
cursor: url("*REMOVED*"), auto;
}
You could try adding "!important" to the second one, after auto and before the semicolon, but that should not be necessary, and might not change anything.
I will have a more in-depth look when I have the time and see if I can find the reason. There *has* to be a reason! But atm I'm just stumped, sorry. I'll let you know either way, i.e. if I really can't find the cause I'll let you know, and of course also should I find it :D
by Nein MC; ; Report
tyvm for replying.
i have an update (because i wrote a different thing from the real issue i have!!): the ACTUAL problem is that when i hover on a Vertical (not square, not horizontal) profile picture of a friend, it hovers beside the pfp and turns off the Hover when i hover on the actual image. while ALL the hovers on actual pfps does not work at all, only beside the vertical pfp. what could this be????
this things doesn't work. the usernames hover is not that much important actually
i added the '!important' before the semicolon. it didn't help with the usernames (and whatever). i'll see if it helps with the vertical pfp thing. and currently i don't have anyone with a vertical image so i'll beep u here once i have alright?
by angeLfluff⋆⋆⋆⋆; ; Report