Comment modifier une barre membre connecté?

05 déc. 2011, 17:25

Bonjour à tous,

J'ai un soucis avec mon espace membre dont une partie est une modif à fox. L'espace est fini, mais je dois l'intégrer a mon design.

J'ai fais une barre fixe, sur laquelle on vient rentrer ses infos "pseudo /passe" peut acceder a la page d'inscription... bref. Le soucis est que quand je rentre mes infos, j'arrive sur la page du membre. Ma question est : comment fait on le fait que la barre ou l'on rentre ses infos, change en "déconnexion, voir son compte"?

Voici deux images qui illustre mon probleme :

Avant connection :

Comment faire ceci apres connection :

Mon code index.php :

<!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>

           <title>DBA PRODUCTION FILMS : LA REALISATION AUDIOVISUELLE</title>


                                                                <!--Metas-->

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="fr" />

<meta name="description" content="Réalisation audiovisuelle dans la france entière" />
<meta name="keywords" content="Cinéma, Audiovisuel, animation 3d, Son, DBA, Prod, Esma, Studio M, Supinfograph, métiers du cinéma, école de cinéma, ecole de cinema, école d audiovisuel, école supérieur de réalisation audiovisuelle, formation, formation son, formation audiovisuelle, formation cinema, after, effects, adobe, avid, xpress pro, composer, premiere, première, Autodesk, 3ds Max,réalisation, film d'entreprise, film pour entreprise, film, entreprise, vidéo, video professionnelle, video numerique, video, videos, films video, reportage video, tournage vidéo, montagevideo , video pro, reportage, société production audiovisuelle, vidéo coaching, réalisation films entreprise, communication interne, effets spéciaux, film salon, video d'entreprise, presentation video d'entreprise, film process, doublage son, film institutionnel, reportage evenementiel, film nantes, film paris, video sur internet, DVD, CD-Rom, duplication, avfactory, paris, boulogne, billancourt, boulogne billancourt, capitale, montpellier, saint mathieu de tréviers, nimes, marseille, lyon, caen, nantes, corse, ajaccio, bastia, france, entière, entiere, france entière, europe, tuto, tutorial, tutoriel, didacticiel, best, better, meilleur, sud, de, la, france, sud de la france, languedoc roussillon, captation spetacle" />
<meta name="robots" content="index, follow" />
<meta name="indentifier-URL" content="www.dba-prod.com" />
<meta name="copyright" content="Dba production film 2011" />

<link rel="stylesheet" media="all" type="text/css" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
</head>


<body>


<?php include('include/connexion.inc.php'); ?>
<?php include('include/header.inc.php'); ?>
                                                          <!-- corps -->
<div id="corps">
        
	<div id="colonne_gauche"> 
		<div id="nospacks_index">
			<ul class="menu_carre" style="margin-left: -5px; padding-left: 35px;" >
				<li class="nospacks_li"><a href="institutionnel.php"><font color="#d1213b">Pack Insti</font><font color="#000000"> : Film Institutionnel </font></a></li>
				<li class="nospacks_li"><a href="deejay.php"><font color="#d1213b">Pack Deejay</font><font color="#000000"> : Grand Fétard </font></a></li>
				<li class="nospacks_li"><a href="mariage.php"><font color="#d1213b">Pack Luxe</font><font color="#000000"> :  Mariage </font></a></li>
				<li class="nospacks_li"><a href="images/court_metrage_pack.jpg" rel="lightbox"><font color="#d1213b">Pack Court metrage</font><font color="#000000"> : A voir </font></a></li>
			</ul>
		</div>
        <div id="contact_index"> 
        	<div id="appelez"><font color="#000000">Pour toutes demandes de devis</font><br /> <font color="#a70105">Appelez nous !</font>
    		</div>
    		<div id="numero">06 21 25 58 75 *
   		 	</div>
		</div>
    </div>
    
    <div id="colonne_droite">
		<div id="carre_faq"> 
			<div id="desquestions_index"><a href="faq.php"><font color="#7e0607">Des questions?</font></a>
			</div>
			<div id="desquestions_index2"><a href="faq.php"><font color="#7e0607">N'hésitez pas à consulter <br />notre FAQ!</font></a>
			</div>
		</div>
		<div id="location_index"> 
			<div id="location_index1">Notre matériel HD <br /> est à votre disposition
			</div>
			<div id="location_index2">pour nous aider à promouvoir <br />votre activité!
			</div>
		</div> 
	</div>
    
    <div id="colonne_centrale">
    	<div id="player_index"> 
            <div class="video-js-box">
				<script type='text/javascript' src='js/jwplayer.js'></script>
					<div id='mediaplayer'></div>
						<script type="text/javascript">
 							jwplayer('mediaplayer').setup({
    						'flashplayer': 'flash/player/player.swf',
    						'id': 'playerID',
    						'width': '490',
    						'height': '275',
    						'file': 'flash/player/video/indexvideo/indexvideo.f4v',
    						'image': '/thumbs/bunny.jpg',
  	  						'skin': 'flash/player/glow.xml'
							});
						</script>
         	</div>
        </div>
             
		<div id="decouvrezdemo"> 
			<div id="decouvreznotre_index">Découvrez notre nouvelle demo en
			</div>
    		<div id="cliquantici_index"><a href="demo.php"><font color="#FFFFFF">cliquant ici</font></a>
    		</div>
         
        </div> 
    </div>
</div>


<?php include('include/footer.inc.php'); ?>

</body>
</html>

connexion.inc.php :

<?php 
session_start();
if(!file_exists("config_script.php"))
	{
	header("Location:INSTALL/index.php");
	exit;
	}
require_once("config_script.php"); 
connexion();
if(isset($_GET['erreur']))
	{
	$erreur=$_GET['erreur'];
	if($erreur=="pseudo")
		{
		echo"<center><b>"._PAGE_INDEX_ERRPSEUDO."</b></center>";
		}
	if($erreur=="passe")
		{
		echo"<center><b>"._PAGE_INDEX_ERRPASS."</b></center>";
		}
	if($erreur=="secure")
		{
		echo"<center><b>"._PAGE_INDEX_ERRLOG."</b></center>";
		}
	if($erreur=="level")
		{
		echo"<center><b>"._PAGE_INDEX_LEVEL."</b></center>";
		}
	}
if($_ACTIVE_ADMIN=="1" && $_ACTIVE_MAIL_MEMBRE=="1")
	{
	echo"<center><b><br>"._PAGE_INDEX_CONFLIT."</b></center>";
	exit;
	}
	?>

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<body>


<form name='form1' method='post' action='verif_login.php'>		
<div id="div_barre">
    			<div id="intbarre">
    				<span class="area la">
    					<span>Espace Membre : </span>
    						<input class="Dev_elem" type="text" name="pseudo_membre" value="Pseudo" id="Dev_elem001"/>
                            <input class="Dev_elem" type="password" name="passe_membre" value="" id="Dev_elem003"/>
                            <input type="submit" name="Submit" tabindex="6" value="Connexion" class="button1" onClick="this.value='Chargement...'" /></span>
                            <span class="area ra">
    					<a href="inscription.php">Inscription</a>
                        <a href='passe_perdu.php'>Mot de passe oublié?</a>
                        </span>
					
    		
    			</div>
   		</div>
</form>
</body>
</html>

style.css :

Code : Tout sélectionner

@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'DakotaRegular';
    src: url('../fonts/dakota_regular-webfont.eot');
    src: url('../fonts/dakota_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dakota_regular-webfont.woff') format('woff'),
         url('../fonts/dakota_regular-webfont.ttf') format('truetype'),
         url('../fonts/dakota_regular-webfont.svg#DakotaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HallFeticaRegular';
    src: url('../fonts/hall_fetica-webfont.eot');
    src: url('../fonts/hall_fetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hall_fetica-webfont.woff') format('woff'),
         url('../fonts/hall_fetica-webfont.ttf') format('truetype'),
         url('../fonts/hall_fetica-webfont.svg#HallFeticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.theme-default #slider {
    margin:100px auto 0 auto;
    width:940px; /* Make sure your images are the same size */
    height:383px; /* Make sure your images are the same size */
}

html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#7a7a7a;
	min-width:1010px;
	background-color:#FFF;
	margin-left:0px;
	margin-top:0px;
}


#en_tete {
	background-image:url(../images/head.png);
	width: 980px;
	height: 126px;
	margin-left:auto;
	margin-right:auto;
	margin-top:22px;
	display: block;
}

#corps {
	width: 980px;
	margin:auto;
}

#menu {
	height: 28px;
	width: 655px;
	margin:auto;
}

/* Barre de menu */

.menu
{
	width:655px;
	height:28px;
	display:inline-block;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	margin-right:-5px;
}

.nos_packs {width: 130px; background-position: 0 top;}
.tutoriaux {width: 167px; background-position: -130px top;}
.demande_de_devis {width: 184px; background-position: -297px top;}
.nous_contacter {width: 174px; background-position: -481px top;}

.nos_packs:hover {width: 130px; background-position: 0 -30px;}
.tutoriaux:hover {width: 167px; background-position: -130px -30px;}
.demande_de_devis:hover {width: 184px; background-position: -297px -30px;}
.nous_contacter:hover {width: 174px; background-position: -481px -30px;}


.nos_packs-in {width: 130px; background-position: 0 -60px;}
.tutoriaux-in {width: 167px; background-position: -130px -60px;}
.demande_de_devis-in {width: 184px; background-position: -297px -60px;}
.nous_contacter-in {width: 174px; background-position: -481px -60px;}


#ligne_sous_menu
{
	width:980px;
	height:1px;
	display:block;
	background-image:url(../images/ligne_sous_menu.jpg);
	background-repeat: repeat;
	margin-bottom:18px;
	margin-left:auto;
	margin-right:auto;
}


#contact_index
{
	background-image: url(../images/appelez_index.jpg);
	width: 233px;
	height: 149px;
	display: block;
	margin-top:36px;
}

#appelez {
	font-family:Arial;
	font-size:16px;
	padding-top:50px;
	padding-left:3px;
	margin-bottom:14px;
}

#numero {
	font-family:Arial;
	font-size:24px;
	padding-left:28px;
	color:#000;
	height:24px;
}

#colonne_centrale
{ 
	display:block;
	width:496px;
	padding-left:247px;
}

#player_index
{ 
-webkit-border:3px solid #d1213b;
-o-border:3px solid #d1213b;
-ms-border:3px solid #d1213b;
-moz-border:3px solid #d1213b;
border:3px solid #d1213b;
margin-right:-1px;

}

#player_tuto
{ 

}

#colonne_gauche
{ 
	display:block;
	float:left;
}

#colonne_droite
{
	width:223px;
	float:right;
	display:block;
}

/*carre pack index */

a {
/* Les liens ne seront plus soulignés */
text-decoration: none; 
}

#nospacks_index {
	background-image:url(../images/nospacks_index.jpg);
	width:233px;
	height:158px;
	cursor:pointer;
}

.menu_carre {
	padding-top:48px;
	padding-right:5px;
	font-family:Arial;
	font-size:13px;
	list-style-type:none;
	-moz-list-style-type:none;
	-o-list-style-type:none;
	-ms-list-style-type:none;
	-webkit-list-style-type:none;
	display:block;
	margin-left:0;}


.nospacks_li {
	line-height:27.5px;
	-moz-line-height:27.5px;
	-o-line-height:27.5px;
	-ms-line-height:27.5px;
	-webkit-line-height:27.5px;
	list-style-position:inside;
	
 }
 
 #decouvrezdemo {
	background-image:url(../images/demo_index.jpg);
	width:496px;
	height:48px;
	margin-top:11px;
}

#decouvreznotre_index {
	font-family: 'HallFeticaRegular';
	font-size:22px;
	color:#ba2c3a;
	float:left;
	margin-left:11px;
	margin-top:12px;
}

#cliquantici_index {
	font-family: 'HallFeticaRegular';
	font-size:17px;
	float:right;
	margin-top:14px;
	margin-right:33px;
	cursor:pointer;
	text-decoration:none;
}

.menu_carre .nospacks_li a:hover {

	color: #174867;
	font-size:14px;
	}
	
#carre_faq{
	background-image: url(../images/faq_index.jpg);
	width:223px;
	height:149px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#desquestions_index {
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#7e0607;
	text-align:center;
	padding-top:25px;
	margin-left:23px;
	text-decoration:none;
}

#desquestions_index2 {
	font-family:arial;
	font-size:11px;
	color:#7e0607;
	text-align:center;
	margin-left:23px;
text-decoration:none;
}

#location_index
{
	cursor:pointer;
	margin-top:29px;
	background-image:url(../images/location_index.jpg);
	width:223px;
	height:207px;
	background-repeat:no-repeat;
}

#location_index1 {
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	color: #FFF;
	text-align:center;
	line-height:17px;
	padding-top:15px;
}

#location_index2 {
	font-family:'HallFeticaRegular';
	font-size:16px;
	color:#FFF;
	text-align:center;
	line-height:12px;
	margin-left:3px;
	padding-top:10px;
}

#copyright {
	font-family:'HallFeticaRegular';
	font-size:13px;
	text-align:center;
	margin-top:20px;
	text-decoration: none;
	display:block;
	position:relative;
}

#footer {
	font-family:'HallFeticaRegular';
	font-size:13px;
	text-align:center;
	margin-top:20px;
	text-decoration: none;
	display:block;
	color:#000;
}

#copyright a {
	color:#000} 
#copyright a:hover {
	color:#000 } 
#copyright a:visited {
	color:#000 } 
	
#colonne_gauche_faq {
	margin-top:58px;
	float:left;
}

#publicite_g_140 {
	width:140px;
	height:280px;
}

#colonne_droite_faq {
	margin-top:58px;
	float:right;
}

#publicite_d_140 {
	width:140px;
	height:280px;
}

#colonne_centrale_faq {
}

#titre{
	font-family:'HallFeticaRegular';
	font-size:24px;
	margin-top:23px;
	text-align:center;
	}

#faq_centrale {
	width:528px;
	margin-left:auto;
	margin-right:auto;
	margin-top:46px;
}

.question-reponse{
	font-family: 'DakotaRegular';
	font-size:12px;
	background:#f1f1f1;
  padding:15px;
  border:solid 1px white;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
}

.question-reponse h4{
  cursor:pointer;
  margin:0;
  padding:5px;
	background-repeat: no-repeat; 
	background: -moz-linear-gradient(#d1213b, #880315); /* pour Firefox 3.6+ */ 
  height:25px;
  border: solid 1px white;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  -khtml-border-radius: 7px;
  border-radius:7px;
  line-height:25px;
}

.question {
	color:#FFF;
}

.reponse {
	color:#000;
}

#barre_sony {
	margin-top:56px;
}

#Table_01 {
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}


#formulaire_devis{ width:731px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #666666;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;}


.devis_miseenforme fieldset {
    padding: 10px 10px 0px 10px;
    border: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    width: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.devis_miseenforme legend {
    padding: 5px;
	background: -moz-linear-gradient(#d1213b, #880315);
	background: -o-linear-gradient(#d1213b, #880315);
	background: -ms-linear-gradient(#d1213b, #880315);
	background: -webkit-linear-gradient(#d1213b, #880315);
	background-repeat:no-repeat;
    color: #fff;
    font-size: 120%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

/* ##### inline ##### */

.devis_miseenforme fieldset fieldset legend {
    background: #fff;
    color: #EA3F73;
    font-size: 110%;
}


.devis_miseenforme fieldset.Dev_Inline {
    margin: 0px 10px 10px 0px;
    padding: 10px 10px 0px 10px;
}

.devis_miseenforme fieldset.Dev_Inline p {
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

/* YLE */
#vos_coordonnees { width:310px; }
#votre_adresse { width:310px; }
#type_de_projet { width:45%; }
#echeance { width:130px; }
#budget { width:150px; }
#description { width: 95%; }

.Dev_Inline{
float:left;
}

.devis_miseenforme p.Dev_ElemWrap {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.devis_miseenforme p input[type='text'], .devis_miseenforme p textarea, .devis_miseenforme p select {
    float: left;
    margin: 0px;
    width: 45%;
}

.devis_miseenforme .Dev_LabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}


/* ##### required ##### */

.devis_miseenforme .Dev_Required {
    background: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #c81d36;
    float: none;
}

/* ##### buttons ##### */

.devis_miseenforme input[type='submit'], .devis_miseenforme input[type='reset']  {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #c81d36;
color:#c81d36;
font-size:100%;
font-weight:bold;
margin:0;
padding:2px 5px;
}

.devis_miseenforme .bfNextButton, .devis_miseenforme, .devis_miseenforme {
    float: right;
}

.devis_miseenforme {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.devis_miseenforme p.Dev_ElemWrap {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: #ffffff !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.devis_miseenforme p.Dev_ElemWrap:hover {
	background: #faefef !important;
}

.devis_miseenforme span.Dev_ElemWrap {
    padding: 5px;
    background: #ffffff !important;
    margin: 0px 10px 10px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

/* ##### inline ##### */

.devis_miseenforme fieldset fieldset legend {
    background: #fff;
    color: #c81d36;
    font-size: 110%;
}


.devis_miseenforme fieldset.Dev_Inline {
    margin: 0px 10px 10px 0px;
    padding: 10px 10px 0px 10px;
}

.devis_miseenforme fieldset.Dev_Inline p {
    padding: 5px;
    margin: 0px 0px 5px 0px;
}


/* ##### Input Fields ##### */

.devis_miseenforme input[type=text], .devis_miseenforme input[type=password], .devis_miseenforme textarea, .devis_miseenforme select {
    border: 1px solid #ccc;
    padding: 2px;
    line-height: normal;
}

.devis_miseenforme textarea:hover, .devis_miseenforme input[type='text']:hover, .devis_miseenforme input[type='password']:hover, .devis_miseenforme select:hover {
    border-color: #92c1ff;
}

.devis_miseenforme textarea:focus, .devis_miseenforme input[type='text']:focus, .devis_miseenforme input[type='password']:focus, .devis_miseenforme select:focus {
    border-color: #0071bc; outline: 2px solid #92c1ff;
}

.devis_miseenforme input[type='button'], .devis_miseenforme input[type='submit'], .devis_miseenforme input[type='checkbox'], .devis_miseenforme input[type='image'], .devis_miseenforme input[type='radio'], .devis_miseenforme input[type='reset'], .devis_miseenforme select, .devis_miseenforme button {
    cursor: pointer;
}

.devis_miseenforme input[type='hidden'] { display: none; }

/* ##### error messages #####*/

.devis_miseenforme .Dev_ErrorMessage {
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    color: red;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.devis_miseenforme span.Dev_ElemWrap {
    padding: 5px;
    margin: 0px 10px 0px 0px;
    position: relative;
    float: left;
}

	
#soustitre {
	font-family:'HallFeticaRegular';
	font-size:14px;
	margin-top:23px;
	text-align:center;
	color:#c81d36;
	}

#general_mariage{
	overflow: auto;
	width:885px;
	margin-top:24px;
	margin-left:auto;
	margin-right:auto;

}

#ligne_sous_titre{
	background-image:url(../images/ligne_sous_titre.jpg);
	height:3px;
	width:534px;
	margin:auto;
	}
	
#colonne_gauche_mariage{
	width:572px;
	float:left;
	}
	
#menu_mariage{
	float:left;
	width:572px;
	font-size:10px;
	color:white;
	margin-top:0px;
	margin-left:0px;
}

#packalliance{
	float:left;
	height:400px;
	width:184px;
	font-size:24px;

	margin-top:10px;
	margin-bottom:10px;
	background-image: url();
}


#packluxe{
	float:left;
	height:400px;
	width:184px;
	font-size:24px;


	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-image: url();
}

#packpureexcellence{
	float:left;
	height:400px;
	width:184px;
	font-size:24px;


	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-image: url();
}

#frais_de_port{
	font-family:"Arial", "Verdana";
	font-size:11px;
	font-weight:bold;
	color:#000;
}

#nouveau_pack_mariage{
	background-image:url(../images/news_bandeau.jpg);
	width:572px;
	height:81px;
	background-repeat:no-repeat;
	}
	
	#titre_new{
		font-family:Brush Script Std, Arial;
		font-size:25px;
		color:#FFF;
		padding-top:40px;
		margin-left:110px;
	}

#colonne_droite_mariage{
	width:256px;
	float:right;
	}

#compte_portable{
	float:left;
	height:101px;
	width:170px;
	font-size:11px;
	color:#FFF;
	margin-top:10px;
	margin-left:0px;
	padding-top:12px;
	padding-left:84px;
	background-image:url(../images/connexion_petit.jpg);
	color:#464646; 
}

#anonymart_petit{
	float:left;
	height:101px;
	width:170px;
	font-size:11px;
	color:#FFF;
	margin-top:10px;
	margin-left:0px;
	padding-top:12px;
	padding-left:84px;
	background-image:url(../images/anonymart.jpg);
	color:#464646; 
}

#slide{
	width:940px;
	margin:auto;}
	
	
#deejay_tableau {
	width:940px;
	  border:1px solid #C00;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
    
    /* ombre */
    box-shadow:inset 1px 1px 1px #ffeaea;
    -moz-box-shadow:inset 1px 1px 1px #ffeaea;
    -webkit-box-shadow:inset 1px 1px 1px #ffeaea;
	-o-box-shadow:inset 1px 1px 1px #ffeaea;
	-ms-box-shadow:inset 1px 1px 1px #ffeaea;
	-khtml-box-shadow:inset 1px 1px 1px #ffeaea;
	
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	margin:auto;
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

#haut {
	background-image: url(../images/fond_haut.jpg);
	background-repeat: repeat-x;
}

#milieu {
	background-image: url(../images/fond.jpg);
	background-repeat: repeat;
}

#bas {
	background-image: url(../images/fond_bas.jpg);
	background-repeat: repeat-x;
}

#logo {
	background-image: url(../images/fond_logo.jpg);
	background-repeat: no-repeat;
}

#menu {
	background-image: url(../images/fond_menu_principal.jpg);
	background-repeat: no-repeat;
}


.orange {
	color: #FF6600;
}

.gris {
	color: #3e3e3e;
}

.rose {
	color: #CC3366;
}

.bleu {
	color: #3399FF;
}

.vert {
	color: #009966;
}

.flottante
{
	margin-right: 20px;
	margin-bottom: 0px;
	float: left;
}

.flottante_pack
{
	margin-right: 40px;
	margin-bottom: 0px;
	float: left;
}

.flottante_droite
{
	margin: 0px 20px 40px 40px;
	float: right;
}



.wrapper #deejay_tableau #colonne_contenu table tr td .dessous a strong {
	color: #d1213b;
}
.wrapper #deejay_tableau #colonne_contenu p a {
	color: #d1213b;
}

#deejay_tableau02 {
	width:920px;
	margin:auto;
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#vignette_tutos_global{ text-align:left;font-size:12px;color:#2a2b2d;font-family:Arial, Helvetica, sans-serif; }

#ariane em{color:#686868;text-transform:none;}
#ariane a{text-decoration:none;color:#686868;text-transform:capitalize;font-size:11px;margin:0 3px;}
#ariane a:hover{color:#ff115a;}
#fDroite{float:right;text-align:right;}
#fDroite img{margin:9px 0 24px 0;}
#fGauche{float:left;width:660px;overflow:hidden;}
#fGauche p{line-height:18px;margin:16px 0 0 0;}
#fGauche a{text-decoration:none;}
#fGauche li{display:inline;padding:0 10px;background:transparent url("../images/separationG.jpg") 0px 2px no-repeat;}
#fGauche .premierLi{padding-left:0px;background:none;}
.tutoriaux_carre{float:left;margin:0;width:200px;margin:5px 0 8px 18px;display:inline;}
.tutoriaux_carre .info{float:left;height:60px;width:200px;overflow:hidden;}
.tutoriaux_carre img{float:left;margin:0;width:200px;height:120px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.tutoriaux_carre strong{float:left;font-weight:bolder;display:block;width:100%;margin:8px 0 0 0;text-transform:capitalize;}
.tutoriaux_carre em{float:left;font-size:11px;display:block;margin:6px 0 0 0;width:100%;text-transform:capitalize;}
.tutoriaux_carre a.cache{float:left;width:200px;height:120px;margin:0 0 0 -200px;opacity:0;filter:alpha(opacity = 0);color:#fff;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.tutoriaux_carre a.cache:hover{opacity:1;filter:alpha(opacity = 100);background:transparent url("../images/fondCache.png") 0px 0px no-repeat;}
.tutoriaux_carre .corner1{margin:-120px 0 0 0px;}
.tutoriaux_carre .corner2{margin:-120px 0 0 199px;}
.tutoriaux_carre .corner3{margin:-1px 0 0 199px;}
.tutoriaux_carre .corner4{margin:-1px 0 0 0;}
.tutoriaux_carre .duree{text-align:center;display:block;font-weight:bold;width:100%;margin:29px 0 0 0;text-transform:capitalize;}
.tutoriaux_carre .difficulte{text-align:center;display:block;font-weight:bold;font-size:16px;width:100%;margin:5px 0 0 0;text-transform:capitalize;}
.tutoriaux_carre .difficulte del{font-size:12px;margin:0 0 0 5px;}
.tutoriaux_carre .fiche{text-align:center;margin:auto;width:100px;display:block;text-decoration:underline;background:transparent url("../images/flecheRFiche.png") 0px 0px no-repeat;margin-top:18px;}
#fichiers_joints_tutos{text-align:center;margin:auto; font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}

.slide_tuto {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	
	}
	
#date_tuto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	float:right;
}

#numero_tuto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	font-weight:bold;
		float:left;
		margin-bottom:20px;
}
#entete_tuto {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;

}

#tutoriel {
	width:980px;
	height:734px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:70px;
}

#vignette_tutos_global {
	height:670px;
}


#formulaire_devis #captcha{margin-left:auto; margin-right:auto;font-size:35px; border:solid #ccc 1px; padding:5px; width:120px; text-align:center;}

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
.column.last {  width: 19%; float: right !important; margin-left: 0 !important; }
.link { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #d1213b; -webkit-font-smoothing: antialiased; }
a { color: #000; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#d1213b; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #880315; text-decoration: underline; }
a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(./../elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }
.nowrap { white-space:nowrap; }
ul { list-style: none outside; }




#content{ width:980px; margin: auto; padding:0; }


#billboard { display:block; margin:0 auto; padding:14px 0 0; text-align:left; background:#fff; }
#billboard h1,
#billboard h2 { margin-bottom:0; line-height:1; }
#billboard h1 img,
#billboard h2 img { display:block; margin:0 auto; }

#billboard .column { display:inline; }

#billboard img.hero { margin:0 0 5px 5px; }

#billboard .last { width:35%; }
#billboard .last h1 { margin:87px 0 40px; }

#billboard .videos { font-size:14px; }
#billboard .videos .video-thumb { display:block; float:left; margin-bottom:10px; }
#billboard .videos .video-thumb:hover { text-decoration:underline; }

#billboard .videos .video-thumb .image { display:block; position:relative; z-index:1; float:left; width:90px; margin:0 10px 0 0; padding:3px 4px; border:1px solid #e6e6e6;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35); -moz-box-shadow:0 1px 3px rgba(0,0,0,.35); box-shadow:0 1px 3px rgba(0,0,0,.35);
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
#billboard .videos .video-thumb .image:nth-child(1n) { border:none; }

#billboard .videos .video-thumb .image .play { display:block; position:absolute; top:17px; left:35px; z-index:1; width:29px; height:28px; background:url(../images/play.png) 0 0 no-repeat; opacity:.75; -webkit-transition-duration:.15s; -moz-transition-duration:.15s; transition-duration:.15s; }
#billboard .videos .video-thumb:hover .image .play { opacity:1; }
#billboard .videos .video-thumb .image img { display:block; margin:0; }

#billboard .videos .video-thumb .link { display:block; float:left; width:30%; padding-top:13px; text-decoration:none; }

.carre {
float:left;
margin-left:17px;
margin-top:20px;
cursor:pointer;
}
#ligne_carre {
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:1000px;

}



#contenu{
	background-color:#fff;
	padding:5px;
	height:1000px;
	width:940px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	    /* bordure */
    border:1px solid #C00;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
    
    /* ombre */
    box-shadow:inset 1px 1px 1px #ffeaea;
    -moz-box-shadow:inset 1px 1px 1px #ffeaea;
    -webkit-box-shadow:inset 1px 1px 1px #ffeaea;
	-o-box-shadow:inset 1px 1px 1px #ffeaea;
	-ms-box-shadow:inset 1px 1px 1px #ffeaea;
	-khtml-box-shadow:inset 1px 1px 1px #ffeaea;
	
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}


/* 
	Block-Styles 
*/

.block {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
	background-color: #FFFFFF;
	width: 940;
}

.block_inside { 
	display:block; 
	overflow:auto;
}
.image_block {
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
}
.text_block {
text-align:justify;
	float:left;
	width:400px;
	margin-left:40px;
}
#bc_block {
position:absolute;
text-align:justify;
	float:left;
	width:325px;
margin-top:220px;
margin-left:0px;
padding: 20px 0px 0px 10px;
}
.title {
margin-left:10px;
margin-bottom:-10px;
}

#packs_entreprises {text-align:left;
width:42%; float:left; margin-left:5%; margin-right:5%;
}
#packs_entreprises table{
background-color:#fff;
}
#packs_entreprises table td{
vertical-align:top;
padding: 0px;
}
#packs_musique {text-align:left;
width:42%; float:right; margin-right:5%; display:block;
}
#packs_musique table{
background-color:#fff;
}
#packs_musique table td{
vertical-align:top;
padding: 0px;
}



#notreapproche table {
background-image:url(img/fd_transparent.png);
}
#notreapproche table td {
padding: 10px 10px 10px 25px;
}


img {
border: 0px;
}
#page1 #contenu .block_inside #packs_entreprises h2 {
	font-family: Helvetica, Arial, verdana; font-size:18px; color:#900;
}
#page1 #contenu .block_inside #packs_musique h2 {
	font-family: Helvetica, Arial, verdana; font-size:18px; color:#900;
}
#page1 #contenu .block_inside #packs_entreprises table tr td p .gris #mb9 {
	color: #900; font-size:16px;
}

#page1 #contenu .block_inside #packs_musique table tr td p .gris #mb9 {
	color: #900; font-size:16px;
}


.sprite-global{ text-decoration:none;}

#div_barre{position:fixed;top:0; left:20.5%;font-size:10px;background:#d1213b;width:980px;
font:normal 11px Arial,sans serif;color:#fff;cursor:default}

#intbarre{overflow:hidden;height:22px;text-align:center;border:#880315 solid;border-width:1px;width:980px;}
	#div_barre a{text-decoration:none}
	#div_barre .area{}
	#div_barre .area.la{text-align:left;width:500px; }
	#div_barre .area.ra{text-align:right;width:500px;}
	#div_barre .area.la>*{margin-right:8px}
	#div_barre .area.ra>*{margin-left:8px}

Merci beaucoup d'éclairer ma lanterne ^^

05 déc. 2011, 17:28

Il nous faudrait le contenu de la fonction connexion() pour pouvoir te répondre.

Dans la théorie ce n'est qu'une condition sur une variable identifiant l'utilisateur connecté.
Cette variable existe => l'utilisateur est connecté => on affiche la barre
Sinon => on affiche le formulaire

05 déc. 2011, 17:34

Je suppose que tu parles de ceci :

verif-login.php :

<?php
session_start();
require_once("config_script.php");
$pseudo_membre =$_POST['pseudo_membre'];
$passe_membre =$_POST['passe_membre'];
$pseudo_membre = trim(htmlspecialchars(addslashes($pseudo_membre))); 
$passe_membre = trim(htmlspecialchars(addslashes($passe_membre))); 
$passe_membre=md5($passe_membre);
if(!$pseudo_membre)
	{
	header("Location:index.php?erreur=pseudo");
	return FALSE;
	}
if(!$passe_membre)
	{
	header("Location:index.php?erreur=passe");
	return FALSE;
	}
$select_pseudo=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE passe='$passe_membre' AND pseudo='$pseudo_membre'");
$verif_nb=mysql_num_rows($select_pseudo);
if($verif_nb==0)
	{
	header("Location:index.php?erreur=passe");
	return FALSE;
	}
else
	{
	$activev=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE passe='$passe_membre' AND pseudo='$pseudo_membre'") or die (mysql_error());
	$row=mysql_fetch_array($activev);
	$verif_act=$row['active'];
	if($verif_act=="0")
		{
		echo"<link rel='stylesheet' type='text/css' href='style.css'>
		<title>$TITRE_PAGE</title><body bgcolor='$_COULEUR_FONT'>
		<center><b>"._PAGE_VERIFLOG_NOACTIVE."";
		if($_ACTIVE_MAIL_MEMBRE=="1")
				{
				echo"$_ACTIVE_TYPE2</b><br><a href='#' onClick='history.back()'>Retour</a></center>";
				return FALSE;
				}
			if($_ACTIVE_ADMIN=="1")
				{
				echo"$_ACTIVE_TYPE1</b><br><a href='#' onClick='history.back()'>Retour</a></center>";
				return FALSE;
				}
		}
	else
		{
			$taille = 40;
			$lettres = "abcdefghijklmnopqrstuvwxyz0123456789AZERTYUIOPMLKJHGFDSQWXCVBN";
			$date= date("Y-m-d");
			$heure= date("H:i:s");
			srand(time());
			for ($i=0;$i<$taille;$i++)
				{
				@$idm.=substr($lettres,(rand()%(strlen($lettres))),1);
				}
			$ip=$HTTP_SERVER_VARS['REMOTE_ADDR'];
			mysql_query("UPDATE ".PREFIXE."membres SET idm='$idm', date='$date', heure='$heure', ip='$ip' WHERE passe='$passe_membre' AND pseudo='$pseudo_membre'");
			$_SESSION['pseudom'] = "$pseudo_membre";
			$_SESSION['idm'] = "$idm";
			if($_REDIRECT_TYPE=="0")
				{
				header("Location:$_REDIRECT_MEMBRE");
				}
			else
				{
				echo"<script type=\"text/javascript\">function redirection_js(){ x=setTimeout(\"Javascript:history.go(-1)\",10); }</script><body onLoad=\"redirection_js();\">";
				}
			}
		}
bas_page();
?>

merci de m'aider

05 déc. 2011, 17:44

Donc tu peux utiliser la variable $_SESSION['idm'].
A savoir voilà comment faire le test :

if( isSet($_SESSION['idm']) ){
  echo 'connecté';
}else{
  echo 'non connecté';
}

05 déc. 2011, 17:48

Question un peu bete (jsuis débutant), je mets ca dans verif-login, ou bien dans ma page index?

05 déc. 2011, 17:55

Même en étant débutant il va te falloir comprendre ce bout de code... Car je ne suis pas disposé à te filer un code tout fait.

if( isSet($_SESSION['idm']) ){ // Vérification de l'existence de la variable de session crée lors d'une connexion réussie
  echo 'connecté'; // La variable existe, l'utilisateur est connecté, on lui affiche "connecté"
}else{
  echo 'non connecté'; // La variable n'existe pas, l'utilisateur n'est pas connecté, on lui affiche "non connecté"
}

Comprends-tu ce fonctionnement ?
A la place de ce que j'affiche il ne te reste plus qu'à afficher ce que tu veux, en l’occurrence l'un ou l'autre bandeau.

Je reste à ta disposition pour répondre à toute question.

05 déc. 2011, 18:15

Je ne cherche pas un truc tout fait, mais a ce qu'on m'aiguille. Vu comme t'as fait, je comprends exactement chaque ligne ce qui, si je me trompe pas :

<?php if( isSet($_SESSION['idm']) ){
echo include('include/barre.inc.php');
}else{
echo include('include/connexion.inc.php');
}
?>

EDIT : finalement ce n'est pas ca, puisque j'arrive sur la page membre et le bandeau est le meme

, je vais voir sur google, pour plus de renseignement sur cette variable

05 déc. 2011, 19:20

Il te faut créer une variable de SESSION que tu nommes à ta façon, tu as un bon exemple dans le code. Celle-ci va t'indiquer que ton utilisateur est connecté.

Tu vérifies si cette variable existe , si elle existe ton utilisateur est connecté, tu affiches ton bandeau avec tes options de membre connecté, sinon tu affiches ton formulaire pour que ton utilisateur se connecte.

Sylvain

Comment modifier une barre membre connecté?

Qui est en ligne