CODE TIPS & SNIPPETS I LIKE!!

hi guys!! so old news i like 2 code so here are some code snippets i like!! 

REMINDER!! you can find examples for all of these on my website as thats where i use them!! ^_^

-------------

heres my fav code snippet like ever - one to change how your scrollbar looks! 

<style>

  * {

    scrollbar-width: thin;

    scrollbar-color: #d7183d #fafdfc;

  }

</style>

i used a website to get this code, you can change if the bar is thick or thin or regular, the colour, p much most of it!

-------------

<div style="overflow-y: scroll; height:120px; width:200;">
this is my FAV snippet.. it gives you a scrollbox of ur choice in size!! all u need to do is chance the height and width ^_^ let me give an example of how to use it!

<div style="overflow-y: scroll; height:120px; width:200;">

this is an item

this is another item

</div>

you MUST add the </div> at the end of the content you want in the scrollbox, or else it wont work!! general rule of html is you close things off like that! doing a paragraph? <p>you close it off using</p> ! 

-------------

not a code snippet, but something i wish i knew sooner.. how to add links as text! spacehey offers this easily with the add link button in blogs & bulletins, but im not sure if its in the about me editor. 

to have links added as text, like i did with the scrollbar website, you use this code

<a href="https://yourlinkhere.com/">your text here</a>

when you use this code, DONT REMOVE THE QUOTATIONS!! that tells the computer where the link starts & where it ends, so if you remove that im like 99.999% sure it wont work!!

-------------

another one i really like that isnt exactly a code snippet is the code to insert images!!
<img src="imagelinkhere">

when you want to add an image, you cant just copy & paste the image into the code like that sadly,,, you gotta upload it to a image hosting site! most people on spacehey use catbox but i use filegarden. whenever catbox goes down, theres a chance you'll lose all your images! this happened to my friend so they made the change! you'll notice in my own code for my profile, i use catbox a lot... that's only because i haven't gotten around to editing my profile fully yet! oopsie daisy... 

if you want to resize the image, you do the code like this! im sure theres a better way but this is just the way i know how to... 

<img src="imagelinkhere" style="position:fixed; bottom:0px; right:0px; height:100px; width100px; z-index:100;">

this specific code puts the image in the bottom rightcorner of your screen. you can change the height and width to whatever you want it as, but if you want it to be in the top right, or bottom right, etc, you'll just change bottom to top, or right to left!! very very simple i hope.. 

-------------

when you're highlighting text on your profile, it will default show up as black text with a yellow highlight, like this. to change that, use this code!

<style>  

  mark {

  color:white;

  background-color:red;

  }

</style>

this code changes it from black text on yellow bg, to white text on a red bg, like this! you can also replace it with hex codes, like this!

<style>  

  mark {

  color:#fafdfc;

  background-color:#d7183d;

  }

</style>

whenever you're doing something to edit the style of a page, you have to use the style brackets or else your computer won't recognize it for what it is... 

to use the highlight in code, you do it like this!
<mark>your text here</mark>

as always, close off your code with the bracket :b

-------------

i think thats all i have to share right now!! if i come up with any more, i'll share them!! for now tho, i love you and leave you! if you have any questions, don't be afraid to ask ^_^ or if u have something u wish to say abt any of this, go ahead and share! all of this has been tested on my alt account, click here to see my alt account and the examples!!