Jump to content
Invision Board France
  • 0
Sign in to follow this  
Abdias

Création de thème

Question

Abdias

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

Share this post


Link to post
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Onerrac

Bonjour,

 

Quelle est l'adresse de votre site ? Afin de voir le travail à effectuer ;)

Share this post


Link to post
Share on other sites
  • 0
Abdias

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;}


Edited by Abdias

Share this post


Link to post
Share on other sites
  • 0
Onerrac

OK et le site tourne sous quoi?

Car si j'ai bien compris votre site tourne sur ? et vous souhaitez y intégrer le header et footer de votre forum?

Share this post


Link to post
Share on other sites
  • 0
Abdias

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

Share this post


Link to post
Share on other sites
  • 0
Onerrac

Maintenant que j'ai un peu plus de temps je vais regarder à ça, est-ce le thème d'origine sur le forum ?

Share this post


Link to post
Share on other sites
  • 0
linkmat

oula  ca fait longtemps que jai pas vue de table pour la creation de site :O  ...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.