Jump to content

  2. → Viewing Profile: Tópicos: ilustrevitor

ilustrevitor

Member Since 11/03/2010
Offline Last Active 30/03/2010, 09:39
-----

Topics I've Started

Meu Arquivo Em Php Não Reconhece Uma .Class

24/03/2010, 10:30

eu tenho uma lista que fiz em html que estilizei com css para que ela ficasse usando um gif no lugar do marcador padrão que é aquela bolinha. mas tem um item dessa lista que eu não quero que tenha nem a bolinha que é padrão da lista, nem o meu gif. Até ai eu tinha colocado uma classe pra esse item e no css eu tinha especificado que o elemento li com a classe "legenda" assumiria essa formatação. enquanto o meu arquivo estava em html eu tinha conseguido, mas quando passei para .php deixou de funcionar.

alguém sabe me dizer o porque?

Posted Image

css:
ul.suBul li.legenda {
	list-style-type:none;
	list-style-image:none;
	border:0;
	padding-top:3px;
	line-height:0;}

Link Não Levar Pro Topo Da Página

18/03/2010, 14:42

Gente eu tenho um link no site que faz aparecer uma div com display none. Só que o link fica abaixo da area visível do site, ou seja, você tem que descer a barra de rolagem para ver o link e a div que vai aparecer quando eu clico nele. Eu ainda coloquei um animação com JQuery, que ficou legal xD

Até ai eu fiz tudo ok, mas tem um problema chato: eu clico no link e ele leva a barra de rolagem pra posição inicial, pro topo da página. tem como isso não acontecer?

Dúvida Hide And Show Jquery

16/03/2010, 14:31

http://www.scriptbra...hp/t121833.html

gente nesse link acima tem um exemplo de como esconder vários elementos de uma página e exibi-los um por um, usando um menu. Eu consegui aplicar ao meu site, mas preciso que o código esconda todos os elementos no inicio, como ja foi programado, menos um deses elementos: a <div> #Home.

alguém pode me ajudar.

meu código está assim:

$(document).ready(function(){
    $('.menu a').click(function(){
        $('.conteudo div').hide().parent().find( '.' + this.className ).fadeIn("slow")
        return false
    })
})

e o menú é esse:

<ul class="menu" id="menuSuperior">
  <li><a href="#" class="home">· Mundo da Carlota</a></li>
  <li><a href="#" class="parceria">· Parcerias</a></li>
  <li><a href="#" class="servico">· Serviços</a></li>
  <li><a href="#" class="diversao">· Diversão</a></li>
  <li><a href="#" class="contato">· Contato</a></li>
</ul>

Caixa De Texto Animada Com Jquery

15/03/2010, 10:19

gente, eu fiz um site somente com css e html bem bonitinho ^_^ mas agora estão pedindo que eu faça uma animaçãozinha na transição dsa páginas, eu vi que tem vários tutoriais sobre o tipo de animação que eu quero na internet usando jquery. tudo até certo ponto bastante simples. No entando, esses tutoriais são feitos para fazer uma animação no menu de um site, eu preciso animar a caxa de texto onde vai o conteúdo do site, estou achando que isso vai ficar muito pesado.

trocando em miúdos, eu tnho um site com 6 páginas, todas elas com conteúdo escrito, uma delas tem uma imagem. Esse conteúdo escrito tem vários tamanhos, metade ocupa um espaço maior do que a tela surgindo a barrinha lateral, e metade ocupa menos espaço.

a animação que eu queria seria essa caixa de conteúdo se adaptando, se eu clicar em contato por exemplo, ela vai encolher, se eu clicar em parceiros ela vai esticar.

Outra opção é fazer com flash, mas eu não curto muito.

enfim, da pra fazer isso com jquery, não fica muito pessado pra rodar no navegador?
tem algum tutoriak na net mostrando como se faz isso?

Menu Horizontal Forma Uma Escada

11/03/2010, 15:38

Eu não sei o que ta causando isso. Estou fazendo um site e tendo problemas com o menu horizontal no IE 7. Coloco float left e os itens se alinham um do lado do outro, no entando eles não sobem, e acabam formando uma escada. Não consigo resolver, e só ocorre no IE7. =//

o código html é assim:
<body>
<div id="nonFooter">
  <div id="menu">
    <div id="nav">
      <ul id="listaMenu">
        <li ><a href="home.html"class="listaMenu">· O mundo da Carlota</a></li>
        <li ><a href="parcerias.html" class="listaMenu"id="ePLogo">· Parcerias</a></li>
        <li ><a href="servico.html"class="listaMenu">· Serviços</a></li>
        <li ><a href="diversao.html"class="listaMenu">· Diversão</a></li>
        <li ><a href="contato.html"class="listaMenu">· Contato</a></li>
      </ul>
    </div>
    <!--END of nav-->
  </div>
  <!--END of menu-->
  <div id="content"></div> 
</div>
<!--END of nonFooter-->
<div id="footer">
</div>
<!--END of footer-->
</body>

e o css:
* {
	margin:0;
	padding:0;
	border:0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	background-image:url(img/fundo.jpg);
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat
}
* html #nonFooter {
	height: 100%;
}
#nonFooter {
	position:relative;
	min-height: 100%;
}
#menu {
	position:relative;
	width:1280px;
	height:231px;
	left:50%;
	margin-left:-640px;
	background-image:url(img/menu.png);
	background-attachment:scroll;
	background-position:top center;
}
#listaMenu {
	position: relative;
	width:100%;
	top:156px;
	margin-left:280px;
	min-height:0;
	list-style-type:none;
}
li a.listaMenu {
	float:left;
	display: inline;
	text-decoration:none;
	color:#FC0;
	margin:auto auto 5px 5px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight:bold;
}
li #ePLogo {
	margin-right:265px;/*espaço para o logotipo*/
}
#content {
	position:relative;
	width:750px;
	left:50%;
	margin-left:-375px;
	border-bottom:5px;
	padding-bottom: 275px; /*altura do footer*/
}
#footer {
	position: relative;
	margin-top:-275px;
	height:275px;
	clear:both; /*elimina os "float's" criados nos boxes*/
	width:1280px;
	left:50%;
	margin-left:-640px;
	background-image:url(img/footer.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#002d4a;
}
#innerFooter {
	width:750px;
	position:absolute;
	left:50%;
	margin-left:-375px;
}

  1. Fórum WMO
  2. → Viewing Profile: Tópicos: ilustrevitor
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq