..:: MX Studio Fóruns ::..: Imagem por CSS - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Imagem por CSS Como inserir uma imagem por css ?

#1 User is offline   HOMEM AMARELO 

  • Group: Membros
  • Posts: 287
  • Joined: 10-January 04

  Posted 22 June 2004 - 08:33 PM

E ai galera, blz ?

Tv tentando inserir uma imagem em um menu via css, soh q naum to conseguindo, tentei pela unica forma que eu sei, que eh o list, e naum obtive sucesso, pois distorce toda a tabela, alguem sabe alguma outra forma, se souber me mande por favor !!!!

Falows thumbsup.gif
0

#2 User is offline   rbaialuna 

  • Group: Desafio Fireworks
  • Posts: 2938
  • Joined: 28-January 04

Posted 22 June 2004 - 09:58 PM

E ai...

Se for em tabela acho que você pode tentar em
{ background: imagens.jpg; font-family: tal tal tal... }

Abraços!
0

#3 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 22 June 2004 - 11:35 PM

QUOTE (rbaialuna @ 22/6/2004 20:06:59)
E ai...

Se for em tabela acho que você pode tentar em
{ background: imagens.jpg; font-family: tal tal tal... }

Abraços!

.unnamed1 {
background-attachment: fixed; /* se a imagem vai rolar junto com a página ou vai ficar fixa. pode ser fixed ou scroll */
background-image: url(/imagens/bg_grad.jpg); /* endereço da imagem */
background-repeat: no-repeat; /* se ela vai se repetir ou não. pode ser: no-repeat, repeat, x-repeat (repete apenas na horizontal), y-repeat(repeat apenas vertical). */
background-position: 1px 0px; /* posição da imagem no background. o primeiro valor é o left, o segundo é o top */
}

Aplique a classe à sua TD, ou DIV, ou UL, ou o q vc esteja usando de menu (:

rbaialuna, evite postar qdo não tiver certeza, smile.gif
thumbsup.gif

T+
0

#4 User is offline   HOMEM AMARELO 

  • Group: Membros
  • Posts: 287
  • Joined: 10-January 04

Posted 22 June 2004 - 11:41 PM

Acho q naum me expliquei direito, no caso seria q nem o do menu do mxstudio, naum tem a setinha q vem antes dos linkls, seria tipo aquilo, naum eh o bg. e sim uma imagem normal !!! thumbsup.gif
0

#5 User is offline   rbaialuna 

  • Group: Desafio Fireworks
  • Posts: 2938
  • Joined: 28-January 04

Posted 23 June 2004 - 12:32 AM

QUOTE (HOMEM AMARELO @ 22/6/2004 22:06:08)
Acho q naum me expliquei direito, no caso seria q nem o do menu do mxstudio, naum tem a setinha q vem antes dos linkls, seria tipo aquilo, naum eh o bg. e sim uma imagem normal !!! thumbsup.gif

Mas ai a imagem foi colocada dentro da tabela wink.gif

Abraços!
0

#6 User is offline   HOMEM AMARELO 

  • Group: Membros
  • Posts: 287
  • Joined: 10-January 04

Posted 23 June 2004 - 01:00 AM

Ai galera, testei aqui mas naum rolo naum, acho que naum tem como naum, vo colocar por html mesmo e jah era !!! sad.gif

Valew thumbsup.gif

Falow smile.gif
0

#7 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 23 June 2004 - 09:40 AM

QUOTE (HOMEM AMARELO @ 23/6/2004 00:06:10)
Ai galera, testei aqui mas naum rolo naum, acho que naum tem como naum, vo colocar por html mesmo e jah era !!! sad.gif

Valew thumbsup.gif

Falow smile.gif

tem sim cara. procure no site do mx studio, pq eu fiz o menu do mx studio usando apenas css, e aquela setinha eu coloquei usando exatamente isso que eu lhe passei. nem precisa do background-fixed

.unnamed1 {
background-image: url(/imagens/bg_grad.jpg);
background-repeat: no-repeat;
background-position: 1px 0px; /* posição da imagem no background. o primeiro valor é o left, o segundo é o top */
}


T+
0

#8 User is offline   HOMEM AMARELO 

  • Group: Membros
  • Posts: 287
  • Joined: 10-January 04

Posted 23 June 2004 - 12:04 PM

Ai marcos eu fiz da seguinte maneira:
CODE
.menuOFF{
font-decoration: none;
color:  #CCCC00;
font-size: 10px;
border: 1px solid #666666;
height: 100%;
width: 130px;
background-color: #990000;
background-attachment: fixed;
background-image: url(../images/seta_mini.gif);
background-repeat: no-repeat;
background-position: left center;
}


Mas naum fica legal, e o menu do mxstudio pelo que vi eh fetio com css, mas a figura foi inserida por html mesmo, eu baixei a pagina pra da uma estuda e vi que a figura ta no html e naum no csss !

Valew por Agora

e

t+
0

#9 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 23 June 2004 - 12:44 PM

tente utilizar valores em pixel no background-position.
0

#10 User is offline   workx 

  • Group: Membros
  • Posts: 4
  • Joined: 24-June 04

Posted 24 June 2004 - 11:29 AM

Ola,
Tente da seguinte forma e vê se atende as suas necessidades.
Qualquer coisa é só dar um grito!



CODE
<style type="text/css" media="all">
#menu{
padding:0;
margin:0;
list-style:none;
}
#menu li{
background: url(http://www.mxstudio.com.br/Images/seta_menu.gif) no-repeat 0% 70%;
padding-left:10px;
margin-left:5px;
}
</style>

(...)

<ul id="menu">
<li><a href="#">link um</a></li>
<li><a href="#">link dois</a></li>
<li><a href="#">link três</a></li>
</ul>

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Como montar um bom portifolio
materia design grafico 		DESIGN em GERAL Tygra 
  • 13 Replies
  • 5883 Views
New Replies Como mudar a cor "back-ground"
na pagina html 		Flash & ActionScript Fharrá 
  • 1 Reply
  • 835 Views
New Replies No Twitter, Bope reclama de emissoras de TV por imagens de operação no Rio Notícias Notícias 
  • 0 Replies
  • 221 Views
New Replies construindo uma ficha de inscrição Dúvidas Gerais Jota_harmonia 
  • 0 Replies
  • 1333 Views
New Replies Por favor Avaliem o meu trabalho
Diga se gostou 		Avaliação [GaBrIeL] 
  • 4 Replies
  • 1369 Views
New Replies Como usar Flashvars com actionscript 3.0 Flash & ActionScript mjsfreitas 
  • 1 Reply
  • 649 Views
New Replies SISTEMA DE BOLETIM ESCOLAR
Estou desenvolvendo um sistema para uma escola de um amigo meu onde no 		Avaliação Dellirius 
  • 8 Replies
  • 11952 Views
New Replies Prince pretende processar sites por uso indevido de músicas Notícias Notícias 
  • 0 Replies
  • 478 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)