« Helping each other Forum

stuff for beginner for dummies :P

Posted by alice

posted 1724657232

hello im seth and im brand new to this and i have a really hard time at understanding stuff so if anyone else does to doesnt have to suffer either!!!!! this is also just a thing i can look back at cuz i also have horrible memory lol

- basic -

ALWAYS add <style> at the top of the coding like

<style>

main ; background ("markiplier.com")

(and then at the endd of it all when your done with all of the coding add

</style>

how to make a stamp!!!

like this!!!

find a gif you like!!!

-giphy is a good website

-inspo :ur favorite character !!

then doanlowd the gif and one of the stamps

go to this link ---> https://www.online-image-editor.com/?callback=in&code=ZDLIMJNJNTYTYJGXZS0ZMDDJLTKWMTKTNTY0ZWNJMGM1ZDHH&state=5afe28ab8f64411182aa39bf413727ef

upload the stamp!!!!!!!

if you need to change the size of the stamp click me!

then once you have it uploaded press advanced and then overlay image !!

either copy the adress of download it and add it onto that!!

remember to click the upload button!!! then you can just copy the adress and add it to your profile!! if you need any stamps just look at my acc

(also if you dont know)

^^^^^^^^^

put this where ever you want to and copy the image adress inbetween "" and then you have have any image you want there!!!!

your spotify playlist!!!

go to your spotify playlist and then click share then embeded then copy it and add it inbetween ""!!

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

the background image!!

its pretty easy!! you just have to copy and paste this

body{

background: url(https://i.sstatic.net/zcNQa.gif);

}

im sorry if it tiles i have no idea how to fix that!! if you do please put it in the comment section plss!!

same as before find an image , copy image adress and put it in the ()!!!

the profile backround!!

main{

background: url( your picture!!); }

and if you want to add a border around that just add this and get rid of the other }

border: 1px solid white;

border-radius: 8px;

box-shadow: 0 0 10px white;

color: white;

}

you can change the color of it if you want!!

the top part!!

nav .top {

background: url(your picture <3 );

padding: 15px 10px 14px 10px; }

display: flex;

position: relative;

this is where the space hey logo is!!

also if you want border for this !!

border: 1px solid white;

box-shadow: 0 0 10px white;

border-radius: 8px;

margin-top: 20px;

margin-bottom: 10px;

}

the inbetween the top part and profile background

nav .links{

background: url(https://i.pinimg.com/736x/5b/24/8a/5b248ac579cd1be3948a2a39a3365c81.jpg);

same thing for the border

https://i.pinimg.com/736x/5b/24/8a/5b248ac579cd1be3948a2a39a3365c81.jpg

snowflakes!!!!!!

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<style>

*customizable snowflake styling*

.snowflake {

color: insert color;

font-size: 2em;

font-family: Arial, sans-serif;

text-shadow: 0 0 0px rgba(0,0,0,0.7);

}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>

you could either keep the ones (there black and white flashing skulls) or add which ever ones you want!!! im sorru i cant find the website i used :(

charecter in the corner of your profile!!

« Helping each other Forum

stuff for beginner for dummies :P

Posted by alice

0 Replies