25 anos, carioca, residente da cidade de Nova Iguaçu. Trabalha com web há 6 anos. Foi ouvidor e designer do grupo Telemar por 3 anos, onde desenvolveu projetos e intranets.
As vendas de consoles e jogos de videogame nos Estados Unidos caíram 15% em fevereiro, segundo mês consecutivo de declínio, ...
Publicado em 13/03/2010 - 15:48
Brechas afetavam tanto a versão para Mac como a do Windows, e poderiam ser exploradas em ataques de execução de ...
Publicado em 13/03/2010 - 15:44
É o fim do visual default do Ubuntu: foi anunciado um novo design para o sistema operacional. Segundo o site ...
Publicado em 13/03/2010 - 15:35
A empresa de tecnologia divulgou a criação de um componente capaz de alcançar até 40 gigabits por segundo e 20 ...
Publicado em 11/03/2010 - 16:26
Acompanhe os últimos episódios desse programa que é sucesso na rede.
Olá! Na 5º vídeo aula de CSS+Tableless, iremos formatar o conteúdo dos Boxs com text-align e border-bottom nos títulos.
Clique aqui e veja como o projeto ficará no final desta vídeo aula. É notória a rapidez com que um layout desenvolvido com CSS é aberto. Além disso, o código fonte fica extremamente otimizado.
Assista à vídeo aula
Veja a Atualização nos blogs da equipe Mx Masters
R$ 40,00
R$ 79,90
R$ 59,90
14/03/08 às 16:04
Só uma pergunta profissionais que constroem sites com tabelas já podem se consirerar desatualizados ?
Ou podemos continuar com as tabelas ?.
14/03/08 às 16:48
Levando-se em conta que hoje acessibilidade e padrões web não é mais uma novidade e sim uma realidade, respondo que sim!
A maioria dos portais importantes da web é desenvolvido com Tableless, vide:
http://www.ig.com.br
http://www.globo.com
http://www.terra.com.br
http://www.uol.com.br
Em breve, um webdesign que não tiver noção de CSS e Tableless, estará sim, fora do mercado.
As vagas que aparecem por aí, já pedem essa experiência.
Abçs
9/04/08 às 22:00
eu nao acho de geto nehum voce poderia me ajjuda?
15/04/08 às 11:34
abraço.
15/04/08 às 11:47
As próximas de Tableles que irei aprontar, estarão liberadas para download, ok?
15/04/08 às 12:32
22/05/08 às 16:17
por exemplo: http://www.vimeo.com/
é que no youtube algumas coisas ficam ruim pra ler
,
muito boa as aulas
queria umas video aulas ensinando php, porque lendo essas apostilas ai que tem na internet não consigo entende nada ^^
7/06/08 às 12:41
Teria como vc ensinar aquela técnia de Efeitos Parallax onde são utilizadas várias imagens em CSS sobrepostas para simular um ambiente 3D igual nesse site aqui:http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/
Abraços!!!
10/06/08 às 12:17
As aulas estão muito bem explicadas, perfeito!
Eu tinha algumas duvidas e com essas video aulas com certyeza vai dar para eu praticar melhor.
Abração!
20/06/08 às 2:17
Já sou profissional , navegando, entrei sem querer neste portal e :
Rapaz quero dar os parabéns pelo seu conteúdo para iniciantes GRATUITO , muito bem feito e organizado. Precisamos sempre de pessoas que não só pensam em si proprio e sim na nossa comunidade de webmaster !!! vou indicar esse site para todos meus amigos que estão ai no mercado. Muito profissional !
Abraço a toda equipe do Ms
Alexandre Medrado
Brasília
14/07/08 às 22:47
15/07/08 às 2:05
Vamos sim. Em breve, mais novidades…
[]´s
26/07/08 às 13:17
muito obrigado pela disponibilidade e por está sempre ajudando!
uma dulvida sobre o CSS: como faço para que esses boxes fiquem com as bordas curvadas??
grande abraço. Salvador-Ba
28/07/08 às 15:07
A próxima vídeo aula será ensinando a fazer isso.
[]´s
29/07/08 às 13:50
^^
31/07/08 às 14:49
3/08/08 às 19:56
4/08/08 às 23:03
[]´s
6/08/08 às 21:12
6/08/08 às 23:17
[]´s
7/08/08 às 17:25
4/09/08 às 19:23
olha os meus boxs ficaram juntos, como faço pra mim separar?
4/09/08 às 19:24
width: 340px;
height: 240px;
background-color: #00CCFF;
padding: 5px;
float: right;
}
#boxedireito {
width: 340px;
height: 240px;
background-color: #00CCFF;
padding: 5px;
float: left;
}
ve se tem alguima coisa errada!!!!
6/09/08 às 3:20
Olá matheus, tudo bem?
Pelo que vi, o erro pode estar em uma tal de falta de atenção(rsrs), mas isso é algo muito comum em nosso meio. Acontece toda hora.
Na primeira declaração, está escrito “#boxesquerdo”;
na segunda declaração está escrito “#boxedireito”;
Ou seja, na segunda, tem um “e” a mais. Porém, tudo acontecerá de acordo com a declaração na div. Exemplo:
Se estiver div=”boxdireito”, vai dar erro.
Verifique como está seu código.
[]´s
10/09/08 às 19:31
como que ficaria pois hj uso tabelas e em suas video aulas diz que nao se usa mais tabelas, como ficaria?
17/09/08 às 20:52
Estou a dois dias acompanhando suas vídeo-aulas e elas já me reitraram diversas dúvidas, realmente como todos dizem, são muito boas ^^…você explica melhor que o professor do meu curso ehauaehu ;D…Bom, mais ainda tenho uma única dúvida:
Na sua video aula (criando um site completo) você começa na parte do dreamweaver alinhando o conteúdo ao centro…certo? antes de criar a tabela..eu fiz o site todo em table dentro daquela div(do modo em que você realizou na vídeo aula)…só que tem um porém:
- Eu pretendia criar um menu pop-up (com OnMouseOver e OnMouseOut) só que para tal efeito, deve ser criada antes uma layer..ate ai tudo bem criei.
- Na hora em que presciono f12 e vejo no browser, ela esta la…só que, simplesmente ela não esta nem um pouco no lugar, e quando redimensiono, ela muda mais ainda =/…
Ja tentei de tudo…vi suas outras vídeo-aulas, mais nada =(.
Meu objetivo seria: Um site alinhado ao centro…com outras layers…+ nada. (Da maneira em que você fez no exemplo dessa última vídeo aula, a única diferença seria os efeitos), de forma que qualquer usuário independentemente da resolução, possa ver a página alinhada ao centro e o menu na posição correta. Falta só isso para entregar o projeto de Dw pro curso =~/…que é sabado agora.
Agradeço a sua atenção,
Helder.
9/10/08 às 10:16
Estou tendo problemas em usar (background-repeat: repeat-x;)
numa div que é minha #bory, a minha bg repete no eixo Y corretamente, mas no eixo X a img.bg não se alonga, ex; teho um #bory com height de 718px e a img.bg tem 300px, então ela faz uma faixa de 300px no eixo Y não alongando para o eixo X.
Com tabelas funciona normal.
Espero ter explicado minha dúvida.
#body {
width: 740px;
height: 718px;
margin: 0 auto;
background-image:url(../img/bg/bg.jpg);
background-repeat: repeat-x;
padding: 10px;
}
9/10/08 às 11:12
Olá Vanderley, tudo bem?
Tente fazer isso:
background:#FFF url(pasta/bg.jpg) repeat-x;
Substitua as duas linhas onde tem o background no estyle acima e inclua somente este que te passei. Logicamente, você irá mudar a cor e o caminho da imagem
[]´s
9/10/08 às 11:48
Então na verdade não se “estica” uma img, mescla com um fundo na cor da img.
Quero deixar meus agradecimentos a vocês da MXMASTER e dizer que não perco um programa da mxwebtv. Vocês são D+.
23/10/08 às 16:19
Gostaria de saber se consigo colocar uma imagem fatiada como bg de uma tabela com css ?
Gostaria de agradece pelas vídeo aulas, elas são ótimas, parabéns.
3/11/08 às 23:39
Obrigado Felipe pela matéria !
12/11/08 às 19:49
Muito obrigado por essas vídeo aulas. No ano passado criei um site, mais como fiz ele em tabelas, no mozilla ficou todo bagunçado, como não consegui arrumar e não tinha a persistência que tenho hoje acabei abandonando a idéia. Mas agora com as video aulas do MX masters… e a minha persistência o projeto voltou à tona.
valeu aí Felipe
valeu aí Equipe Mx masters
21/11/08 às 16:40
RGMJ
5/12/08 às 19:34
Parabens, rapaiz, esse seu trabalho é muito bom mesmo cara… já aprendi muito por aqui… e pretendo aprender mais ainda…. porem tenho uma duvida, o que devo fazer para ter um auxilio? desde já grato pela atenção!!!
Abraços!!!
7/01/09 às 18:56
9/01/09 às 15:23
MAIS ESPECIFICO E QUE EU QUERO FAZER MENUS COMO AQUELES K ESPORTAMOS DO FIREWORKS EM UMA TABLESS MAIS TODO SITE K ENTRO OS MENUS EM TABLESS ESTÃO SEM IMAGEN E COMO DIVIDIR UMA TABLESS PARA FAZER MENUS HORIZONTAL NÃO ESTOU CONSEGUINDO FAZER OS MENUS FICAREM HORIZONTAL
9/01/09 às 20:48
Primeiramente gostaria de parabenizá-lo pelas aulas, aprendi muito, muito boa a sua didática. Eu tenho uma dúvida, eu fiz o site em css e até ae tudo tranquilo, no internet explorer eu consigo ver tudo normal, mas quando eu tento no firefox ou chrome, fica tudo fora do lugar, você sabe me dizer o que faço para consertar isso? E outra dúvida, fiz um menu pop-up no flash e inseri na minha página, porém ficou muito grande o swf, ocupou um bom espaço da página, que fica em branco a parte que o flash está, tem algum jeito ou alguma forma de colocar esse menu tipo flutuante e colocar um texto por baixo? Se quiser mando o menu e a página para você dar uma olhada. Até mais. Abraços. Valeu.
23/01/09 às 10:40
Valeu pelas video-aulas, você ensina muito bem!
Agradeço mesmo. Mas, você poderia postar aqui como centralizar o layout? Valeu!
13/07/09 às 11:38
@charset “utf-8″;
.estilo {
}
body{ background: #CCCCCC;
height:100%;
margin:0px}
#topo{
background: #FF0000;
border-left:1px solid #000000;
border-right:1px solid #000000;
width:800px;
height:120px;
margin-left:auto;
margin-right:auto;
}
#corpo {
background: #009966;
border-left:2px solid #000000;
border-right:2px solid #000000;
width:800px;
height:100%;
margin-left:auto;
margin-right:auto;
}
#rodape {background: #990000;
border-left:2px solid #000000;
border-right:2px solid #000000;
width:800px;
margin-left:auto;
margin-right:auto;
}
13/07/09 às 15:57
html, body{
height:100%
}
Se vc estiver usando o float em algum elemento acima do #rodape, utilize o clear:both;
13/07/09 às 17:16
sera que eu nao posso criar so 3 divs?
tenho que criar a geraltb, tipo criaria div topo, div conteudo e div rodape, tenho que colocar html,{body em todas as divs?
nao manjo de css estou começando agora
vlw
13/07/09 às 18:05
html, body{
height:100%
}
13/07/09 às 19:39
tem alguma macete para digitar texto no conteudo de q ele fica dentro da div?
uso o dreamweaver cs3
obrigado
15/07/09 às 9:23
17/07/09 às 3:20
uso o internet explorer 8
@charset “utf-8″;
.estilo {
}
html{
height:100%;
min-height:100%;
}
body{ background:#999999;
height:100%;
background:#CCCCCC;
margin:0;
min-height:100%;
}
#principal{background: #666666;
border-left:2px solid #000000;
border-right:2px solid #000000;
margin:0;
width:830px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:100%;
}
* html #principal{
height:100%;
}
18/07/09 às 10:04
o problema é que nao consigo fazer a pafina esticar 100% queria fazer ela ocupar toda a tela
de uma olhada http://carrosecia.6te.net/
meu css
@charset “utf-8″;
.estilo {
}
html{
height:100%;
}
body{
min-height:100%;
height:100%;
background:#CCCCCC;
margin:0;
}
#principal{background: #666666;
border-:0;
border:0;
margin-top:auto;
margin-bottom:0;
width:830px;
margin-left:auto;
margin-right:auto;
height:100%;
min-height:100%;
}
#topo{background: url(menu.jpg);
border-left:1px solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:136px;
}
#conteudo{background: #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:100%;
}
#flash{ background:#FFFFFF;
border:0;
border:0;
margin:0;
width:250px;
margin-left:auto;
margin-right:auto;
height:180px;
float:left;
}
#tabela{background: #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#rodape{ background: url(rodappe.jpg);
border-left:1px solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:20px;
}
vlw amigo
18/07/09 às 10:15
http://imasters.uol.com.br/artigo/9065/css/posicionar_o_rodape_embaixo_da_janela/
Lembrando o ehttp://www.mxmasters.com.br/wp-admin/edit-comments.php?comment_status=moderated#comments-formlemento vai ocupar 100% dependendo do seu elemento pai, se o elemento pai é de 400px, o 100% do elemento filho é 400. Lembre-se, quando dizemos utilizar 100%, é o 100% da tela, por isso q é utilizado min-height, pra que possa expandir. Dá uma olhada no artigo q vai te ajudar.
19/07/09 às 1:51
to enviando mas nao aparece vc tem msn, pra gente trocar uma ideia? o meu é sararinhojj@hotmail.com
vlw
7/08/09 às 13:44
gostaria de saber se vc tem como me fornecer os arquivos de html e css ????
grato,
AndreLima
26/10/09 às 19:05
2/11/09 às 17:40
tenho uma duvida. Como eu faço para que se eu aumentar o texto a imagem de fundo do content direito aumente junto?
GRATO e no aguardo!
7/11/09 às 12:00
10/01/10 às 16:49
na minha pagina e pra aparecer em tdas eu naum consegui
10/01/10 às 18:56
http://www.mxmasters.com.br/dreamweaver/dreamweaver-atualize-dinamicamente-seu-site-facilmente-sem-saber-programar/
http://www.mxmasters.com.br/php/trabalhando-com-query-string/
11/01/10 às 11:50
18/01/10 às 14:40
22/01/10 às 11:08
A iniciativa de vocês é muito bacana! Graças ao site eu me consegui resolver minhas dúvidas sobre layout, programação e principalmente photoshop! A minha passagem por aqui é só para agradecer mesmo!
Um abraço a todos e que Deus de muita saúde e sabedoria, para que esse tutoriais continuem!