ok so a bunch of people were asking me how to make your updates tab pretty so here it is!
hope it helps!
please like if it helped! I really want to know if it did (or not shh)
ADDING A DIVIDER:
- this is an example of a divider we will be making:
- this is very simple, you just need to paste this code wherever you want the divider to be.
- to change the color of the divider, you just need to choose the color you like and type the code color where mine it’s #B0E2FF
here’s a good source for color codes
BORDER STUFF:
- for the border part, go to “#ocehans{” (mine is like that, yours might be different, that’s not a problem though just look for something similar to this! )
- now, we’re going to focus on this part
- if you don’t want any border at all you just need to erase that line above, it’s that simple!
- to change the type of the border, you have to replace where mine says “dashed”, to either “dotted” or “solid”.
- to change the color, you just need to put the color code you’re happy with where mine says “bdbdbd”
ADDING A LINK:
- to add a link in your updates tab you will need this code:
it should look like this:
- if you want your link to be in a specific color, you have to paste this other code:
it should look like this:
ADDING A TEXT THAT MOVES:
- I really didn’t know how to say that so for me it’s the text that moves ok.
- you’ll only need to paste this code
- if you want it to move faster or slower just change the number where it says 5 in mine!
ADDING A SYMBOL LINK THING:
- ok! so this one is really easy. it took me a hell of a time to figure it out though but anyway here it is.
- you just need to paste this code wherever you want the symbol to be!
- oh and if you don’t want any specific color you just need to take out this part and you’re done!
DON’T FORGET : if it doesn’t work, try retyping the quotation marks.
HOW TO ADD MORE BOXES/TABS:
- I hope this helps!
FIRST STEP:
- first,you’ll want to find this code!
- then, you’re gonna copy all that thing and change the number (next to #ocehans_) to the next available number of tabs you have.
- for example, you have 5 tabs, you’re adding a new one, which will be then, 6! so you’ll change that numebr to 6.
- remember to change the number in both parts, the first one and the hover part. otherwise it won’t work.
SECOND STEP:
- first things first, you’ll need to copy this little guy
- <div id=”ocehans”>
<center>
<div id=”ocehans1“>
<div style=”font-size:8px;”>title 1</div> <div style=”padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;”>
text 1 here
</div>
</div>- and change the number of the box (in bold) to the next available one you have!
- then you’ll paste it after the other sections that you have!
- voilà!
HOW TO MAKE IT WIDER
- first, you’re going to look for this part:
- then, you’re going to focus on this part:
- then you just need to change the number (where mine says 85) to whatever number you’re happy with!
and if that’s not what you meant… I have another mini tutorial for you!
HOW TO MAKE A SECTION LONGER
- first! find the section you want to make longer or shorter
- now, you’re going to focus on this part:
- change the number where mine says 70, to whatever number you’re happy with!
- then you’re done, voilà!
EXTRA STUFF TO KNOW:
- here’s some basic codes to know!
<b> text will be bolded <b>
<i> text will be in italics </i>
<strike> text will be
striked</strike><u> text will be underlined </u>
- how to add a clock/time thing on your updates tab!
- if you’re having trouble for the text when you hover over a link, it seems to hide behind the updates tab, check this out.
LAST NOTE:
- I really hope this helped you guys!
- I’m no html expert but here’s basically everything i can remember for this tutorial!
send me requests! if you have any questions, just shoot me an ask!
THIS POST WILL BE UPDATED WITH MORE “MINI” TUTORIALS














