Como fazer as páginas ao lado direito.

Como fazer páginas ao lado direito, bom tem duas páginas ao lado direito, mas de um jeito diferente, assim:

Primeiro, pegue esse código:

<a href="URL DO INICIO"><ct>INICIO</ct></a>

<a href="URL DE OUTRA PAGINA QUE VOCÊ CRIOU"><ct>NOME DA PAGINA</ct></a>

Coloque HTML/Java Script, cole esse código fazendo as alterações nas URLs.

Depois, vá em Adicionar CSS (Design > Personalizar > Avançado) depois, coloque esse código:

/*---Início do Menu Cute trasition By: www.tutoriar.com---*/

ct {

font-family: century gothic; /* Fonte do Menu */

width: 44%; /* Tamanho do Menu */

float: left;

background:#FF69B4; /* Cor do fundo do Menu */

padding: 5px;

text-align: center;

margin: 2px;

-webkit-border-radius: 11px;

-webkit-border-top-left-radius: 1px;/* Efeito das bordas */

border-radius: 11px;

border-top-left-radius: 1px;

-webkit-transition-duration: .80s; /* efeito trasition */

font-size: 10pt; /* Tamanho da fonte */

color: #FFFFFF; /* Cor da fonte */

}

ct:hover {

font-family: century gothic; /* Fonte do Menu quando passa o mouse */

width: 44%; /* Tamanho do Menu quando passa o mouse */

float: left;

background:#FFB6C1; /* Cor do fundo do Menu quando passa o mouse */

padding: 5px;

text-align: center;

margin: 2px;

-webkit-border-radius: 22px;

border-radius: 22px;

-webkit-transition-duration: .80s; /* efeito trasition */

font-size: 10pt; /* Tamanho da fonte do Menu quando passa o mouse */

font-style:bold; /* Fica em negrito quando passa o mouse */

color: #FF69B4; /* Cor da fonte do Menu quando passa o mouse */

}

/*---Fim do Menu Cute trasition By: www.tutoriar.com---*/

Fazendo alterações como vai querer, resultado:

Quando terminar terá um lindíssimo menu! 

De qualquer cor que você quiser!

Se quiser adicionar mais páginas, só copie o código e cole novamente com o nome da página e o link.

*Código feito pelo: Tutoriar.com