Buthy

Dae galera...

Esse é o site: http://www.buthy.com.br/fisk

A intenção é deixar a logomarca em cima da imagem grande...

Isso está acontecendo no Chrome, mas no IE e no Firefox a imagem fica para baixo, e não em baixo.

Segue algumas screens:

Como deve ficar (Chrome):


Como fica no IE e no Firefox:


CSS:

<style type="text/css">
@font-face {
	font-family: 'delta';
	src: url('fonts/delta.eot');
	src: url('fonts/delta.eot?#iefix') format('eot'),
	url('fonts/delta.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html, body {
	height:100%;
}
body {
	background-color:#d5d5d5;
	font-family:"delta";
	background:url('images/background.png') no-repeat center top;
	color:#818181;
}
*html #base { height:100%; }
#base {
	position:relative;
	min-height:100%;
}
#base2 {
	min-height:100%;
	padding-bottom:285px;
}
#linha_cabecalho {
	width:100%;
	height:3px;
	background-color:#cf2026;
}
#linha_rodape {
	width:100%;
	height:3px;
	background-color:#10437a;
}
#cabecalho {
	width:1000px;
	height:130px;
	margin:0 auto;
}
#menu-esq {
	width:378px;
	float:left;
	background-color:#0C0;
	height:130px;
}
#logo {
	width:243px;
	height:160px;
	position:relative;
	z-index:999;
	float:left;
}
#menu-dir {
	width:378px;
	float:left;
	background-color:#099;
	height:130px;
}
#conteudo-topo {
	width:1000px;
	height:5px;
	margin:0 auto;
	margin-top:-20px;
	background:url('images/bg-conteudo-topo.png') no-repeat center;
}
#conteudo {
	width:1000px;
	margin:0 auto;
	background:url('images/bg-conteudo-meio.png') repeat-y center;
	min-height:500px;
}
#conteudo-rodape {
	width:1240px;
	height:45px;
	margin:0 auto;
	background:url('images/bg-conteudo-rodape.png') no-repeat center;
}
#slider {
	width:990px;
	height:227px;
	margin:0 auto;
	z-index:-999;
}
#slider img, #sobre, #novidades, #cursos {
	-moz-border-radius: 3px; /* Para Firefox */
	-webkit-border-radius: 3px; /*Para Safari e Chrome */
	border-radius: 3px; /* Para Opera 10.5+*/
}
#sobre {
	margin:5px 0 0 5px;
	width:340px;
	height:300px;
	background:url('images/bg-sobre-a-fisk.png') no-repeat;
	overflow:hidden;
}
#base-rodape{
	width:100%;
	height:290px;
	position:absolute;
	bottom:0;
}
#rodape{
	width:1000px;
	margin:0 auto;
	padding-top:15px;
	color:#fff;
}
#rodape a:visited, #rodape a:link, #rodape a:active, #rodape a:hover {
	color:#818181;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
}
#contador {
	background:url('images/ico-visitantes.png') no-repeat left;
	padding-left:25px;
	height:16px;
	padding-top:8px;
}
.delta {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#818181;
}
.separador-rodape {
	width:14px;
	height:263px;
	float:left;
	margin-right:12px;
	background:url('images/separador-rodape.png') no-repeat center top;
}
.rodape-item {
	background:url('images/marcador-rodape.png') no-repeat left;
	padding-left:10px;
	margin-bottom:4px;
}
h1 {
	font-weight:400;
	font-size:13px;
	font-style:normal;
	color:#cf2026;
	padding:0 0 7px 0;
}
h2 {
	font-weight:400;
	font-size:13px;
	font-style:normal;
	color:#10437a;
	padding:0 0 7px 0;
}
</style>

Se alguém puder me ajudar a solucionar isso, agradeço!

Já postei em mais dois fóruns (imasters e scriptbrasil) e nenhum solucionou ainda...

Obrigado
Até mais!

Então, preciso de algo assim:

Teria a tabela usuarios, normal: com nome, email, permissao (adm ou cliente), endereço, etc ...

Estes usuários acessariam a área do cliente, e lá clicariam no Evento FORMATURA CIÊNCIAS DA COMPUTAÇÃO, por exemplo, então após preencher a senha corretamente, o usuário estaria "habilitado" a acessar este evento novamente, quantas vezes quiser, sem precisar usar a senha novamente... Isso até a data do evento, quando a data do evento passar, o evento se "desabilita" e o usuário não tem mais acesso.

Quando estiver "dentro" do evento, o cliente poderia enviar mp3, docs, pdfs, imagens, etc... Esses documentos teriam uma descricao e o nome e email do usuário que o enviaram salvos, para o Administrador ver quem enviou.

Daí teria a tabela arquivos, onde teria os dados arquivo (caminho do arquivo), tipo do arquivo e o id do usuario que o enviou.

Na tabela eventos estaria o nome do evento, a data, a senha de acesso ao evento e também se o evento está visível ou não ao acesso do cliente.

Cada evento teria tarefas específicas, cadastradas pelo Admin...
Essas tarefas teriam prazos para serem concluídas...
Então a tabela tarefas teria os seguintes atributos: id_tarefa, id_evento, descricao, data_inicio, data_final.

Quando o usuário estivesse no painel do evento, cada um veria a sua lista de tarefas. E o administrador controlaria e marcaria a tarefa como feita se tal usuário fez tal tarefa.

Estou quebrando a cabeça para fazer a melhor estrutura para o banco de dados, para não me complicar depois, já que o prazo é curto.

Se alguém puder me dar uma luz.
Minhas maiores dúvidas são na parte de ligar a tarefa cumprida ao usuário que a cumpriu e também na parte que o usuário teria acesso permanente ao evento (não tendo que colocar a senha do evento toda vez que acessar)...
Mas tenho dúvidas praticamente em tudo também, então se puderem colaborar ajudando em toda a estrutura, eu agradeço!

Muito obrigado!
Fico no aguardo!

Então...
Está acontecendo o seguinte, na página é pra exibir os últimos recados do mural, quando você clica no "anterior", tudo certo, ele vai passando de boa! Mas quando clica no "proximo" ou deixa ele passar automaticamente, ele começa a exibir um recado "fantasma" infinitamente...

Aqui está a pagina:

http://www.grupodeix...om.br/index.php

É onde é exibido o mural de recados...

Essa é a função:

<script type="text/javascript">

function muralcarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#muralcarousel').jcarousel({
        auto: 5,
        wrap: 'circular',
                width: 370,
        height: 100,
        initCallback: muralcarousel_initCallback
    });
});

</script>

E aqui é onde o jcarousel está inserido:
<ul id="muralcarousel" class="jcarousel-skin-mural">
<?php
$sql= "SELECT * FROM xxxxxx ORDER BY xxxxxxx DESC LIMIT 5";
$res= mysql_query($sql,$con);

while ($linha=mysql_fetch_array($res)){
$id=$linha['xxxxxx'];
$nome=$linha['xxxxxxxx'];
$cidade=$linha['xxxxxxxx'];
$estado=$linha['xxxxxxxxx'];
$data=$linha['xxxxxxxxxx'];
$mensagem=$linha['xxxxxxxxx'];

echo "<li>";

echo "<span id='mural-data'>";
echo date('d/m/Y', strtotime($data));
echo "</span><span id='mural-nome'>$nome</span>";
echo "<div id='mural-mensagem'>$mensagem</div>";

echo "</li>";

}

?>
</ul>
[/code]
Alguém sabe o que pode ser?
Obrigado

Queria que vcs dessem uma olhada:
http://www.grupodeix...om.br/index.php

nos menus: home, biografia, agenda

Quando é clicado de um pro outro, e de dentro das seções, o site da uma travada e só após alguns segundos que volta com a seção já carregada...

Eu tenho todas as funções, arquivos js e css chamados no index.php:

<link rel="stylesheet" href="css/nivo-slider-style.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  
  <link media="screen" rel="stylesheet" href="css/colorbox.css" />
  
  <link media="screen" rel="stylesheet" href="css/jquery.tweet.css" />

  <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
  
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
  
  <script src="js/jquery.colorbox.js"></script>
  
  <script src="js/jquery.tweet.js"></script>
  
  <script type='text/javascript'>
    $(function(){
      $("#fromtwo").tweet({
        avatar_size: 32,
        count: 5,
        username: ["xxxxxxxxxxxxxx"],
        loading_text: "<center><br /><br /><br /><br /><br /><br /><br /><br /><strong>Conectando ao Twitter...</strong><br /><br /><br /><br /><br /><br /><br /><br /><br /></center>",
        refresh_interval: 20
      });
    });
  </script>
  
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown,random'
        slices:40, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:800, // Slide transition speed
        pauseTime:7000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:false, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Anterior', // Prev directionNav text
        nextText: 'Próximo', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>

<script>
                $(document).ready(function(){
                        //Examples of how to assign the ColorBox event to elements
                        $("a[rel='example1']").colorbox();
                        $("a[rel='example2']").colorbox({transition:"fade"});
                        $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
                        $("a[rel='example4']").colorbox({slideshow:true});
                        $(".example5").colorbox();
                        $(".example6").colorbox({iframe:true, innerWidth:470, innerHeight:344});
                        $(".example7").colorbox({width:"20%", height:"25%", iframe:true});
                });
</script>

<script language="JavaScript">
<!-- Begin - função para "PreLoad" de imagens
image1 = new Image();
image1.src = "images/menuTopo/home_hover.jpg";
image2 = new Image();
image2.src = "images/menuTopo/biografia_hover.jpg";
image3 = new Image();
image3.src = "images/menuTopo/agenda_hover.jpg";
image4 = new Image();
image4.src = "images/menuTopo/novidades_hover.jpg";
image5 = new Image();
image5.src = "images/menuTopo/mural_hover.jpg";
image6 = new Image();
image6.src = "images/menuTopo/fotos_hover.jpg";
image7 = new Image();
image7.src = "images/menuTopo/videos_hover.jpg";
image8 = new Image();
image8.src = "images/menuTopo/downloads_hover.jpg";
image9 = new Image();
image9.src = "images/menuTopo/contato_hover.jpg";
image10 = new Image();
image10.src = "images/integrantes/001a.jpg";
image11 = new Image();
image11.src = "images/integrantes/002a.jpg";
image12 = new Image();
image12.src = "images/integrantes/003a.jpg";
image13 = new Image();
image13.src = "images/integrantes/004a.jpg";
image14 = new Image();
image14.src = "images/box-tit-agendah.png";
image15 = new Image();
image15.src = "images/box-tit-muralh.png";
image16 = new Image();
image16.src = "images/box-tit-fotosh.png";
image17 = new Image();
image17.src = "images/box-tit-novidadesh.png";
image18 = new Image();
image18.src = "images/box-tit-twitterh.png";
image19 = new Image();
image19.src = "images/box-tit-videosh.png";
image20 = new Image();
image20.src = "images/btn-twitterh.png";
image21 = new Image();
image21.src = "images/btn-orkuth.png";
image22 = new Image();
image22.src = "images/btn-facebookh.png";
image23 = new Image();
image23.src = "patrocinadores/centenaroh.png";
image24 = new Image();
image24.src = "patrocinadores/societyh.png";
image25 = new Image();
image25.src = "patrocinadores/madebalh.png";
image26 = new Image();
image26.src = "patrocinadores/lojaoesteh.png";
image27 = new Image();
image27.src = "patrocinadores/macodesch.png";
image28 = new Image();
image28.src = "patrocinadores/arcush.png";
image29 = new Image();
image29.src = "patrocinadores/faveroh.png";
image30 = new Image();
image30.src = "patrocinadores/rollstarh.png";
image31 = new Image();
image31.src = "patrocinadores/tarsoturh.png";
// End --></script>

e também me utilizo dessa função, que está no index.php também, para carregar a página numa div, evitando o carregamento inteiro da página para que o player de música não fique parando...

<script type="text/javascript"> 
    $(document).ready(function(){  
        $("#abrirpag a").live('click',function( e ){  
            e.preventDefault();  
            var href = $( this ).attr('href');  
            if( $( this ).attr('target')=='_blank' )
                        window.open( href );
                        else
                        $("#page").load( href + "#page");  
        });  
    });  
    </script>

Quando carrega o index.php não há nenhum travamento...

No index.php, dentro da div #page tem todo o conteúdo que vai ser carregado inicialmente...
E também tem o mesmo conteúdo dentro do inicial.php, por causa do botão Home...

No arquivo biografia.php, por exemplo, eu tenho que carregar as funções Jquery novamente:

<link media="screen" rel="stylesheet" href="css/jquery.tweet.css" />
<link rel="stylesheet" type="text/css" href="css/skin.jcarousel.patrocinadores.css" />
<link media="screen" rel="stylesheet" href="css/colorbox.css" />
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script src="js/jquery.colorbox.js"></script>

<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'circular',
        initCallback: mycarousel_initCallback
    });
});

</script>

<script>
                $(document).ready(function(){
                        //Examples of how to assign the ColorBox event to elements
                        $("a[rel='example1']").colorbox();
                        $("a[rel='example2']").colorbox({transition:"fade"});
                        $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
                        $("a[rel='example4']").colorbox({slideshow:true});
                        $(".example5").colorbox();
                        $(".example6").colorbox({iframe:true, innerWidth:470, innerHeight:344});
                        $(".example7").colorbox({width:"20%", height:"25%", iframe:true});
                });
</script>

<script language="JavaScript" type="text/javascript">
biografia01 = new Image();
biografia01.src = "images/tit-agendah.png";
biografia02 = new Image();
biografia02.src = "images/tit-videosh.png";
</script>

O que eu posso fazer para deixar o site menos pesado, para que não de essas travadas? :S

Também tem outro problema, no biografia.php, quando clica no vídeo, parece que ele carrega duas vezes o vídeo com o efeito do colorbox... Daí para fechar o vídeo tem que clicar fora duas vezes, e não uma...

Obrigadoo

É o seguinte, uso esse código em outro site também, e funciona...
Só que agora estou construindo outro site, e não funciona!

Já dei chmod 0777 na pasta e tudo, e não funciona!

O código é o seguinte:

<?php
	include("verificar.php");
	include("../conectar.php");

// inicia criação de pasta
if(!empty($nomedapasta)){
	@mkdir('../eventos/'.$nomedapasta, 0777);
}
// fim da criação da pasta

if(is_dir('../eventos/'.$nomedapasta) && !empty($foto01)){
	$copy = copy($foto01,'../eventos/'.$nomedapasta.'/'.$foto01_name );
	if(!$copy){
		echo 'Erro ao copiar a foto da capa.';
		exit;
	}else{
		mysql_query( 'INSERT INTO `galeria`(`id`,`nome`,`local`,`cidade`,`estado`,`dia`,`mes`,`ano`,`pasta`,`foto01`)
			 		VALUES( NULL, "'.$nome.'", "'.$local.'", "'.$cidade.'", "'.$estado.'", "'.$dia.'", "'.$mes.'", "'.$ano.'", "'.$nomedapasta.'", "'.$foto01_name.'")' ) or die( mysql_error() );
    }
}

echo "<script> window.location='eventos_gerenciar.php';</script>";

?>

E o erro:

Warning: copy() [function.copy]: Unable to access Associacao001.jpg in /home/deixe/public_html/admin/eventos_cadastrarbd.php on line 12

Warning: copy(Associacao001.jpg) [function.copy]: failed to open stream: No such file or directory in /home/deixe/public_html/admin/eventos_cadastrarbd.php on line 12
Erro ao copiar a foto da capa.

A linha 12 é essa:
$copy = copy($foto01,'../eventos/'.$nomedapasta.'/'.$foto01_name );

Se alguém puder ajudar eheh

Obrigado!