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

Jump to content

Publicidade




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



Publicidade




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