Menu numeral na lateral da sidebar

  Nem sei com que cara de pau eu venho escrever aqui depois desse tempo fechado. Bem, eu mencionei sobre eu estar doente, e uns três ou quatro dias depois eu fechado. O motivo, eu só contei para a linda da Ayako-chan, se quiserem saber da história, vão na ask dela, mas eu não quero ocupar com vocês com isso aqui nessa postagem.
   Ah, gente na próxima postagem, decidi fazer algo diferente para vocês, vou trazer um vídeo de uma apresentação minha da copa/sãojoão. Calma, não estou dançando funk nem forró, é ballet, foi uma apresentação bem simples, e eu estou com uma roupa verde e amarela, que hipocrisia da minha parte. Mas a roupa é linda!
   Voltando ao tema da postagem, vim trazer um menu pedido na ask, eu usei ele no layout Pedaços de Scarlet, aquele do Kuran-sama. Contudo, lá eu usei sem números, substitui por "+". Abaixo temos um preview,  um pouco fuleiro,  mas dá para visualizar. Então, vamos ao tutorial, que é bem mais simples do que parece, muito mesmo.


  Ah, eu me esqueci de mencionar que trouxe três modelos deles, observe na imagem abaixo todos os modelos. E também, se forem usar, com certeza a sidebar de vocês não é do mesmo tamanho da que eu usei, por isso, deve se alterar as cordeadas, que no caso são a altura e a margem para esquerda. O código a ser alterado, é o seguinte:
<div style="position:absolute; top: 62px; left:230px;">
Então lembre-se de ajusta-lo a sua sidebar. Lembrando que em "top" é a altura, quanto menor o número mais alto; e "left" é para esquerda, quanto menor mais para esquerda, maior, mais para direita.



   Primeiro escolha qual modelo você ira usar, então cole o código dele no seu HTML.
Códigos:  Modelos do menu, clique aqui para pegar.

   Depois disso feito, salve, e coloque o código abaixo aonde desejar que o menu apareça.

Modelo 1:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid"><a href="seulink"> 01 </a></div>
<div class="Menusid"><a href="seulink"> 02 </a></div>
<div class="Menusid"><a href="seulink"> 03 </a></div>
<div class="Menusid"><a href="seulink"> 04 </a></div>
<div class="Menusid"><a href="seulink"> 05 </a></div>
<div class="Menusid"><a href="seulink"> 06 </a></div>

Modelo 2:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid2"><a href="seulink"> 01 </a></div>
<div class="Menusid2"><a href="seulink"> 02 </a></div>
<div class="Menusid2"><a href="seulink"> 03 </a></div>
<div class="Menusid2"><a href="seulink"> 04 </a></div>
<div class="Menusid2"><a href="seulink"> 05 </a></div>
<div class="Menusid"2><a href="seulink"> 06 </a></div>

Modelo 3:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid3"><a href="seulink"> 01 </a></div>
<div class="Menusid3"><a href="seulink"> 02 </a></div>
<div class="Menusid3"><a href="seulink"> 03 </a></div>
<div class="Menusid3"><a href="seulink"> 04 </a></div>
<div class="Menusid3"><a href="seulink"> 05 </a></div>
<div class="Menusid3"><a href="seulink"> 06 </a></div>