Myles's profile picture

Published by

published
updated

Category: Web, HTML, Tech

HTML Master Post

I'll Prob update this every once in a while but I thought It would be cool to post some of the code I use!! ヾ(⌐■‿■)ノ

HTML Codes :

these are for your interest box/about me (not between the styles)

Scroll Box:

<div style="height:267px;overflow-y:scroll;background-color:transparent;color: white;width: 200px; border: none; overflow-x:hidden;">

text/imgs here

</div>

(if you want the bottom bar to show, remove "overflow-x:hidden;")

AutoPlay:

<iframe width="0" height="0" src="https://www.youtube.com/embed/++++++//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

  1. Find your video and hit share
  2. copy the random letters at the end
  3. swap them with the +'s

Adding a new interest box:

(put this in a intro box after other text like heros, general)

<tr>

  <td>

    <p>Title Here</p>

  </td>

  <td>

<p>text/imgs here</p>

  </td>

</tr>

these are for between the styles

Shaking Imgs:

}

img:hover , .url-info:hover{

  animation: shake 0.8s;

  animation-iteration-count: infinite;

}

Custom Cursor:

<style>* {cursor: url(), url(), auto !important;}</style>

(put that before or after your style since it has a new ending and beginning)

Changing Logo:

 .logo {

content:url("")

Changing "|" On the Nav Links:

    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: "  ";

    color: var(--headers);

Custom Font:

@font-face { font-family:"Anything You Want"; src: url('https://dl.dropbox.com/s/'); 

}');

  1. Upload your UNZIPED font file into dropbox
  2. copy the link after /s/ 
  3. paste it


10 Kudos

Comments

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

ari regina-michelle!

ari regina-michelle!'s profile picture

tysm for the code for autoplay!! do i put it in my about me? <33


Report Comment



I think you can put it anywhere! idk if it works in between the styles but I know it works outside of it! :)

by Myles; ; Report

Tester account

Tester account's profile picture

how do i customize blogs and bulletins??? i've been trying for 2 days and i can't get it to work


Report Comment



when u hit edit there should be a <> button, in there you paste your code. as for trying to find out the names of certain elements use the inspect tool to find out the name

by Myles; ; Report