Aller au contenu
Invision Board France
  • 0

Création de thème


Abdias

Question

Bonjour

je dispose d'un site dans lequel j'aimerai y inserer le forum et ainsi conserver le header de mon site avec son menu
j'aimerai donc mettre la totalité du forum dans un div ou une table car la solution de l'iframe me convient pas
j'ai déja lancé un sujet la dessus mais j'ai pas eu de reponse me permettant d'y arriver
http://www.invisionboard.fr/forums/topic/63624-integrer-ipb-dans-une-page/

c'est pourquoi je recherche une personne pouvant réaliser mon theme, bien evidement tout travail mérite salaire

 

Merci

Lien vers le commentaire
Partager sur d’autres sites

6 réponses à cette question

Messages recommandés

  • 0

le site sera publié quand il sera fini mais je peux te donner le code sans souci

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Nom_du_site</title>
<meta name="Robots" Content="all">
<meta name="Language" Content="fr">
<link rel="stylesheet" media="screen,projection" href="css/ui.totop.css" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="Shortcut Icon" type="image/gif" href="images/favicon.gif">
<style type="text/css">
		body {background-image: url(images/bkg_img_1.gif);}
</style>
</head>
<script type="text/javascript" language="Javascript"> 
var clignotement = function(){
   if (document.getElementById('DivClignotante').style.visibility=='visible'){
      document.getElementById('DivClignotante').style.visibility='hidden';
	     }
   else{
   document.getElementById('DivClignotante').style.visibility='visible';
   }
};
// mise en place de l appel de la fonction toutes les 0.8 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotement, 800);
</script>
</head>
<body>
<div align="center">
<table width="1024" border="5" cellpadding="0" cellspacing="0" bordercolor="#837D31">
  	<tr>
    	     <td>
                  <img src="images/entete.jpg<? echo $picture."?".filectime($picture); ?>">
             </td>
 	</tr>
  	<tr>
    	     <td>
                  <?php include 'menu.php'; ?>
             </td>
  	</tr>
  	<tr>
    	     <td>
		  <table width="1024" height="595" border="0" cellspacing="0" cellpadding="0" valign="center" align="center" bgcolor="#00518C" >
          	       <tr>
	  		    <td>
				 <table width="1000" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
    						        
                                                    INSERTION DU FORUM ICI
	  
  	  			 </table>
			    </td>
	  	       </tr>
		  </table>
	     </td>
  	</tr>
</table>
</div>
<div align="center">
<a href="http://www.xiti.com/xiti.asp?s=xxxxxxx" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=xxxxxx&p=accueil';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="80" height="15" border="0" alt="" ';
Xt_i += 'src="http://logv17.xiti.com/bcg.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
<img width="80" height="15" src="http://logv17.xiti.com/bcg.xiti?s=xxxxxx&p=accueil" alt="WebAnalytics" />
</noscript>
</a> 
</div>
<!-- jquery -->	
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="js/easing.js" type="text/javascript"></script>
	<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
	  			containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
	 		};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
</body>
</html>


ca c'est la code de la page /css/style.php

body, ul, li {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:21px;text-align:left;}

#menu {list-style:none;width:984px;margin:0px auto 0px auto;height:43px;padding:0px 20px 0px 20px;
	/* Rounded Corners */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;

	/* Background color and gradients */
	background: #014464;
	background: -moz-linear-gradient(top, #0073C5, #00518C);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0073C5), to(#00518C));
	
	/* Borders */
	border: 0px solid #0073C5;
	-moz-box-shadow:inset 0px 0px 1px #0073C5;
	-webkit-box-shadow:inset 0px 0px 1px #0073C5;
	box-shadow:inset 0px 0px 1px #0073C5;
}

#menu li {float:left;display:block;text-align:center;position:relative;padding: 4px 10px 4px 10px;margin-right:30px;margin-top:7px;border:none;}
#menu li:hover {border: 1px solid #0073C5;padding: 4px 9px 4px 9px;	
	/* Background color and gradients */
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {font-family:Arial, Helvetica, sans-serif;font-size:16px; color: #E3E546;display:block;outline:0;text-decoration:none;text-shadow: 1px 1px 1px #000;}
#menu li:hover a {color:#161616;text-shadow: 1px 1px 1px #ffffff;}
#menu li .drop {padding-right:21px;background:url("images/drop.png") no-repeat right 8px;}
#menu li:hover .drop {background:url("images/drop.png") no-repeat right 7px;}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {margin:4px auto;float:left;position:absolute;left:-999em; /* Hides the drop down */text-align:left;padding:10px 5px 10px 5px;border:1px solid #0073C5;border-top:none;
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {left:-1px;top:auto;}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {float:right;margin-right:0px;}
#menu li .menu_right a {font-family:Arial, Helvetica, sans-serif;font-size:16px; color: #ffffff;display:block;outline:0;text-decoration:none;text-shadow: 1px 1px 1px #000;}
#menu li .align_right {;
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {left:auto;right:-1px;top:auto;}
#menu p, #menu h2, #menu h3, #menu ul li {font-family:Arial, Helvetica, sans-serif;line-height:21px;font-size:12px;text-align:left;text-shadow: 1px 1px 1px #FFFFFF;}
#menu h2 {font-size:21px;font-weight:400;letter-spacing:-1px;margin:7px 0 14px 0;padding-bottom:14px;border-bottom:1px solid #666666;}
#menu h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:7px;border-bottom:1px solid #888888;}
#menu p {line-height:18px;margin:0 0 10px 0;}
#menu li:hover div a {font-size:12px;color:#000080;}
#menu li:hover div a:hover {color:#ff8329;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #0073C5;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */	width:auto;	float:left;	margin:5px 15px 5px 5px;}

#menu li .black_box {	background-color:#333333;	color: #eeeeee;	text-shadow: 1px 1px 1px #000;	padding:4px 6px 4px 6px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#menu li ul li {color:#FFFF00;font-size:12px;	line-height:24px;position:relative;	text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0;float:none;	text-align:left;width:130px;}
#menu li ul li:hover {background:none;border:none;padding:0;margin:0;}
#menu li .greybox li {background:#F4F4F4;border:1px solid #bbbbbb;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;width:116px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {background:#ffffff;border:1px solid #0073C5;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;}


Modifié par Abdias
Lien vers le commentaire
Partager sur d’autres sites

  • 0

il sera sur un serveur apache, mais cela n'a aucune influance

en gros c'est simple, la ou j'ai mis "INSERTION DU FORUM ICI" dans le premier fichier

on aurai pu remplacer cela par une iframe redirigeant vers l'index du forum, ca fonctionnerai tres bien sauf que cela crée des disfonctionnements comme par exemple les liens dans les mails de suivi dirige vers l'index du forum et nom vers la page avec l'iframe, donc je dois pour eviter cela faire un theme reprennant la charte graphique de mon site

c'est expliqué dans le lien du premier message

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
×
×
  • Créer...

Information importante

En utilisant ce site, vous êtes d’accords avec nos Conditions d’utilisation. Nous avons placé des cookies sur votre appareil pour aider à améliorer ce site. Vous pouvez choisir d’ajuster vos paramètres de cookies, sinon nous supposerons que vous êtes d’accord pour continuer.