Trabalha como free-lance em desenvolvimentos de sites,desde o projeto completo à parte do projeto. Tem conhecimentos em Padrões Web( xhtml, css), javascript( jquery), php, mysql , (iniciando no python e ruby também), photoshop, fireworks, corel draw, enfim, um eterno aprendiz...
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
O Google lançou na última quarta-feira, 10/03, um novo sistema para a visualização do Google Reader. A interface recebe o ...
Publicado em 11/03/2010 - 16:22
O que você faria se não pudesse usar nada da Google por uma semana? Fizemos a experiência e você lê ...
Publicado em 10/03/2010 - 8:51
Pouco menos de um mês após o Google anunciar seus planos de teste de uma banda larga ultrarrápida nos ...
Publicado em 10/03/2010 - 8:28
Acompanhe os últimos episódios desse programa que é sucesso na rede.
Salve amigos do MX masters, David CHC com mais uma vídeo aula, só que agora é CSS. Irei ensinar como fazer um menu com submenu utilizando o CSS, fazendo funcionar também no problemático IE6 e ainda validando o CSS e XHTML.
Abaixo terá o link do site para o script para solução citada na video aula.
Até uma próxima, e boa video-aula:
Veja a Atualização nos blogs da equipe Mx Masters
R$ 40,00
R$ 79,90
R$ 59,90
28/04/09 às 14:13
28/04/09 às 14:45
nao sei se e problema do meu pc, se e do video mas nao esto conseguindo ver o video
No meiu do video aparece ums quadrados com os outro videos feitos no passado
Assim que conseguir visualisar o video, comentarei
Abracos
28/04/09 às 15:39
show de bola essa vídeo aula…
bem explicado, e o legal é que apesar de não ser fácil lidar com o IE 6, sempre existem algumas soluções…
nunca pensei que fosse tão simples, fazer desaparecer e aparecer um determinado elemento…
outra é o comentário condicional, muito legal essa parada…
faço votos que continue nos brindando com seus conhecimentos
28/04/09 às 15:40
28/04/09 às 15:51
28/04/09 às 17:42
David quanto tu colocou a primeira video pensei que ia demorar mais pra postar outra mais pode continuar assim que a gente agradece ah pelo que tu falou loco em cima do posto a aula prometa vou baixar e assim que sobrar um tempo vejo ela e comento denovo aki
flw
(@_+) - ochii
28/04/09 às 18:40
28/04/09 às 18:44
Parabéns
28/04/09 às 18:49
28/04/09 às 21:07
Mais uma vez, parabéns. Gostaria de ver algumas vídeo aulas sobre Criação de Layout em Tableless.
Abraço.
28/04/09 às 21:24
28/04/09 às 21:28
28/04/09 às 21:49
Temos algumas aulas já prontas na categoria Tableless. Já deu uma conferida?
[]´s
28/04/09 às 23:49
obrigado pela dica, mas ja volto ao normal
deve ter acontecido algo com o meu navegador
obrigado mais uma vez e parabens pela video aula muinto showww
espero ver mais video aulas de voce
parabens e obrigado pela dica
Abracos a todos
29/04/09 às 1:27
29/04/09 às 1:47
29/04/09 às 5:49
29/04/09 às 9:27
29/04/09 às 11:31
Embora eu apanhe demais com css ta ai mais uma ferramenta que eu não conhecia… fera mesmo! valew
29/04/09 às 13:08
Valeu Equipe MX.
29/04/09 às 16:28
Essa eu nao conhecia
Parabéns
Vlw
29/04/09 às 22:21
29/04/09 às 23:08
Show essainformação, mas fiquei boinando nos sites que vc indica, se puder informar o link ficarei grato.
Obs: Gostaria de saber se quando vc vai validar o codigo, vc utiliza algum software ou é algum site tbem, se for site indique o link.
Abraços
30/04/09 às 1:38
30/04/09 às 14:36
David ficou simples e bem feito, da ate pra fazer algumas combinações
Parabéns!!
30/04/09 às 18:40
Andre , Leonardo™ realmente, com CSS sua imaginação é o limite (fora os bugs do ie6, rs).
30/04/09 às 20:13
30/04/09 às 20:34
!!!!!!!!!!!!!!!!!!
1/05/09 às 1:05
Parabéns… tirou muitas dúvidas que eu tinha..
Abraço.
1/05/09 às 2:40
Abraços!
1/05/09 às 18:20
2/05/09 às 11:08
Principalmente esse teste que resolve o bug
do ie 6. Aplausos de pé para o David
Abs
2/05/09 às 21:48
2/05/09 às 22:46
4/05/09 às 23:56
12/05/09 às 10:20
só tive um problema o efeito não está funcionando do Firefox, já tentei de tudo procurei no google algo a respeito e ainda não consegui solucionar…
estou com esse problema em outro projeto que estou criando no IE tudo certinho quando mando para o FF já fica tudo zuado…
se puderem me ajudar serei muito grato.
12/05/09 às 12:30
Excelente video aula.
14/05/09 às 10:10
http://www.mxmasters.com.br/comunidade/viewtopic.php?f=51&t=1546
15/05/09 às 18:47
Gostaria tbem de sugerir para falar um pouco mais sobre ul li, pois eu sinceramente estou um pouco confuso sobre elas…
principalmente quando se usa uma nova ul dentro da li (no caso os sub menus), achei um pouco cansativo, então fica ai uma dica
Vlw ai galera
\\JP
20/05/09 às 9:42
=]
20/05/09 às 11:47
na hr q vc ia falar como faz pra passa o mouse e os itens aparecerem –’
21/05/09 às 8:51
24/05/09 às 1:02
tem uns 4 meses que eu estou atrás de um tutorial desses que explica passo a passo como faz o menu
25/05/09 às 6:58
25/05/09 às 12:49
kkkkkkkkkkkkk
Cara eu só gostaria de uma informação onde vc conseguiu o ie teste?
Pq isso é muito util pra gente né…….
kkkkkkkkkkkkkkk
Espeero a sua resposta e agradeço antes de mais nada……
kkkkkkkkkkkkkk
25/05/09 às 19:48
a{
outline:0;
}
Luiz Cezar, aqui tá o link do programa
http://www.my-debugbar.com/wiki/IETester/HomePage
Vc pode tbm baixar do Baixaki, basta pesquisar por IETESTER
27/05/09 às 8:19
30/05/09 às 10:41
Parabéns à você e ao MX Masters!!
2/06/09 às 12:37
2/06/09 às 15:52
2/06/09 às 16:06
2/06/09 às 19:28
Bruno, eu postei o codigo do menu lá no forum, clique na descrição da postagem - Download dos arquivos utilizados.
Sobre os efeitos, depende q efeitos q vc quer fazer, qualquer coisa posta lá no forum em tableless, e se possivel colocar uma imagem pra ficar mais facil de entender.
3/06/09 às 8:59
7/06/09 às 11:54
8/06/09 às 21:07
16/06/09 às 10:40
16/06/09 às 22:40
Me de algumas dica se possivel….
Valeu
17/06/09 às 15:11
Fábinho, dá uma olhada no xhtml , na hora de criar a estrutura, pq na maioria dos casos q vejo com duvidas em relação a video aula é nesse requisito. Vc tá fazendo da melhor maneira pra aprender html, é com bloco de notas, mas aconselho vc usar o Notepad++, pq o codigo fica colorido, e mais facil de vc identificar. Qualquer coisa, posta o seu codigo lá no Forum. E veja tbm o código q postei no forum, o link tá na descrição da video aula.
18/06/09 às 10:40
E outra esse menu ai ser um sub-menu na página como uso a id atribuida à ele para o estilo só susrtir resultado sobre esse sub-menu.
Obrigado, grande abraço.
João.
22/06/09 às 0:03
22/06/09 às 8:54
Para vc estilizar apenas o submenu, é bem facil, vc não precisa atribuir um id, vc vai fazer assim:
ul#menu li ul => ataca a ul
ul#menu li ul li => ataca a li
ul#menu li ul li a => ataca o a (links)
Dessa maneira vc pode atacar os elementos do submenu
3/07/09 às 11:48
Mais o menu rola para baixo tem como ser feito e rolar para cima?
Quem pode me dar uma mão?
3/07/09 às 18:44
7/07/09 às 12:07
ul {
height:100px;
}
algo assim??
e que tipo coloquei e nao ta rolando ….
Obrigado..
Excelente video aula… obrigado.
7/07/09 às 12:14
ul#menu{
margin-top:15px;
}
7/07/09 às 13:17
Sou novo no fórum e estou adorando as video aulas de tableless pois estou estudando muito.
Com a presente video aula, surgiu um dúvida que não estou conseguindo resolver. Primeiro: do jeito que você fez esse submenu vertical, daria pra fazê-lo na horizontal? Algo como o menu e o submenu na horizontal? Segundo: Se sim, daria pra me dar uma luz ai porque não estou conseguindo fazer.
Desde já, agradeço.
Abraço!
7/07/09 às 13:35
7/07/09 às 14:29
Abraço!
7/07/09 às 14:34
28/07/09 às 0:00
tenho no meu layout
28/07/09 às 8:29
31/07/09 às 1:39
Bom, eu gostaria de saber como fazes este mesmo efeito só que em botões de imagens no Dreamweaver.
Crei um layout e um menu na horizontatal no Fireworks, adicionei um hover em cada opção do menu no próprio Fireworks. Fatie o layout, exportei, e logo importei para o Dramweaver.
Bom, agora eu gostaria de fazer submenus nas opções existente no menu, mas não sei como, pois os mesmos são imagens.
Se pudesse me ajudar de alguma forma eu agradeceria muito!
Muito grato galera do MXMASTERS!
André
31/07/09 às 16:30
A habilidade que vc tem com o CSS é bem legal!
Continue publicando mais videoaulas!
Abs
31/07/09 às 21:18
1/08/09 às 17:51
Mas ainda irei querer aprender a trabalhar desse maneira com CSS.
Abraço!
Muito grato!
André
4/08/09 às 9:47
seguinte, fiz o menu como no exemplo e customizei as cores. Na parte logo abaixo do menu vem o conteudo do site que fica dentro de outra div. O que acontece é que quando coloco esta div abaixo, os subitens do menu ficam doidos. Eles até descem só que o background deles some e quando vou colocar o mouse em cima deles no “hover” eles desaparecem.
Alguem pode me ajudar.?
Grato,
Daniel
4/08/09 às 10:12
4/08/09 às 10:59
obrigado
13/08/09 às 11:28
O emnu funciona quase 100% comigo, pq?
Quando passo o Mouse em cima do link principal e o mesmo rola as opções, elas ficam meio “malucas” quando vou clicá-las… elas aparecem e desaparecem algumas vezes até eu conseguir que elas fique estáticas..
Como faço para resolver esse problema??
13/08/09 às 12:37
19/08/09 às 12:07
de uma video aula assim, vlw parabéns
26/08/09 às 18:10
há e a vídeo aula é muito show cara!
26/08/09 às 18:29
27/08/09 às 21:32
28/08/09 às 9:20
28/08/09 às 13:48
ul{margin:0; padding:0; list-style:none; width:150px;}
ul li{position:relative;}
li ul{position:absolute; left:149px; top:0; display:none;}
ul li a{display:block; text-decoration:none; background-color:#009999; margin-bottom:2px; padding:5px; color:#FFFFFF;}
li:hover ul{display:block;}
eu não fiz dentro de uma div ta tudo em lista msm.
6/09/09 às 3:58
Eu queria saber se daria para fazer esse menu (css) com um menu q fiz no photoshop. Pois eu queria aproveitar o efeito q o css dá…
Obrigado ae…
9/09/09 às 9:25
14/09/09 às 14:04
Mas eu queria saber como poderia fazer para criar um sub-menu do submenu, tipo tenho uma categoria Produtos, que tem uma sub-categoria minerais, que é dividido em linha amarela e linha verde!
Ai como poderia ser feito para quando eu passaceo mause sobre o sub-menu minerais abrisse do lado direito as duas linhas??
Abraços
15/09/09 às 10:43
Estou desenvolvendo um menu com a ajuda dessa tua vídeo aula mas estou com um problema que talvez você possa me dar alguma dica de como resolver.
Vou postar o código css, o html e o exemplo hospedado para você dar uma olhada.
Código html:
Untitled Document
MENU 1
MENU 2
SUBMENU 2
SUBMENU 2
MENU 3
SUBMENU 3
MENU 4
SUBMENU 4
MENU 5
SUBMENU 5
SUBMENU 5
SUBMENU 5
MENU 6
Código CSS:
*{margin:0; padding:0;}
body {
margin:0;
padding:0;
background: #333333;
font: 0.75em “Trebuchet MS”, Arial, Helvetica, sans-serif;
color:#ccc;
line-height: 1.4em;
}
.content {
background: #FFFFFF;
color:#808080;
margin: 0 auto;
padding: 0;
width: 800px;
border-left:6px solid #000;
border-right:6px solid #000;
border-bottom:#f00;
}
.menu {
height:65px;
background:transparent;
position:relative;
font-size:14px;
z-index:100;
margin:0;
padding:0;
}
.menu .table {
display:table;
margin:0 auto;
}
.menu .select,
.menu .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
}
.menu li {
margin:0;
padding:0 2px 0 2px;
height:auto;
float:left;
}
.menu .select a {
display:block;
height:30px;
float:left;
font-weight:bold;
background:transparent;
padding:0 5px 0 5px;
text-decoration:none;
line-height:30px;
white-space:nowrap;
color:#000;
border-bottom: 4px solid #40cb25;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.menu .select a:hover,
.menu li:hover a {
color:#999;
text-decoration:none;
border-bottom: 4px solid #4fb6e5;
}
.menu .select a b{
font-weight:bold;
}
.menu .select_sub {
display:none;
}
.menu .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}
.menu .sub_active .current_sub a,
.nav .sub_active a:hover
{
background:#f00;
color:#2b3238;
}
.menu .select :hover .select_sub,
.menu .current .show
{
display:block;
position:absolute;
width:100%;
top:30px;
background:transparent;
padding:0;
z-index:100;
left:0;
text-align:center;
}
.menu .current .show {
z-index:10;
}
.menu .select :hover .sub li a,
.menu .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:5px 5px 0 5px;
margin:0;
white-space:nowrap;
border:0;
color:#0061C1;
font-size:13px;
font-weight:bold;
}
.menu .select .sub li a {
font-weight:normal;
color:#000000;
}
.menu .select :hover .sub li a:hover,
.menu .current .sub li a:hover{
visibility:visible;
color:#4fb6e5;
text-decoration:underline;
}
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC){
who.MXPC = ‘1′;
if(who.nodeName != ‘A’){
who.onmouseenter=function(){ who.className += ‘ hover’};
who.onmouseleave=function(){ who.className = who.className.replace(’ hover’,”)}; }
(who==who.parentNode.firstChild) ? who.className += ‘ first-child’ : ” ;
} } )(this) , ‘auto’) }
Endereço do exmplo:
http://caic.site40.net/index.html
Abraço a todos.
15/09/09 às 10:49
Abraço.
17/09/09 às 15:17
18/09/09 às 11:50
HTML (lembrando q troquei o sinal de maior e menor pelos colchetes para não ser interpretado no wordpress)
[ul id="menu"]
[li][a href="#"]Home[/a][/li]
[li][a href="#"]Produtos[/a]
[ul]
[li][a href="#"]Informática[/a]
[ul]
[li][a href="#"]Item 1[/a][/li]
[li][a href="#"]Item 1[/a][/li]
[/ul]
[/li]
[li][a href="#"]Eletronica[/a]
[ul]
[li][a href="#"]Item3[/a][/li]
[li][a href="#"]Item4[/a][/li]
[/ul]
[/li]
[/ul]
[/li]
[li][a href="#"]Servicos[/a][/li]
[li][a href="#"]Contato[/a] [/li]
[/ul]
Agora vou posta o CSS, de um menu em vertical, pq fiz aqui rapidinho
ul{list-style:none; margin:0; padding:0}
#menu{width:140px; background:#f5f5f5; }
#menu li{
position:relative;
border-bottom:1px solid #ccc;
}
#menu li a{display:block;}
#menu li ul,
#menu li ul ul,
#menu li:hover ul ul,
#menu li.hover ul ul{
display:none}
#menu li ul{
position:absolute;
top:0;
left:139px;
width:140px;
background:#f5f5f5;
}
#menu li:hover ul,
#menu li li:hover ul{
display:block;
}
O q terá a mais é no sentido quando passar o mouse na primeira li, pq se vc terá q fazer o subsub menu não aparecer .(Lembrando q o script só testei no Firefox, pra ao IE6, tem q usar a solução q coloquei na video aula)
Só uma aviso para que for Comentar.
No Mxmasters não está tendo atualização de video aulas, isso pq temos o Video Aulas Brasil onde as video aulas estão sendo publicadas, está tendo uma variedade enorme de temas no Video Aulas Brasil, q tenho certeza irá agradar a todos. Então, caso for perguntar alguma coisa sobre as video aulas, peço que façam no Video Aulas Brasil (http://www.videoaulasbrasil.com.br), pq o tempo de resposta será menor. Eu darei prioridade apenas os comentários do Video Aulas Brasil, pq vai fica mais fácil e rápido de responder.
Agradeço a Compreensão de Todos
David CHC - Administrador do Video Aulas Brasil
18/09/09 às 12:10
18/09/09 às 12:46
18/09/09 às 12:55
No Mxmasters não está tendo atualização de video aulas, isso pq temos o Video Aulas Brasil onde as video aulas estão sendo publicadas, está tendo uma variedade enorme de temas no Video Aulas Brasil, q tenho certeza irá agradar a todos. Então, caso for perguntar alguma coisa sobre as video aulas, peço que façam no Video Aulas Brasil (http://www.videoaulasbrasil.com.br), pq o tempo de resposta será menor. Eu darei prioridade apenas os comentários do Video Aulas Brasil, pq vai fica mais fácil e rápido de responder.
Agradeço a Compreensão de Todos
David CHC - Administrador do Video Aulas Brasil
18/09/09 às 13:13
brigadão
Abraços…………….
5/10/09 às 21:13
Esse povo que se vire..
Firefox FTW! xD
5/10/09 às 21:43
18/10/09 às 19:38
18/10/09 às 19:48
http://pastebin.com/f61e12d9
5/11/09 às 19:38
Tenho uma dica também de video aula : tipo no topo da pagina quando se passa o mouse nas figuras e elas vem para frente voces poderia montar uma aula de como se faz isso e se este mesmo efeito tem jeito de aplicar ao menu e submenu.
5/11/09 às 19:48
14/12/09 às 20:57
31/12/09 às 1:00
31/12/09 às 18:16
sobre a aula do submenu, consegui fazer funcionar no meu pc. agora como seria para inserir um item a um submenu:
tipo:
produtos (tiulo)
> sites (sub menu)
. dinamicos (item do submenu - como inserir?)
. em flash (item do submenu - como inserir?)
> cartoes (sub menu)
> panfletos (sub menu)
ps. no html eu consegui, mas nao fazer o css funcionar ao passar o mouse sobre o submenu mostrar o item do submenu, se puderem ajudar agradeço bastante estou a um tempão querendo descobrir isto.
31/12/09 às 18:26
http://ogordo.com/sub-menu-com-3-niveis-com-css/
15/01/10 às 10:44
Gostaria de tirar uma dúvida:
O fato de o meu dreamweaver ser mx faz diferença na visualização?
Porque copiei exatamente como o seu, mas não consegui visualizar da mesma forma.
15/01/10 às 11:01
17/01/10 às 19:29
http://www.4shared.com/file/199744445/3da172d3/index.html
/\Index.
\/CSS.
http://www.4shared.com/file/199744967/e941e22e/css.html
img> http://www.4shared.com/file/199747092/3d79e0f/img.html
Qualquer coisa manda resposta pelo meu e-mail.
17/01/10 às 19:41
3/02/10 às 17:37
parabens pela video aula, muito bacana!!
Gostaria de saber como fazer o submenu abrir para a esquerda e não a direita…Tem como??
Abraçao
3/02/10 às 18:29
left:-150px;
6/02/10 às 10:53
Valeu a dica, só vi seu recado agora… Vou testar!!
Abraço
15/02/10 às 12:12
15/02/10 às 12:46
15/02/10 às 14:43
15/02/10 às 15:55
Defino por padrão os links com cores de cinza
ul#menu li a{background:#ccc}
defino os links do submneu como preto.
ul#menu ul li a{background:#000;}
19/02/10 às 12:50
} desse geito eu não entendi quase nada disso eu gostaria que você fazia uma aula de css para iniciante :/ obrigado se puder me responder
19/02/10 às 13:09
20/02/10 às 15:51
20/02/10 às 16:25
23/02/10 às 13:14
apenas um detalhe: se vc arrumar o menu para ie 6
ele ficara com um bug no chrome.
23/02/10 às 14:34
26/02/10 às 8:42
Show de bola a video aula.
Mas tive um probleminha no display:none ao esconder os submenus, ele não aceita.
O que poderia estar acontecendo?
Desde já agradeço.
26/02/10 às 8:46
26/02/10 às 9:06
Estou fazendo os mesmos passos da tua video aula.
A única coisa que fiz diferente foi colocar submenu apenas no primeiro link do menu.
Isso não deveria interferir em nada certo?
26/02/10 às 9:16
26/02/10 às 9:21
Segue o link: http://pastebin.com/ZQuTbeqk
Agradeço a tua atenção.
26/02/10 às 9:23
Esqueci de mencionar outras alterações como background-image que coloquei no menu e a largura de 729px.
Mas acredito que nada disso tenha influenciado para que não aceitasse o display:none
26/02/10 às 9:25
http://pastebin.com/TgvNjWkQ
26/02/10 às 9:36
Falta de atenção a minha.
Valeu pela atenção e parabéns pela video aula.
Grande abraço.
26/02/10 às 9:49
Desculpa encomodar denovo, estou começando no CSS.
Queria que minha imagem de fundo do menu repetisse 729px.
Onde eu insiro o repeat-x ?
26/02/10 às 10:07
background:#fff url(../imagens/imagem.jpg) repeat-x center top;
OU vc pode declarar separadamente
background-repeat: repeat-x;
26/02/10 às 10:15
Não funcionou, continua no mesmo tamanho porém o fundo desaparece.
26/02/10 às 12:22
8/03/10 às 18:59
Eu tentei so que, n consigo colocar o submenu do lado e quando abre o sub menu ele desloca toda a parte de baixo.
Se possível queria saber como solucionar este erro.
8/03/10 às 19:24
8/03/10 às 19:46
http://pastebin.com/P7YfJBvB
8/03/10 às 20:08