Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Pitag346

adaptar codigo php

Recommended Posts

Olá amigos, meu sistema está quase completo e só estou precisando adaptar um código !

no caso tenho o seguinte codigo: Index.php

<?php 
session_start();
	if ($_SESSION['autentica']<>'foifoifoifoi'){
		header('location:../aviso.php?id=1');
	}
	
switch ($_SESSION['chave']){
	case 1:
		$grupo = "gerenciadores do sistema";
		break;
	case 2:
		$grupo = "Administração";
		break;
	case 3:
		$grupo = "Instrutores e/ou utilizadores comum";
		break;
}
?>
<?php
include("banco.php");
require("banco.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Favicon
    ======================================================================== -->
    <link rel="icon" href="images/favicon.ico">

    <!-- Meta
    ======================================================================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Title
    ======================================================================== -->
    <title>PitagorasSoluções - Painel </title>

    <!-- CSS Styles
    ======================================================================== -->
    <link rel="stylesheet" href="css/style.css" media="screen" />
    <link rel="stylesheet" href="css/wide.css" media="screen" id="layout" />
    <link rel="stylesheet" href="css/colors/color-yellow.css" media="screen" id="colors" />
    <link rel="stylesheet" href="css/flexslider.css" media="screen" />
    <link rel="stylesheet" href="css/fancybox.css" media="screen" />
    <link rel="stylesheet" href="css/revslider.css" media="screen" />
    <link rel="stylesheet" href="css/font-awesome.css" media="screen" />
    <link rel="stylesheet" href="css/zocial.css" media="screen" />
    <link rel="stylesheet" href="css/responsive.css" media="screen" />

    <!-- JavaScript
    ======================================================================== -->
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery.themepunch.plugins.min.js"></script>
    <script src="js/jquery.themepunch.revolution.min.js"></script>
    <script src="js/jquery.ui.widget.min.js"></script>                          
    <script src="js/jquery.ui.accordion.min.js"></script>
    <script src="js/jquery.ui.tabs.min.js"></script>
    <script src="js/jquery.easing-1.3.min.js"></script>
    <script src="js/jquery.fitvid.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.imagesloaded.min.js"></script>
    <script src="js/jquery.infinitescroll.min.js"></script>
    <script src="js/jquery.jcarousel.min.js"></script>
    <script src="js/jquery.jtweetsanywhere-1.3.1.min.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/jquery.zflickrfeed.min.js"></script>
    <script src="js/respond.min.js"></script>
    <script src="js/selectnav.min.js"></script>
    <script src="js/custom.js"></script>

    <!-- Styles Selector
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/styleselector.css">
    <script src="js/styleselector.js"></script>


    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32209063-4']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>


	<style type="text/css">
	.auto-style1 {
		font-size: xx-large;
	}
	.auto-style2 {
		font-size: 80pt;
	}
	.auto-style3 {
		font-size: 45pt;
	}
	.auto-style4 {
		background-color: #03A017;
	}
	</style>


</head>
<body>

<!-- Body Wrapper -->
<div id="body-wrapper">


    <!-- Header
    ======================================================================== -->
    <div id="header" class="container">

        <!-- Logo -->
        <a href="index.html" id="logo"><span><img src="http://pitagorassolucoes.com.br/logo1.png"></span></a>

        <!-- Navigation -->
        <ul id="navigation">
            <li class="current">
                <a href="index.php"><strong>Inicio</strong></a>
            </li>
                        <li>
                <a href="downloads.php">Downloads</a>
            </li>
            <li>
                <a href="chat.php">Chat</a>
            </li>
            <li>
                <a href="dados.php">Seus Dados</a>
            </li>
             <li>
            <a href="sistema.html">Sistema</a>
            </li>
            <li>
                  </ul>
            
            </li>
        </ul>
        <!-- Navigation / End -->
        
    </div>
    <!-- Header / End -->


    <!-- Slider
    ======================================================================== -->
    <div class="auto-style4">
        <div class="revslider">
            <ul>
                <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                    <!-- The main image in the slide -->
                    <img src="#" style="display: none;" />
                    <!-- The captions of the first slide -->
                    <div class="caption sfl big_black center" data-x="150" data-y="120" data-speed="300" data-start="0" data-easing="easeOutExpo" style="left: -101px; top: 845px; text-align: left; margin-bottom: 0;">
                        <span class="auto-style2"><br><br><br>Bem Vindo aluno,<br /> </span> <span class="auto-style3">ao Sistema Tagoras 1.5!</span>
                    </div>
                    <div class="caption sfr medium_white center" data-x="200" data-y="330" data-speed="300" data-start="1500" data-easing="easeOutExpo">
                        <span class="auto-style1"><br><br><br><br><br>Sistema Totalmente de uso Exclusivo de Nosso Aluno.</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- Slider / End -->

    <hr class="sep90">

    <!-- Content
    ======================================================================== -->
    <div id="content" class="container">

        <!-- Services -->
        <div class="service one-third">
            <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div>
            <div class="service-description">
                <h3>Download</h3>
                <p>Sistema de Download, onde o professor postar arquivos, e você aluno poderá efetuar os downloads.</p>
                <div class="more">
                </div>
            </div>
        </div>
        <div class="service one-third">
            <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div>
            <div class="service-description">
                <h3>Chat</h3>
                <p>No nosso chat, você aluno, tem as seguintes opções: Sala de Batepapo, com TODOS OS ALUNOS ou somente com os Professores, que estivem disponiveis no momento.</p>
                <div class="more">
                </div>
            </div>
        </div>
        <div class="service one-third column-last">
            <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div>
            <div class="service-description">
                <h3>Proibido</h3>
                <p>É proibido informar seus dados de login para outro aluno, mesmo sendo da mesma turma. isso vai contra as politicas de privacidade do sistema, e esta sujeito a ser excluida de nosso banco de dados.</p>
                <div class="more">
                </div>
            </div>
        </div>
        <!-- Services / End -->

        <hr class="sep90">

        <!-- Logo List -->

                    <span id="content">© Todos os direitos Reservados -
		<span lang="pt-br">TagorasSoluções</span> <a href="#">Termos de Uso</a>
                    </li> <h3>Layout Style</h3>
            <div class="layout">
                <select id="layout-selector">
                    <option value="css/boxed">Boxed</option>
                    <option value="css/wide">Wide</option>
                </select>



    </span></div>
    <!-- Content / End -->


    <!-- Footer
    ======================================================================== -->








<!-- Styles Selector
================================================== -->
<div id="style-selector">
    <div class="style-selector-wrapper">

</div>


</body></html>

 

E eu tenho o chat que no caso é: chat.php

<?php
	session_start();
	include_once "config.php";
	require_once('classes/BD.class.php');
	BD::conn();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bem vindo ao chat</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/chat.js"></script>
</head>

<body>
<div id="contatos">
<span class="online" id="<?php echo $_SESSION['id_user'];?>"></span>
	<ul>
	<?php
		$selecionar_usuarios = BD::conn()->prepare("SELECT * FROM `usuarios` WHERE id != ?");
		$selecionar_usuarios->execute(array($_SESSION['id_user']));
		if($selecionar_usuarios->rowCount() == 0){
			echo '<p>Desculpla, não há contatos ainda!</p>';
		}else{
		while($usuario = $selecionar_usuarios->fetchObject()){
	?>
		<li><span class="type" id="<?php echo $usuario->id;?>"></span>
		<a href="javascript:void(0);" nome="<?php echo $usuario->nome;?>" id="<?php echo $usuario->id;?>" class="comecar"><?php echo $usuario->nome;?></a></li>
	<?php }}?>
	</ul>
</div>
<div style="position:absolute; top:0; right:0;" id="retorno"><div>
<div id="janelas"></div>
</body>
</html>

eu ja tentei de tudo pra adaptar os 2!

e não estou conseguindo eu queria que o chat ficasse igual do facebook, o site dentro do espaço em branco, e os usuarios online do lado !

ja esta tudo pronto, só não consigo adapta-los !

Alguem poderia me ajudar ? abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você falou que quer adaptar, mas não disse qual sua dúvida e/ou dificuldade...

 

Crie um <div> com posição absoluta, e a posicione no canto direito inferior da tela, usando JavaScript e CSS. Quando conseguir posicionar, utilize JavaScript ou jQuery mesmo para carregar seu script chat.php. Você pode fazer uma requisição ajax para carregar esse conteúdo na <div>, ou usar até mesmo a função .load() do jQuery, que vai carregar um arquivo dentro de uma div...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caso a saída desse seu segundo arquivo for uma pequena janela como na imagem uma sugestão seria incluir o arquivo em uma div fixa e posicioná-la com css onde quer.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.