Jump to content

  2. →
  3. →
  4. →

Photo

Tabela Com Fundo Semi-transparente

Started By Mubarack, 19/02/2004, 12:03

  • Faça o login para participar
15 replies to this topic

#1 Mubarack

Mubarack

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 19/02/2004, 12:03

Como posso fazer o fundo de uma tabela com transparência de 50% em CSS???

#2 COWBOY_4ever

COWBOY_4ever

    Rodeio Universitário

  • Usuários
  • 483 posts
  • Sexo:Masculino
  • Localidade:Estado do Rio de Janeiro
  • Interesses:Mulheres, dinheiro e bebidas.

Posted 19/02/2004, 12:21

Use filter: alpha(Opacity=50):

<html>
<head>
<style>
.tabela { filter: alpha(Opacity=50) }
</style>
</head>

<body>
<table  class="tabela">
<tr>
<td></td>
</tr>
</table>
</body>
</html>


| COWBOY_4ever
|
| ====================================
| Cavalo eu puxo no toco, burro eu puxo no morão.
| Gosto de whisky, mas a cerveja é minha paixão.
| Sou gamado na loira, mas da morena eu não largo não!
| ----------------------------------------------------------------

#3 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 19/02/2004, 13:05

Esse efeito vai deixar não só o fundo transparente, também os textos dentro da tabela...

Edição feita por: Klaus, 19/02/2004, 13:07.

Klaus Paiva
Conheça também: Taperás

#4 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 19/02/2004, 16:00

O Klaus está certo. Caso queira fazer isso apenas com uma linha, coloque o class="tabela" na tag <tr> ou na tag <td>, que irá fazer isso com uma célula.

#5 Andwise

Andwise

    :)

  • Usuários
  • 221 posts
  • Sexo:Não informado
  • Localidade:Hogwarts
  • Interesses:Webdesign {HTML, DREAMWEAVER, PHOTOSHOP}

Posted 19/02/2004, 16:35

Tenho uma duvida:
-Eu ja tenho um class definido. Eu quero criar esse outro. Eu coloco
<table class=pix class=tabela> e nao funciona...como colocar dois class?
Rafael
MSN - rafaelcp22@msn.com
E-mail - rafaelcp2@gmail.com

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 19/02/2004, 19:48

testa ae.. ehhee..
mais serio... vc nao pode usar duas classes.. nao vai pega..
vc pode tentar unior os dois scripts na hr de fazer... depois vc usa somento uma classe (y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 COWBOY_4ever

COWBOY_4ever

    Rodeio Universitário

  • Usuários
  • 483 posts
  • Sexo:Masculino
  • Localidade:Estado do Rio de Janeiro
  • Interesses:Mulheres, dinheiro e bebidas.

Posted 20/02/2004, 01:17

Como posso fazer o fundo de uma tabela com transparência de 50% em CSS???

Fazer apenas o fundo da tabela ficar com transparência acho que não tem como, o que sei é esse que passei mas todo o conteúdo da tabela também fica com a transparência.
Mas se vc quer que apenas o background fique transparente, pq vc não edita a imagem e coloque-a normalmente. Mais simples, não?
| COWBOY_4ever
|
| ====================================
| Cavalo eu puxo no toco, burro eu puxo no morão.
| Gosto de whisky, mas a cerveja é minha paixão.
| Sou gamado na loira, mas da morena eu não largo não!
| ----------------------------------------------------------------

#8 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 20/02/2004, 08:51

O que eu faço... É colocar a tabela transparente e fazer uma camada flutuar sobre ela, com todo o conteúdo.
Klaus Paiva
Conheça também: Taperás

#9 Mubarack

Mubarack

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 22/02/2004, 00:46

O que eu faço... É colocar a tabela transparente e fazer uma camada flutuar sobre ela, com todo o conteúdo.

Klaus, você pode me ensinar? Eu fiz da maneira que falaram, mas acho q n~eo ficou muito bom, dêem uma olhada http://zorowanted.blogspot.com

#10 COWBOY_4ever

COWBOY_4ever

    Rodeio Universitário

  • Usuários
  • 483 posts
  • Sexo:Masculino
  • Localidade:Estado do Rio de Janeiro
  • Interesses:Mulheres, dinheiro e bebidas.

Posted 22/02/2004, 03:07

Eu fiz da maneira que falaram, mas acho q n~eo ficou muito bom, dêem uma olhada http://zorowanted.blogspot.com

Se vc reparar bem vai perceber que não só o fundo, mas todo o conteúdo está com transparência neste site que vc colocou como exemplo

Edição feita por: COWBOY_4ever, 26/02/2004, 00:26.

| COWBOY_4ever
|
| ====================================
| Cavalo eu puxo no toco, burro eu puxo no morão.
| Gosto de whisky, mas a cerveja é minha paixão.
| Sou gamado na loira, mas da morena eu não largo não!
| ----------------------------------------------------------------

#11 webhostic

webhostic

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 03/08/2009, 10:38

Oi amigos, parece que um brother ae teve dúvidas de como usar 2 classes dentro da mesma <TAG>

Como dá conflito usando <tag class="nome" class="nome2">, dá pra usar mais de uma classe na tag assim <tag class="nome nome2">

Abraço

#12 Guilherme Lima2009

Guilherme Lima2009

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Masculino

Posted 03/09/2009, 16:28

Não existe a possibilidade de se usar 2 classes, talvez você possa usar uma classe (class) de um identificador (id).

Caso você queira mesmo deixar a tabela transparente sem deixar o conteúdo faça o seguinte:

Coloque a transparencia na tabela com o filter: alpha(opacity=50)
Crie DIV com o mesmo tamanho e na mesma posição da tabela, para que ela fique exatamente sobre a mesma. Na propriedade CSS desta div defina o background-color: transparent;
Agora dentro desta DIV crie outra tabela identica a primeira tabela e insira o conteudo nela.

Pronto, sua tabela está com transparencia de 50%, a DIV é totalmente transparente porém seu conteúdo não, como a segunda tabela não possui também nenhum fundo o que fica visivel é a tabela que está embaixo.

Eu não recomendo este tipo de gambiarra, eu sei que existe alguma coisa em javascript para resolver isto, mas o que tenho até agora é isto aê!

Edição feita por: Guilherme Lima2009, 03/09/2009, 16:30.

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/09/2017, 08:34

Cheap Celebrex 200mg cialis Antibuse
Usa Viagra Prices
Levitra 10 Rover Orodispersible <a href=http://cialtobuy.com>generic cialis</a> Free Levitra Samples
Viagra Sin Receta Foro cialis 400mg Flagyl
Zithromax Tab Comprar Viagra Sin Receta En Sevilla Pillole Viagra Immagini
Cialis Online Napoli <a href=http://cialtobuy.com>cialis buy online</a> Cialis Ou Apcalis
Propecia Es Lo Mismo Que Proscar cialis price Power Pill 100 Can I Buy Cipro Online Acheter Viagra Par Paypal viagra cialis Levothyroxine Canada No Prescription

#14 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 01/11/2017, 07:24

E Online Pharmacy Cialis Efficacia wheretobuylevitrapills Euro Meds Online Propecia Soluzioni Prix Cialis Pharmacie Suisse
Propecia Buy Uk Hair Follicles buy viagra online Propecia Precio 1 Mg On Line Pyridium With Free Shipping Antibotics
Levitra Ingrediente Activo Over Counter Med Comparable To Cialis Buy Orlistat Online Cheap viagra Northwest Pharmacy Canada Viagra 88 Keys Lyrics Propecia Farmacia Online

#15 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 02/11/2017, 09:10

Pastilla Cialis Efectos No Prescription Strattera Cytotec Acheter En Ligne viagra Synthroid Online No Rx
Medicamento Cialis 20 Mg online pharmacy Amoxicillin Feline Dosage Comprar Cialis Rapido
Il Cialis E Mutuabile Amoxicillin During Pregnancy Receta Finasteride Comprar Propecia viagra prescription F Lower Back Pain Treated With Amoxicillin
Antibiotics For Herpes Amoxicillin Amoxicillin Clavulanic Acid Suspension Dosage cheapest generic levitra no pres Cialis Levitra Libido Antibiotics Online Overnight
Secure Isotretinoin Best Buy Fedex Cheap Cialis Generic Online Vente Cialis France buy levitra Prezzo Cialis 20 Mg Acheter Du Amoxicillin En Ligne Kamagra Fast
Amoxicillin No Perscription Free Shipping buy viagra online Keflex Xanax Propecia Ottawa No Prescription
Prix Finasteride Shipped Ups Secure Ordering Acticin Scabies Online Vytorin And Propecia vardenafil 20 mg.no prescription Cephalexin And Alchol
Buy Priligy In Europe Weight Loss Orlistat Medical Fl buy viagra online Stendra Over Night Low Price Overseas Store Levitra Farmacia Di
Isotretinoin Worldwide No Rx By Money Order Achat De Pilule Cialis Keflex Dose For Skin Infection non prescription levitra Comprimes Amoxil Kamagra 50mg Celexa No Prescription
Cialis 10 Mg Propiedades Acticin Fedex Shipping Can I Purchase Levaquin Medication viagra online Cialis Levitra Y Viagra Apcalis Kamagra Tadalafil Cialis 20 Mg
Voltar para CSS & Semântica (Tableless)


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. → CSS & Semântica (Tableless)
  5. Privacy Policy
  6. Regras ·
IPB Skin By Virteq