All for Joomla All for Webmasters

Caixas no UOL/Blogspot

DESCOBRI COMO COLOCAR CAIXAS NO UOL/BLOGSPOT AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA EURI KKKKKKK Obrigada mesmo ao True-luv.com, Madlyluv.com e Delicate-shine.com por toda a ajuda e inspiração (:

Segue o tutorial abaixo:

1. Cole isso no seu CSS:

/* SIDE */
.side {
float: left;
margin-bottom: 200px;
margin-left: 200px;
padding: 7px;
width: 200px;
height: 700px;
background: transparent;}

/* CAIXA */
.caixa {
background: #ffffff;
color: #000000;
padding: 10px;
margin-bottom: 15px;}

2. Cole isso no seu HTML, onde vai ficar sua sidebar:

<div class=”side”>

<div class=”caixa”>
<div class=”subtitle”><b>Welcome</b></div>
<br><br>
Aqui fica a sua mensagem de boas-vindas aos visitantes.
<br><br>
</div>

<div class=”caixa”>
<div class=”subtitle”><b>Você</b></div>
<br><br>
Fale sobre você.
<br><br>
</div>

<div class=”caixa”>
<div class=”subtitle”><b>About</b></div>
<br><br>
Fale sobre o blog.
<br><br>
</div>

</div>

3. Para mudar sua sidebar de lugar, você deve mudar os códigos em negrito:

.side {
float: left;
margin-bottom: 200px;
margin-left: 200px;

padding: 7px;
width: 200px;
height: 700px;
background: transparent;}

Prontinho (: