Efeito Se Sombra Na Tabela
#1
Posted 31/12/2004, 21:22
http://mtv.terra.com.br/
num sei se é um efeito ou uma imagem vinda do css, alguem poderia me explicar como posso fazer isso?
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#2
Posted 31/12/2004, 22:03
ja no resto do site o pessoal usou os comandos onmouseout e onmouseover em cada uma das tabelas
<table width="95%" bgcolor="#E8E8E8" onmouseover="bgColor='#cccccc'" onmouseout="bgColor='#E8E8E8'">
nao sei se era isso q vc queria, mas acho que sim
agora deixa eu ir que o pessoal ja ta me chamando pra tomah champagne hehehehe
#3
Posted 31/12/2004, 23:00
se for, é so usar imagens...
cria uma imagem com sombra, usa o css pra ela se repetir apenas na vertical
#4
Posted 31/12/2004, 23:26
<html> <head> <style> .sombreada { background: black; margin: 3px 0 0 3px; width: 300px; } .sombreada .tS { display: block; position: relative; top: -3px; left: -3px; background: #EEEEFF; } </style> </head> <body> <div class="sombreada"><span class="tS"> Texto...aaahhhhhhhhhhhhhhhh </span></div> </body> </html>
Esse aqui é mais complexo ==> http://www.maujor.co...oundshadow.html
Edição feita por: danillonunes, 31/12/2004, 23:28.
#5
Posted 01/01/2005, 01:02
.TabelaEntrada { BORDER-RIGHT: 2px solid #336666; BORDER-LEFT: 2px solid #336666; BORDER-BOTTOM: 7px solid #336666; BORDER-TOP: 2px solid #336666 background-image url("img/dobra_topo.gif"); }
eu to tentando colocar a imagem na maldita BORDER-TOP, mas é q este CSS da me dando um pau... hehheheh
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#6
Posted 01/01/2005, 01:16
BORDER-RIGHT: 2px solid #336666; BORDER-LEFT: 2px solid #336666; BORDER-BOTTOM: 7px solid #336666;
BORDER-TOP: 2px solid #336666; background-image url("img/dobra_topo.gif");
é isso?
#7
Posted 01/01/2005, 01:22
deste jeito num aparece a imagem em nenhum lugar...BORDER-RIGHT: 2px solid #336666; BORDER-LEFT: 2px solid #336666; BORDER-BOTTOM: 7px solid #336666;
BORDER-TOP: 2px solid #336666; background-image url("img/dobra_topo.gif");
é isso?
se eu uso assim:
BORDER-RIGHT: 2px solid #336666;
BORDER-LEFT: 2px solid #336666;
BORDER-BOTTOM: 7px solid #336666;
BORDER-TOP: 2px solid #336666;
background-image: url("img/dobra_topo.gif");
como eu num to dizendo que a imagem tem q ficar de fundo no TOP aparece a imagem, mas aparece a imagem em todas as tags <td> da minha tabela...
q q será q é?
na minha tabela eu chamo assim..
<table cellpadding="0" cellspacing="0" width="700" height="459" class="TabelaEntrada">
ta certo né?
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#8
Posted 01/01/2005, 02:28
#9
Posted 01/01/2005, 02:36
é, agora colocar sombra ta sendo o de menos... hahahahaha, o q eu queria mesmo, era colocar uma imagem nesta maldita borda... mas agora tava pensando... nem sei se é possivel colocar imagens em bordas.. hehe, é q agora que to me familiarizando com o css, antes naum usava ele...iporto, o que você está tentando fazer ? você quer colocar um sombra somente no topo ?
então, agora o q eu quero por momento... é que esta é minha tabela
|--------------------------|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|--------------------------|
ai onde ta vermelho... seria a borda do topo, o atributo cor, funciona perfeitamente... agora o q eu queria... é que ficasse uma imagem ali... ao inves da cor.... para ficar algo assim:
|SSSSSSSSSSSSSSSS|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|.................................|
|--------------------------|
os SSSSSSSSSSSSSSS seriam a minha imagem.... entenderam? ou eu compliquei mais ainda? hehehehehe
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#10
Posted 01/01/2005, 03:11
No CSS acrescente o seguinte:
#img_borda {
background: transparent url(url_imagem) repeat-x;
width: 700px;
padding-bottom: 10px;
}
A imagem está repetindo horizontalmente até atingir a largura de 700px.
O paddim-bottom determinará o espaço entre a tabela abaixo. Configure-o nos seus moldes
#img_borda h4 span { display: none; }
Essa parte é para ocultar o texto na tela.
Bem no topo da sua página, acima da tabela principal acrescente:
<div id="img_borda"><h4><span>Imagem Superior</span></h4></div>
Veja se dá certo aí !
#11
Posted 01/01/2005, 04:12
PS: pergunta monga.. qual a diferença de começar com . e com # o nome da class?
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#12
Posted 01/01/2005, 04:36
O . (ponto) é a sintaxe do seletor tipo Classe, e o # é do ID.
Classe: é aplicável a um ou mais elementos HTML.
ID: é individual, só é aplicável somente a um elemento HTML.
Quer dizer que: não pode existir dois IDs iguais ... E pode existir dois ou mais Classes iguais.
Abraços !
#14
Posted 25/09/2017, 19:49
#15
Posted 30/09/2017, 11:58
Le Cialis Blog cheap cialis Cephalexin Overdose Levitra Effetti Collaterali Farmacia
Zithromax Iv In Children Overnight Femara Canadian cialis Viagra For Sale Cannada
Precio Propecia Espana Viagra Professional 100 Mg Generic Zentel Quick Shipping Mastercard Accepted online pharmacy Free Viagras Genuine Viagra Cheap Acheter Viagra Pfizer Quebec
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)