Free content

Bem-vindo ao WASD.in!

O WASD Fórum é um ambiente virtual feito com o intuito de compartilhar ideias e disponibilizar conteúdos de diversas áreas, sendo assim um Fórum bem democrático no que diz respeito aos Direitos Humanos. A principal finalidade do fórum é coletar e compartilhar dados, visando espalhar o conhecimento para todos aqueles que desejam obter de forma legal, ressaltando que não trabalhamos com pirataria nem afins. Leia as Regras Gerais para evitar constrangimentos.

Você não está conectado. Conecte-se ou registre-se

WASD Fórum » Desenvolvimento Web » CSS / XML / XHTML / HTML »[Suporte] Css MetroUI

[Suporte] Css MetroUI

Ver o tópico anterior Ver o tópico seguinte Ir para baixo Mensagem [Página 1 de 1]

Postado Qui Jul 31, 2014 3:28 pm
#1

Lolch
Lolch
Membro
Olá pessoa gostaria de que vocês mim passa-sem uma box css que tenha lado direito e esquerdo sendo um para as postagens e outro para colocar Twitter igual Je4n fazia ou algo que eu queira colocar mais queria uma meio MetroUI que combina-se com o menu do meu Layout .


PRINT : prntscr.com/488ykk

Postado Qui Jul 31, 2014 3:52 pm
#2

CyberDesign
CyberDesign
Membro
CARA COPIA A DESGRAÇA DO PIXELAÇÃO E DPS SÓ EDITA ? GOSTOU DA DIKA DA UM LIKE?

Postado Qui Jul 31, 2014 7:26 pm
#3

Je4n
Je4n
Administrador
Primeiramente, siga esse tutorial:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Agora aqui está a sua box:

CSS:
Código:
.box {
   background-color: #FFF;
   width: 100%;
   border-radius: 0px;
   border: 1px solid #CCC;
   margin-bottom: 9px;
   padding: 6px;
}
.boxes.direita {
   width: 300px;
   float: right;
   margin: 0 auto;
}
.boxes.esquerda {
   width: 590px;
   float: left;
}
.boxes-titulo {
   background: #4CB6EA;
   width: 100%;
   height: 38px;
   line-height: 38px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   color: #fff;
}

HTML:
Código:
               <div class="boxes esquerda">
               <div class="box">
                    <div class="boxes-titulo">TÍTULO 01</div>                                            
Oi
</div>
</div>
               <div class="boxes direita">
                <div class="box">
                   <div class="boxes-titulo">TÍTULO 02</div>
                        OI
</div>   
</div>

Gostou ? Repute.

Postado Qui Jul 31, 2014 10:04 pm
#4

Lolch
Lolch
Membro
Je4n obrigado pela ajuda deu certinho.

Postado Sex Ago 01, 2014 6:04 am
#5

ϟFish3r
ϟFish3r
Membro
[sucesso=Aviso] Tópico fechado e movido, autor satisfeito. [/sucesso]

Postado
#6

Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos