Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MatheusSilva

[Resolvido] Como estruturar

Por , em Desenvolvimento frontend

Recommended Posts

MatheusSilva    0

MatheusSilva
Postado

mas assim, eu ja vou usar js para que ele tenha o efeito de slide, para aparecer o painel para logar, com o tabs nao seria o efeito que eu queria '-'.

em css mesmo como posso montar isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

Com jQuery é muito mais fácil e sim, você pode usá-lo para fazer o slide e o sistema de abas, mas se você quiser somente CSS, dá uma olhada nesse artigo aqui usando target (que infelizmente não é crossbrowser).

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Explique qual a sua dificuldade, pq me parece tudo ser muito simples ai.

 

Mostre oque você conseguiu fazer, pq não sei como te ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MatheusSilva    0

MatheusSilva
Postado

Explique qual a sua dificuldade, pq me parece tudo ser muito simples ai.

 

Mostre oque você conseguiu fazer, pq não sei como te ajudar.

 

opa,

ta certo do jeito que eu fiz no caso se for < 30 dias?

 

 

mas e nesse caso que você falou, eu faço como? desculpe, sou meio iniciante neste caso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ta certo do jeito que eu fiz no caso se for < 30 dias?

e oq isso tem a ver com a abinha lá em cima na direita?

você não mostrou o jeito que você fez.

 

 

 

mas e nesse caso que você falou, eu faço como? desculpe, sou meio iniciante neste caso.

eu não falei nenhum caso amigo.. explique melhor oque você precisa fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MatheusSilva    0

MatheusSilva
Postado

opa queira me desculpar, eu tenho 2 topicos abertos no momento aqui no forum, 1 em php e outro aqui, entao confundi os assuntos, mil desculpas.

 

é o seguinte, eu nao faço a minima ideia de como eu estruturo isso, já que se eu fazer 2 divs(1 com o logar e outra pra abrangir ela) eu n sei como vou fazer a borda ficar até um certo ponto só.

é esse meu problema.

 

mais uma vez desculpa =D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherman    1

Guilherman
Postado

Bom, se nesse "menu". você poderia fazer algo simples.

Levando em conta que o cinza é background. Faria isso:

 

CSS

body {
 width: 100%;
 heigth: 300px;
 background-color: gray;
}

.menu {
 width: 100%;
 heigth: 100px;
 background: url(bg.png)
}

 

HTML

<body>
 <div class="menu"></div>
</body>

 

pode optar por colocar a palavra 'painel' através da própria imagem.

Se ele for um botão, você adiciona: 

<u><li>painel</li></ul>

dentro da classe menu, e estiliza ele através do css.

 

Espero ter ajudado ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherman    1

Guilherman
Postado

ai eu boto esta ul:

 

float:right;

e acerto as margins pra fica certin?

 

exato, você usa as tags float e margin para ajustar a posição ^^

só vai ter painel como botão, ou você deseja colocar outros?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o cinza claro é background-color do body

o cinza escuro com a borda branca, é uma div com position relative, e width: 100%

o "Painel", é uma tag <a> com display: block; position absolute; right: 0; background, color, e border.

 

Tente fazer com base nas minhas dicas.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MatheusSilva    0

MatheusSilva
Postado

opa obrigado william, eu fiz =D.

 

só me responde uma coisa, como funciona o position absolute e o relative.

Todos os lugares que procuro cada um fala uma coisa, se puder me esclarecer isso, agradeço.

 

 

obrigado a todos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherman    1

Guilherman
Postado

opa obrigado william, eu fiz =D.

 

só me responde uma coisa, como funciona o position absolute e o relative.

Todos os lugares que procuro cada um fala uma coisa, se puder me esclarecer isso, agradeço.

 

 

obrigado a todos.

 

De uma forma mais simples de explicar...

absolute é independente, enquanto relative é dependente.

exemplo:

<div id="content"> 
    <div></div>
</div>

 

Se essa div estiver com a propriedade 'absolute', você pode movê-la para fora da #content,

mas teoricamente ela está dentro dela, é como se ela ficasse por cima.

Se essa div estiver com a propriedade 'relative', você só pode movê-la dependendo da posição da #content,

ao contrário da outra, essa você nunca conseguiria mover para o lado de fora da #content.

 

ver se consegue entender ;)

 

 

att.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito