Dicas de Desenvolvimento para web
sexta-feira
PROBLEMA COM LINK NO FLASH IE
quarta-feira
THICKBOX TRANSPARENTE
-abra o arquivo thickbox.js
procure por iframe o coloque o parâmetro (allowtransparency='true')
Exemplo:
<iframe name="iframe" src="page.html" width="100%" height="300" allowtransparency="true"
sexta-feira
IMPLEMENTANDO JCAROUSEL
************************incluir os arquivos básicos do plugin:
<link href="css/jquery.jcarousel.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="js/plugins/jquery.jcarousel.js" type="text/JavaScript"></script>
************************no site.js colocar o seguinte:
// Chama galeria torneio
$("#galeria-noticia ul").jcarousel({
scroll: 1
});
***********************no html da página colocar o seguinte:
<div id="galeria-noticia" class="jcarousel-container">
<div class="jcarousel-clip">
<ul>
<li><img src="img/img-teste.jpg" /></li>
<li><img src="img/img-teste2.jpg" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev replace" title="Anterior"></div>
<div class="jcarousel-next jcarousel-next replace" title="Próxima"></div>
</div>
***************************no projetos.css colocar o seguinte:
#galeria-noticia{ width:508px; padding:30px 0 0;}
#galeria-noticia div.jcarousel-clip{
width:400px;
margin:0 0 0 50px;
}
#galeria-noticia div ul li{
width:auto;
margin:0 AUTO;
}
#galeria-noticia .jcarousel-clip{
overflow:hidden;
width:400px;
margin:0 auto;
}
#galeria-noticia .jcarousel-prev{
background:url(../img/bt-voltar-carrosel.gif);
width:12px; height:18px;
position:absolute;
cursor:pointer;
left:0; top:150px;
}
#galeria-noticia .jcarousel-next{
background:url(../img/bt-avancar-carrosel.gif);
width:12px; height:18px;
position:absolute;
cursor:pointer;
right:0; top:150px;
}
#galeria-noticia .jcarousel-prev-disabled,
#galeria-noticia .jcarousel-next-disabled{visibility:hidden;}
quarta-feira
bug input com margin-bottom no IE
BUG POSITION ABSOLUTE IE6
sexta-feira
USANDO THICKBOX
Arquivos necessarios para incluir o thickbox jquery:
jquery.js
thickbox.js
thickbox.css
Depois de incluilos no porjeto, chamar todos os arquivos na página é só colocar no link: class="(qualquer classe) thickbox"
oBS: verificar se na chamada do link está com "media="screen"" assim:
"<link rel="stylesheet" type="text/css" media="screen" href="comum/css/thickbox.css" />"
passar os seguintes parâmetros no href: "?KeepThis=true&TB_iframe=true&height=400&width=600"
aí beleza era isso
site para gerar gifs usados no carregamento de tichbox
www.ajaxload.info
COLOCAR DIV SOBRE FLASH
a div que ficará por cima deve ter position absolute e z-index:100000
a div do flash deve ter position relative e z-index:0 ou z-index:1
o flash deve ter:
<param name="wmode" value="transparent" />