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.
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
O sonho é o ponto de partida para qualquer empreendedor. Mas é claro que só isso não basta. Então o ...
Publicado em 10/03/2010 - 8:25
Usuários que pretendem comprar a versão 2007 do pacote Office da Microsoft podem ter uma boa surpresa em breve. Segundo o ...
Publicado em 10/03/2010 - 8:21
Acompanhe os últimos episódios desse programa que é sucesso na rede.
Olá comunidade. Felipe Cardozo na área com mais uma super vídeo aula de tableless. Estava trabalhando na estruturação de um projeto que estamos desenvolvendo e resolvi compartilhar com vocês.
Nesta vídeo aula, iremos ver como desenvolver uma estrutura de layout desde o zero.
Bom estudo!
Atualização 10/04/2009
Pessoal. Realmente vi que houve um problema que passou por despercebido no fim desta vídeo aula. Acontece! Coisa simples.
Resolvi o bug do layout de uma forma muito simples.
Retirei o “overflow:auto” do “wrap” e criei uma div chamada “divclear” com o “clear:both”. Coloquei esse div antes da div que fecha o wrap.
Obrigado ao amigo Adir que no comentário nos deu esta super dica do clear na div antes do fechamento da div pai.
Veja a Atualização nos blogs da equipe Mx Masters
R$ 40,00
R$ 79,90
R$ 59,90
7/04/09 às 21:56
7/04/09 às 22:01
7/04/09 às 22:13
7/04/09 às 23:11
7/04/09 às 23:14
Uma dica é a do blog http://loganlol.site.br.com/blog/ onde o autor já está na 7ª video aula sobre o assunto.
Grande abraço.
Daniel.
7/04/09 às 23:15
Boa dica do overflow pra div acompanhar o height da coluna pai
Tbm pode se ajeitar isto usando um clear antes de fechar a div pai. Fica ae a dica!!!! abraco a todos
7/04/09 às 23:17
7/04/09 às 23:19
7/04/09 às 23:28
8/04/09 às 0:05
8/04/09 às 0:06
Olha como diz nosso amigo Titio aleixo… Chock de Bolette…
Parabens pela didatica… Agoara fica a pergunta:
É melhor trabalhar com Tabelas ou Tablelles ?
Abraços e continue nos ensinando sempre…
8/04/09 às 0:07
Belissima aula!
Olha soh. Tem uma galera que acesa o site e cria os layouts com o photoshop. Seria legal uma video aula sobre como passar os layouts em PSD para (x)HTML + CSS!
Abraco!
8/04/09 às 0:09
8/04/09 às 0:17
Bom queria muito agradecer ao mxmasters e toda a sua equipe, pois este site me ajudo demais mesmo, aprendi muita coiza aqui, e sou muito novo como webdesign estou começando agora, estou fazendo meu primeiro trabalho como free e espero que seja o primeiro de muitos e foi o mx masters que abriu as portas, ou janelas de muitos programa poadsksd. bom agradeço mesmo abraços
8/04/09 às 0:32
Quanto à otimização do código, admito que sofro de “divite”, mas estou me tratando xD
[]’s
8/04/09 às 0:48
Super Abraço!
8/04/09 às 1:06
FORÇA SEMPRE!
8/04/09 às 1:30
Gostaria de aproveitar e pedir que tenha mais video aulas de CSS, pois ainda tem poucas.
Bom sempre estou aqui no Mx Masters à procura de conhecimento, e realmente não se encontra por ai um site com tanta qualidade em video-aulas igual o MX.
Valeu Felipe, valeu galera do MX.
8/04/09 às 2:15
valeu Felipão sucesso…
OoOOo soninho vou dormir … falowwWwWww…
8/04/09 às 2:31
valeu
ah e essa aula foi show…
fiquem com Deus.
Falow
8/04/09 às 6:24
Fala ae Adir, beleza/
Rapaz. Não sabia dessa do clear antes do div pai não..Fiz aqui e não é que funciona mesmo!
Obrigado por nos informar e esteja sempre por perto. É muito bom ter pessoas que saibam trabalhar com linguagem e principalmente que tenham a boa vontade de compartilhar conhecimento, por mais simples que este seja.
[]´s
8/04/09 às 6:26
Tabelas só para usar em tabulações como um calendário, por exemplo…
Tableless is all!
[]´s
8/04/09 às 6:27
Assim que eu terminar o DVD de Fireworks que tô desenvolvendo, começo com o de tableless
[]´s
8/04/09 às 6:28
Huahuahua…”DIVte ou Divmania é normal no mundo do CSS…rs
[]´s
8/04/09 às 6:30
Temos algumas poucas, mas boas vídeo aulas de tableless, mas pode ter certeza de que iremos fazer mais.
[]´s e obrigado pela visita
!
8/04/09 às 6:34
Queria de coração agradecer o carinho de vocês! Queria que todos soubessem que os elogios de vocês são muitos combustíveis para continuarmos a fazer esse trabalho que infelizmente alguns não dão valor, mas prefiro falar dessa galerinha que já faz mais do que parte da minha vida.
Não sou de falar muito aqui no comentário. Na verdade, estava tentando me concentrar mais na administração do MX do que nas vídeo aulas em si, mas é simplesmente IMPOSSÍVEL. Não consigo aprender algo e não compartilhar. É algo maior que meu ser…rs
E outra coisa. Nunca fui de pedir muita coisa aqui no MX, mas queria ver a galera comentando mais. Se ninguém sabe, os comentários são os termômetros para sabermos se o site está legal ou não. Se estamos aguadando ou não! Então, comentem. Não custa nada. É rápido e “de grátis”
Quero mais uma vez agradecer a todos, pedir desculpas pela ociosidade que tivemos semana passada, mas é muito trabalho pessoal. Mas estamos nos organizando….
E tem mais. Não queria soltar, mas já que estamos nesse “clima”, vamos lá. Vem novidade boa aí!!!! Aguardem!
[]´s
8/04/09 às 9:03
8/04/09 às 9:43
8/04/09 às 10:31
Abraço a toda a equipe MX, PARABÉNS, PARABÉNS e PARABÉNS.
8/04/09 às 10:32
bjos
8/04/09 às 10:54
No IE 8 a Sidebar ,ta ficando embaixo da coluna meio,precisa ter seu tamanho dimunuido para pelo menos 183px para se encaixar com as demais,rezo pra um dia fazerem um browser universal.
grande abraço e td de bom
8/04/09 às 11:34
Sobre o problema do float no FF vc declarar um e colocar no final da div pai (acho q já foi até sugerido), e dpois utilizar CSS colocando:
hr.neutro{
clear:both;
height:1px;
visibility:hidden
}
Outra maneira pode ser feita assim usando a pseudo-classe :after -
#wrap:after{
content:”.”;
display:block;
visibility:hidden;
height:1px;
clear:both;
}
É bem simples a explicação disso, digo q quero acrescentar depois (:after) de #wrap => um ponto( content:”.” ), q seja um elemento de bloco (display:block;), fique invisivel(visibility:hidden;), tenha uma altura de 1px ( height:1px;), e seja anulado o float, tanto o left quanto o right (clear:both)
8/04/09 às 11:42
Para quem esta começando na criação de site usando as famosas divs, esse vídeo aula vai foi muito bem preparado, vai ajudar muito.
Sugestão: Seria interessante explicar também como definir as classes para as divs coluna meio e slidebar acompanhar o layout (wrap) no comprimento.
8/04/09 às 12:49
[]´s
8/04/09 às 12:49
Ps.: DVD DO FIREWORKS!!!! DVD DO FIREWORKS!!!! DVD DO FIREWORKS!!!! ! ESTOU ANSIOSO AGUARDANDO.
abs,
Adir.
8/04/09 às 12:54
kkkkkk sem querer estragar a suspresa. Felipe acho que sei qual é a novidade.
abraço.
8/04/09 às 13:20
otima video aula..
quero agradecer enormemente a todos ai do mx .
vlw ai , vcs tem tudo para darem certo !
só quero pedir uma coisinha ..
quando sobrar um tempinho ..
termina a video aula de tableless curso basico..
=x
vlw
8/04/09 às 13:36
8/04/09 às 13:51
Nunca imaginei que MX iria disponibilizar algo assim, a cada dia fico mais conformado que o mx está virando minha segunda casa
E a 6ª Parte do Tableless sai ou não sai hehehe
E como o Felipe disse vamos comentar mais nos posts!
Abraço pessoal do Mx!!
8/04/09 às 15:09
8/04/09 às 15:10
pq o pessoal aqui merece, não é?
;p
8/04/09 às 17:19
8/04/09 às 17:57
8/04/09 às 18:17
tudo oq eu sei de WebDesign é graças a vc e a galera do MX… + uma vez agradecendo por + um vídeo aula… parabéns… Melhor professor em toda minha vida.
VLWWWWWWWWWWWWWWWWWWWWWWWW
8/04/09 às 18:43
8/04/09 às 20:29
É que recentemente eu tive uma curiosidade de como fazer uma imagem (de um topo, por exemplo) ocupar a largura toda da página. Como no site da Visie.com.br. Se você puder fazer uma vídeo-aula explicando como faz isso com Tableless… ;] Acho que é uma coisa que vai atender dúvidas de bastante gente!
Até mais!!
Bjs
8/04/09 às 21:14
8/04/09 às 21:35
Pedir nunca é de mais. Ainda mais quando se trata de conteúdo para o site.
Bom, seria uma ótima, mas creio que no novo formato do MX que estamos montando muitos bons colunistas irão entrar.
[]´s
8/04/09 às 21:36
Vou providenciar uma vídeo aula dessas em breve.
Bjão!
8/04/09 às 21:41
8/04/09 às 22:37
8/04/09 às 23:40
Ai Felipão um abraço e parabens pela video aula e o site!!!
9/04/09 às 0:11
FORÇA SEMPRE!
9/04/09 às 0:17
9/04/09 às 1:24
rsrs…
Valeu muito legal essa vídeo aula!!
Grande abraço!!
9/04/09 às 1:35
9/04/09 às 18:23
Felipe a aula ficou ótima, as aulas de tableless e fireworks realmente, são as melhores e melhor aproveitadas com toda certeza!
9/04/09 às 19:23
sem comentarios
o minimo que posso falar e continue assim e obrigado por mais uma video aula show de bola!
9/04/09 às 20:58
9/04/09 às 21:26
10/04/09 às 0:51
Antes eu não sabia de nada mais agora com as suas video-aulas eu sei um pouquinho.
Parabéns.
Vlw!
10/04/09 às 1:13
achei muito bom esse
material muito bom projeto
flws…
10/04/09 às 11:14
Fala graaaaaaaaaaande massa MXmasters….
Gostei da vídeo aula, essas dicas de tablelles são dimais….
Sempre acho tutoriais na net sobre o assunto, mas em vídeo e com otima abordagem so aqui mesmo…
Felipão sucesso no studiomx….
Abraços e vamo q vamo!!!@
10/04/09 às 13:35
10/04/09 às 15:29
10/04/09 às 16:25
10/04/09 às 16:34
Muito obrigado pelas videos e continue sempre assim!!!
Abraços!!!!!
10/04/09 às 18:07
Aliás, irei terminar aquela vídeo aula.
[]´s
10/04/09 às 18:08
[]´s
10/04/09 às 22:55
Eu passei a trabalhar com CSS a pouco tempo (antes só usava tabelas) e sempre que preciso colocar qualquer conteúdo em forma de lista (com campos e colunas. Exemplo: uma TABELA de preços) eu não consigo fazer em CSS. Tenho sempre que partir para a tabela. Como fazer isso sem usar as velhas tabelas(100% tableless). Acho que daria uma ótima vídeo aula. Fica aqui minha sugestão.
Um abraço
11/04/09 às 1:02
11/04/09 às 6:04
11/04/09 às 9:20
11/04/09 às 11:51
11/04/09 às 14:28
[]´s
11/04/09 às 20:51
Abraço!! Leandro
12/04/09 às 16:55
como sempre uma super video aula ñ sabia desse hack ainda flw
felipe.
Tava sumido do comentes aki tinham cortado minha net falata de pagamento rs mais ja to devolta pode deixar que a gente vai comentar aki e muito um exemplo é o tanto de comentarios que tem nesta pagina nem consegui ler todos geralmente tem consigo ler tudo mais hj ñ rs.
Ahh descobri um jeito de ficar menor os codigos vx deixou duas s com muito espaço no final delas na hora de fechar se diminuir isso fica menor kkk.
flw ai ate a next video aula
12/04/09 às 17:00
ver o layer em varios navegadores ñ intendi o nome muito bem
se possivel passa o link.
13/04/09 às 1:23
[]´s
13/04/09 às 11:32
@_+
13/04/09 às 21:07
Legal a série de vídeo Felipe, estou aguardando uma série de Wordpress
Abraços
14/04/09 às 13:31
cadê o aleixo ?
o mxwebtv volta ?
abraço a vcs Filipe e Aleixo.
14/04/09 às 22:42
Conheci o site semana passada, e ja virei um fã. Parabens.
14/04/09 às 23:57
15/04/09 às 14:54
15/04/09 às 14:56
vlwww
15/04/09 às 19:12
Felipe Parabéns exelente vídeo aula
Muito muito muito bacana!!!
Abraço a todos e sucesso sempre.
15/04/09 às 22:07
Obrigado pelas palavras!
O curso de tableless está sendo desenvolvido.
[]´s
16/04/09 às 15:28
pago pau! uhauha
abração e continua assim que estamos todos aprendendo muito
parabéns de verdade!
[]’s
28/04/09 às 18:43
10/05/09 às 14:17
Um grande abraço!
14/05/09 às 10:13
14/05/09 às 16:48
Primeiramente meus parabéns pelo trabalho, video aula de ótima qualidade!
Está me auxiliando na utilização de tableless (trabalhava com web no emprego antigo e lá os padrões eram todos usando tables), pois não tinha experiência alguma.
Estava fazendo uns testes em cima da sua vídeo aula e tudo estava indo bem até que travei num ponto. Estou tentando fazer uma espécie de “T” com o layout, uma div chamada TOPO (width auto com height 160px) e outra chamada de CORPO centralizada com width de 600px e width auto).
A TOPO irá ficar no topo da janela cruzando-a de fora a fora, enquanto a CORPO fica em cima da TOPO e vara janela abaixo.
A dúvida é, como fazer a TOPO ficar por debaixo da CORPO?
obs. dentro da CORPO existem mais 2 divs, mas creio eu que não interfira nisso, correto?
Desde já obrigado e parabéns mais uma vez!
[]s
14/05/09 às 21:08
grande abraço e continue assim
15/05/09 às 21:11
18/05/09 às 15:21
não sei se voce ja deu essa dica por ai, mas surgiu essa duvida e não consegui resolver …
é o seguinte..
tem como definir um css para um link em especifico?
quero definir um estilo para um link de “voltar”
não consegui deixar da maneira que eu quero pois quando adiciono esse link de “voltar” ele pega o estilo que eu ja defini para os links (nesse caso esta pegando a definição da barra de navegação)
preciso colocar esse link de “voltar” depois que o usuario clicar em enviar email. ai aparecera esse link de voltar.
me da uma luz ai .. please =)
obrigado!
21/05/09 às 8:10
Muito bom mesmo, so agora tive tempo de esse tutor depois de tanto tempo, está ótimo.
Na verdad minha observação é uma pergunta,em sites e com estruturas tableless usam um atributo display:block;
percebi que não usaste isso, mas funcionou muito bem.
Porque vc não usou este atributo?
21/05/09 às 11:27
22/05/09 às 23:34
23/05/09 às 7:44
23/05/09 às 10:35
23/05/09 às 22:29
Bom, usamos o Notepad++
[]´s
28/05/09 às 11:26
Abraço!
29/05/09 às 17:25
não sei se eu to atrasado mais é o eskeleto do site mxmasters né
parabens abraço
30/05/09 às 3:00
aguardo ancioso a próxima aula!
31/05/09 às 18:16
Desde já, Grato!
4/06/09 às 23:21
Vou comprar os DVDs de WORDPRESS e de TABLELESS.
Abraço
10/06/09 às 5:17
que pode ser encontrado gratuitamente pela internte.
Vlws felipe!
10/06/09 às 12:05
eu estudo css mas naum aprendo mto
com essa video aula aprendi bastante de verdade
13/06/09 às 0:18
18/06/09 às 15:47
vlw!
23/06/09 às 11:28
abrindo a cabeça
parabéns !!!!!!ae
24/06/09 às 23:47
30/06/09 às 16:12
marcello_wb@hotmail.com
vlw
3/07/09 às 18:10
16/07/09 às 14:40
16/07/09 às 15:02
18/07/09 às 11:19
24/07/09 às 13:10
vc esclareceu elas pra mim valeww msmo!
showw…
1/08/09 às 6:33
Parabens a todos do MX master s tambem.
Site melhor que este não existe.
Estava parado um pouco com site, mas depois que descobri o MX Master e suas videos aulas , voltei a me interessar mais e agora vou com tudo.
Parabens Felipe.
2/08/09 às 6:20
Vamos supor eu tenho 3 colunas todas com background branco e o fundo da body vermelho.
E se na coluna da esquerda tiver mais conteudo, as outras colunas nao vao acompanhar a altura da coluna esquerda e vai ficar parado com background da body.
3/08/09 às 15:58
Parabéns, por uma bela vídeo aula e que continue assim..
(;
4/08/09 às 15:57
maravilha as video aulas. Adquiri o dvd site completo. show.
Agora estou com um problema que acho que relaciona com o comentario do David.
Resumo: fiz um wrap (geral),
uma div esquerda e uma direita com floats.
a da direita tem uma div em cima (pra animação),
uma em segundo, abaixo da animação, onde coloco um script com data,
e uma terceira que é um pequeno corpo por causa do design que se prolonga com um background da div pai que é a div direita.
Até então, tudo bem.
Mas entre a data e o corpo, deu uma margem dupla no famoso IEca6
e isso to tentando resolver e sofrendo um monte.
Por favor, pode me clarear como resolver???
4/08/09 às 16:19
4/08/09 às 18:18
Alguém tem alguma dica para resolver esse problema?
4/08/09 às 18:35
5/08/09 às 11:00
segui sua orientação e não deu certo. poderia ver pra mim? quando coloquei display:inline, no safari sumiu o backgroud da div, só aparacendo o da div pai e no ie6 continuou com o problema, então tirei.
agora resta: o que é que eu faço? pode enviar seu contato?
5/08/09 às 11:02
#col-right{
background:#fofofo;
width:635px;
float:right;
}
#animacao{
width:635px;
float:top;
height:265px;
}
#barra{
background: url(assets/bg-barra.jpg);
width:635px;
height:52px;
}
#apres{
background: url(assets/bg-apres.jpg) no-repeat;
align:center;
}
#apres h1{color:black;
font:14px arial, verdana, tahoma;
5/08/09 às 11:06
5/08/09 às 11:35
continua o bug do ie6.
veja la:www.drfranciscolima.web.br.com
aqui vai o css completo:
*{padding:0;margin:0;}
body{
background:url(assets/06original.gif);
text-align:center;
font-family:Arial, Helvetica, sans-serif;font-size:12px;
}
#wrap{
background:url(rodape/bg-geral.gif) top center;
width:799px;
text-align:left;
background-repeat:repeat-y;
margin:0 auto;
}
#col-left{
background: url(rodape/rodapesidebar.gif) repeat-y;
width:164px;
float:left;
align:top;
}
#topo{
width:164px
;height:135px;
}
#menu{width:164px;}
#col-right{
background:#fofofo;
width:635px;
float:right;
display:inline
}
#animacao{
width:635px;
height:265px;
float:right;
display:inline;
}
#barra{
background: url(assets/bg-barra.jpg);
width:635px;
height:52px;
float:right;
display:inline;
}
#apres{
background: url(assets/bg-apres.jpg) no-repeat;
float:right;
display:inline;
}
#apres h1{color:black;
font:14px arial, verdana, tahoma;
}
#divclear{clear:both;}
#rodape{
width:799px;
height:35px;
text-align:left;
margin:0 auto;
}
5/08/09 às 11:37
5/08/09 às 16:23
troquei a div que tinha table de duas linhas por 2 divs
mesmo assim, o problema do ie6 continua
please!!! se conseguir me dar uma luz, agradeço imensamente.
E aumenta a cada dia a minha rejeição com a microsoft.
grande abraço.
6/08/09 às 10:43
se precisar te mando o arquivo todo por email.
abç
6/08/09 às 19:37
7/08/09 às 10:27
7/08/09 às 11:19
[a href="?pagina=servico&sub=item"]Sub Item[/a]
no php:
//verifica se existe as página
$pagina = (isset($_GET['pagina'])) ? trim($_GET['pagina']) : ”;
$subpagina = (isset($_GET['sub'])) ? trim($_GET['sub']) : ”;
//indica a pasta
$pasta = ‘arquivos’;
//verifica se o conteudo não está vazio e se o arquivo existe
if(!empty($subpagina) && file_exists(”$pasta/$subpagina.php”)){
require(”$pasta/$subpagina.php”);
}
elseif(!empty($pagina) && file_exists(”$pasta/$subpagina.php”)){
require(”$pasta/$pagina.php”);
}else{
require(”$pasta/home.php”);
}
Claro q esse é apenas um exemplo, é necessário fazer mais verificações para possiveis ataques. Mas é uma base pra vc implementar
11/08/09 às 15:15
obrigada de antemão.
11/08/09 às 16:08
topobr.php = aqui é o topo em portugues (cabeçalho)
topoen.php = aqui o topo em inglês
menubr.php = aqui ficaria o menu portugues
menuen.php = aqui ficaria o menu em inglês
homebr.php = aqui fica o conteudo da home em portugues
homeen.php = aqui fica o conteudo da home em inglês
rodapebr.php = aqui ficaria o rodape em portugues
rodapeen.php = aqui ficaria o roda em inglês
dividimos o template da index em 3 partes q são fixas praticamente, tem pouca mudança, e quando mudam mexe em todo o layout. Nesse caso vc pode trabalhar com o link assim:
[a href="index.php?pagina=homebr&lang=br"]Portugues[/a]
[a href="index.php?pagina=homeen&lang=en"]Inglês[/a]
Repare q terá duas variaveis q servirão para inclusão do arquivo, nesse caso pagina, e q idioma, no caso lang
Agora basta verificar, e chamar esses arquivos de acordo com o lang, exemplo:
http://pastebin.com/m2cae8e5f
Dessa maneira vc pode com css, ee outros arquivos, se forem especifico para determinada idioma
20/08/09 às 0:20
Estou começando agora com tableless! Antes somente com tabelas e realmente!!! Muito mais limpo!!!
Parabéns pela vídeo aula!!!!
Abração!
24/08/09 às 23:11
cara vc não sabe o quanto suas videos aulas me ajudam, eu sou novo nessa area, começei a fazer o curso de web mas admito a voçê que aprendo mais aqui no MX com suas videos aulas do que no curso, vc sabe como ensinar cara, continue assim, agradeço muito e vamos que vamos! NO TABLE YÉS TABLESS!
29/08/09 às 11:34
eu nao sabia nada de css
agora tenho uma deia do q é o css
vlw cara….
24/09/09 às 18:48
3/10/09 às 10:38
Novas video aulas estão no http://www.videoaulasbrasil.com.br/
8/10/09 às 11:30
Que deus abençoe este site, e a todos que dedicam ai seu tempo pra ajudar a gente, e que ELE abençõe muito vc, para que possa continuar a nos ajudar.
Até breve abço
8/10/09 às 13:40
um layout de 3 colunas
nome da 1 #coluna1{}
#coluna2{}
#coluna3{}
no stilo css
no arquivo html tem que colocar o codigo
ate ai tudo bem minha duvida é o seguinte
vamos supor que essas colunas estar no index.html
eu posso colocar esse mesmo codigo
no arquivo contato.html
e so mudas os conteudos dentro de cada divs
ou tem que renomear cada uma criando outros codigos com outras divs
desde ja agradeço pela colaboraçao
8/10/09 às 16:08
do mx massters antes do http
9/10/09 às 10:47
http://www.guanabara.info/2008/07/curso-html-aula-extra-crie-um-favicon/
9/10/09 às 20:43
12/10/09 às 10:45
PARABÉNS, QUE VOCES CONTINUEM ASSIM!
MUITO BOM MESMO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
20/10/09 às 14:00
4/12/09 às 21:10
Desde ja oBrigado!
5/12/09 às 7:18
22/12/09 às 2:28
Gostaria de saber uma coisa. Eu comprei um video aula de wordpress e já comprei o vol.2 para que eu possa desenvolver o meu próprio lauoyt.
Aí vai a pergunta. Eu tenho como criar o meu layout no fireworks e depois mandar pro wordpress atravez de sei lá o quê..rsr inserindo o meu arquivo lá, de menu, de topo, de barra lateral, e por aí vai, enfim…mas posso fazer assim ou até isso eu vou ter que fazer em css ?
valew..
Agradeço desde já.
22/12/09 às 7:55
22/12/09 às 15:27
Mas fiz essa pergunta por isso aqui óh…
No site da nextel, tem um efeito maneiríssimo, que só pode ser feito no ADOBE FLASH, você clica no aparelho e arrasta, que ele vira 360º. É maneiro, por isso perguntei se dava pra fazer certas criações mais arrojadas, nos programas pertinentes, depois mandar prp
WP, tendeu ? vou te mandar o link pra você ver.http://www.nextel.com.br/NextelWebSite/aparelhos/vitrine-aparelhos/i9ferrari.aspx?WT.ac=vitrine_i9 Ferrari
Falar nisso, aproveito pra perguntar se o rapaz que ensina a mexer no FLASH, ensinaria a fazer um efeito desse, porque é chocante demais.
Valew meu amigo..
Um abração..
E obrigado mais uma vez..
22/12/09 às 15:56
Sobre as aulas, vc pode deixar um recado no VAB ou Forum para Michel Araujo sobre sugestão da video aula
22/12/09 às 21:21
Valew mesmo. Como sempre, respostas precisas.
Obrigado e parabéns, meu amigo.
Valew.
22/12/09 às 22:34
Resolvi o problema do layout do rodapé com:
position:absolute;
top: 530px;
No meu caso, 530 foi a altura somada de todas as (alturas) height das divs acima do rodapé. Não é uma solução dinâmica pois se houver aumento do conteúdo e consequentemente do height de alguma div além dos 530px, será preciso aumentar o valor do top na div rodapé,
[]s,
Luiz
24/12/09 às 0:32
Gostei pacas tou aprendendo pacas com vc’s….
Feliz NataL… E pROSPERO aNO nOvO
16/01/10 às 18:03
21/01/10 às 23:45
é mais fácil explicar que funciona igual o relogio !
31/01/10 às 15:46
Puxa vida cara, vc já me deu um bizu com relação a um fundo que eu fiz com imagem, ou seja, eu criei uma imagem e coloquei como o meu background. Me deu o bizu porque eu não conseguia colocar nada em cima dele. Falou algo mais ou menos assim…me perguntou se eu coloquei dimensões na imagem que eu criei. Eu disse que sim e vc disse que talvez o problema fosse esse. Mas me diz uma coisa…porque é que eu não consigo colocar os blocos em cima dele e mais, até a minha imagem que eu criei, quando eu fatio, salvando apenas 1px. e depois abro lá no css, ela distorce, vira uma outra imagem, tamanha dostorção. Moral da estória, Há como eu criar um desenho pra colocar de fundo sem estabelecer um tamanho ? porque o meu site lá no css, eu tô fazendo fluído, sem WIDHT.
Deu pra entender o que eu expliquei meu amigo ? se não deu, eu escrevo de novo explicando de uma nova maneira.
Valew..
Obrigado desde já.
Um abraço.
31/01/10 às 15:52
Tipo, uma vez te mandei um site que eu gostei, mas mandei pra perguntar sobre outra coisa. Sobre um efeito que tem na foto dos telefones, que vc clica segura e arrasta que ele gira e ainda abre o flip. Mas o que eu escrevo hoje, é apena para fins de mostrar o layout mesmo que é arrojado, sem aquela coisa amarrada em 2 ou 3 colunas, topo e rodapé, sabe…ele é diferente. Ou será que ele é marcado em colunas e eu não tenho bagagem pra perceber ainda. Pode ser isso tb. Vou mandar o link só pra vc ter uma idéia do layout.
http://www.nextel.com.br/NextelWebSite/quero-nextel.aspx
É esse aí meu amigo.
Valew mais uma vez.
31/01/10 às 16:06
http://mariliaweb.com.br/david/fatima/
São duas imagens de fundo, uma colocando pelo seletor html, e o outro body:
html, body{height:100%;}
html{
background:#122545 url(../images/bg-repeat-body.jpg) repeat-x center top;
}
body{
background:url(../images/bg-body.jpg) no-repeat center top;
}
Repare que ele não vai ocupar nenhum espaço, interferindo no fluxo dos outros elementos, como coloquei as divs para o posicionamento.
Ressaltar, se vc colocar via CSS, vc vai consegui colocar elemento “em cima dele”. Se vc colocar via codigo, com a tag img, vc terá q utilizar o position:absolute e o z-index para realizar essa tarefa.
31/01/10 às 16:15
O layout realmente é bonito, mas trabalha com elementos blocos, só que na horizontal. Sabendo trabalhar com CSS vc consegue fazer qualquer coisa.
Um dica pra vc não ficar “amarrado” a essa estrutura, é pesquisar por galerias de css (gallery css), vc poderá ver como é flexivel trabalhar com CSS, e fazendo trabalho bonitos
1/02/10 às 1:40
Como sempre, RESPOSTA PRECISAS !
Mas tu viu o site ?
Vc vê que só tem uma imagem linda de background no body e os blocos todos soltos por cima.
Não segue aquele padrão, né ?!
Valew meu amigo..
Vou tentar aqui…
Abraços.
1/02/10 às 7:08
2/02/10 às 3:04
Tô te mandando aê um layout que tô desenvolvendo em html/css. Lembra que te falei dos blocos soltos, nãp tecnicamente falando, com o FLOAT..rsr mas visualmente mesmo, como um cliente/internauta que acessar. Assim, sem aquela regra de topo, menu barra lateral, box central e barra lateral direita e rodapé….mas algo aleatório. Uns blocos até colados um no outro mas soltos, outros separados, cada um com uma animação se for o caso ou um simples frame de fireworks mesmo. Enfim, mas sem aquele esteriótipo do site. Só que vou aproveitar tb pra te falar dos problemas que tô enfrentando. O “bloco direito”um que é o verdinho, eu não consigo levantar ele mais um pouquinho de jeito nenhum. Se bem que tô usando apenas as propriedades “float e margin”. Será que é aí que entra o seu bizu ? pra utilizar o “position” ?
file:///C:/Users/Pedro%20L%C3%BAcio/Desktop/css/site-arrojado/index.html
taí o layout meu amigo.
Uma abração.
Fica com Deus.
2/02/10 às 7:51
2/02/10 às 15:05
Brigadão mais uma vez.
5/02/10 às 1:06
Puxa vida cara, eu tava vendo uma aula do Ricardo Aleixo, de como criar um site diferente, no fireworks. Ele faz uma mesa com uma xícara, umas canetas, borracha e uma agenda em cima. Muito maneiro. Aí vai a pergunta. Eu consigo fazer um site exatamente assim, ou seja, criando tudo no fireworks, salvando em GIF ou JPG, de acordo com o que puder ser feito. Claro que fatiando jamais, afinal, já conversamos sobre isso. Vc me explicou muito bem e eu já entendi. Mas quero saber se é isso, se posso fazer isso…se basta abrir aquele background lá no css, depois Abrir um blocão com os cantos arredondados e depois colocar essa imagem da agenda emcima. a da xicara em cima, tudo no css, claro, enfim….
Deu pra entender a minha pergunta meu amigo ?
Valew…fico no aguardo.
Muito obrigado.
Um abraço.
5/02/10 às 7:47
6/02/10 às 1:37
Vindo só pra agradecer.
Brigadão mais uma vez.
Vou tentar aqui..
Valew..
Um abraço.
7/02/10 às 3:32
Esse troço deve estar de sacanagem comigo cara..rsrs
Olha só. Vou te dar o passo-a-passo do que eu fiz, com relação ao layout do Ricardo Aleixo.
Ok, vamos lá…
Primeiro, fiz um box do tamanho do meu palco. ISso, lá no fireworks. fiz um box de 900 por 800. Coloquei uma textura lá do pattern, fatiei com 1px e no IMAGE PREVIEW, salvei como JPG. OK, tudo bem até aí. Fica aquele filetinho pra poder abrir lá no navegador depois que colocarmos no código certo ? ERRADO..rss certo sim, no de vcs. No meu não fica DE JEITO NENHUMMM…pior que não dá nem pra dizer que não tento de tudo. Porque tento..rss
Tento colocar o “repeat, o repeat-x, o repeat-y, o no-repeat-x, o no-repeat-y” na width, eu coloco 100%, já que não quero que tenha um tamanho certo, mas siga o navegador. Enfim…
Reparou que o problema é logo no início ? com isso, não consigo caminhar..paro por ali memso tentando colocar o background.
Valew meu amigo.
Obrigado por qualquer ajuda que puder dar.
Um abração..
7/02/10 às 3:37
Acabou que eu esqueci de dizer o que acontece, como é que fica.
Entrar a imagem entra, o problema é que ela se transforma em outra coisa…rss até bastante legal, meio surreal é verdade mas legal tb…rsr só que não foi o que eu escolhi, o que eu criei, tendeu ?..rsrs
Mas entrar entra, eu só não consigo expandí-la, tendeu ?
Vou nas aulas que vejo vcs expandindo esas imagens, faço igualzinho, te juro. Mas nãooooo vaiiiiiii..rsr comigo não..rsrs
Valew meu amigo…
Abração.
7/02/10 às 8:32
8/02/10 às 1:53
Vc tem razão, por isso já fui lá fazer.
Tenho que esperar agora 1 hora pra autorizarem.
Valew mesmo meu amigo..
Um abraço David.
9/02/10 às 2:18
Tem como eu te mandar o PNG cara…
Porque eles até agora nã oentraram em contato comigo.
Eu faço o seguinte…faço a criação no fireworks e te mando. Te mando e te explico. Com certeza vc vai entender.
Pra onde eu mando ?
Valew meu amigo..
Um abraço.
9/02/10 às 7:37
18/02/10 às 3:43
Te enviei o e-mail..
Recebeu aê ?
Valew meu amigo…
um abração e obrigado..
6/03/10 às 17:16
Mas queria saber como colocar um degradê pelo css pra dar uma melhorada no visual do site.
Se tiver como ajudar agradeço.
valeu!
6/03/10 às 17:50
body{
background:url(imagens/bg-fundo.jpg) repeat-x;
}