Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

#1 07-08-2006 19:03:53

KSL
Membre

Modif de la page d'accueil

Bonjour à tous, je souhaiterais inserer mon forum PunBB ici (edit : url éffacé) comment faire svp ?

Dernière modification par KSL (05-10-2006 17:17:19)

Hors ligne

#2 07-08-2006 19:18:26

romain9441
Admin locker

Re : Modif de la page d'accueil

:faq: :recherche:


Avant de poser une question, avez-vous consulté la FAQ ou fait une recherche ?

Pas de support si pas d'adresse de forum !

Hors ligne

#3 07-08-2006 19:37:15

KSL
Membre

Re : Modif de la page d'accueil

:faq: (je ne la voi pas) ? http://www.punbb.fr/forums/doku.php (lien mort) ?

Mise à part ton accueil chaleureux romain9441 pourrais-tu me proposer des mots-clée pour mes recherches (j'ai pas trouver) ?

Merci d'avoir répondu rapidement.

Dernière modification par KSL (07-08-2006 19:37:45)

Hors ligne

#4 07-08-2006 20:48:40

romain9441
Admin locker

Re : Modif de la page d'accueil


Avant de poser une question, avez-vous consulté la FAQ ou fait une recherche ?

Pas de support si pas d'adresse de forum !

Hors ligne

#5 07-08-2006 21:31:20

bulmam
Membre

Re : Modif de la page d'accueil

non non c'est pas ca, mais ca:
comment est-ce que j 'ajoute mon propre footer, header ,pied_de_page,en-tete,de sorte que je puisse integrer mes forums dans le design de mon_site
fais une recherche ,(j'ai eu le meme probleme)
j'esperes que tu comprendras le principe:
Il faut integrer les elements de ta page html (comme le menu jaune du haut )dans les fichiers templates

les fichiers templates, c'est comme un page html !
donc reperes deja  [c]<html><head>,<body> ...[/c]

yikes   par exemple, tu integre:
> le code HTML de ton menu([c]<div id="header">[/c]) dans les fichiers templates (main.tpl pour commencer)
>et le code css de ton menu dans le fichier css du forum (upload/style/tonfichier.css)

/!\ à chaque fois que tu ajoutes un element dans le fichier template, tu dois aussi integrer le code css de cet element dans le fichier css du forum ! wink

puis tu fais de meme avec les autres elements de ta page que tu veux rajouter ([c]<div id="content">[/c]) ...

yikes Noublies pas de :
-->appeller ton css dans les fichiers templates:
tu rajoutes donc entre <head> et </head> et sous la balise <meta :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

-->ne mets pas les elements de ta page .html n'importe ou dans le fichier template,par exemple si tu veux que ton forum se trouve dans le corp de ta page ,<div id="content">"encadre" les elements du forum.

exemple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>
<div id="content"><!-- debut du corp de ta page -->
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>
</div><!-- fin du corp de ta page -->
</body>
</html>

fais des essais en rajoutant les element uns par uns! smile

Dernière modification par bulmam (07-08-2006 21:52:57)

Hors ligne

#6 08-08-2006 14:55:22

KSL
Membre

Re : Modif de la page d'accueil

Merci pour ton explication bulmam smile, la page est bien modifier, le problême, c'est que mon menu n'est plus fixe sous Internet explorer hmm serait-il possible de régler ce problême ??

ps : ça tourne impec -comme par hasard- sous Firefox wink

Dernière modification par KSL (22-08-2006 13:49:45)

Hors ligne

#7 08-08-2006 18:41:12

bulmam
Membre

Re : Modif de la page d'accueil

salut, de ce que je vois, tu sembles avoir mis ton menu jaune au mauvais endroit,
je suis sous firefox et il empiete sur l'entete du forum,
pourrais ton voir le code de  main.tpl  ?,

sinon ton image de droite empiete aussi , non?, saches juste que pour reduire la largeur du forum c'est:la faq: forums a largeur fixesmile

Hors ligne

#8 08-08-2006 21:37:09

KSL
Membre

Re : Modif de la page d'accueil

Salut bulmam, j'ai volontairement pas pris le temps de m'occupé de la mise-en-page, car avant je veux ètre certain que le menu reste fixe sous les principaux navigateurs (comme I.e) wink voici mon main.tpl :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="/contact/style/design.css" />

<script type="text/javascript">
function hover(obj){
  if(document.all){
    UL = obj.getElementsByTagName('ul');
    if(UL.length > 0){
      sousMenu = UL[0].style;
      if(sousMenu.display == 'none' || sousMenu.display == ''){
        sousMenu.display = 'block';
      }else{
        sousMenu.display = 'none';
      }
    }
  }
}

function setHover(){
  LI = document.getElementById('sitebarre').getElementsByTagName('li');
  nLI = LI.length;
  for(i=0; i < nLI; i++){
    LI[i].onmouseover = function(){
      hover(this);
    }
    LI[i].onmouseout = function(){
      hover(this);
    }
  }
}
</script>

<pun_head>
</head>
<body id="top" onLoad="setHover()" bgcolor="white" text="Verdana">
<div id="header">
<ul id="sitebarre">

  <li class="rub">

    <a href="#">Menu <B>A</B></a>
    <ul>
      <li><a href="#" class="rub"><span>Sous menu A1 ---></span></a>
        <ul>
            <li><a href="#"><span><B>Lien A1.1 (blablabla)</B><br>...</span></a> </li>
            <li><a href="#"><span><B>Lien A1.2</B><br>...</span></a> </li>

        </ul>
      </li>
      

          <li><a href="#" class="rub"><span>Sous menu A2</span></a>
        <ul>
            <li><a href="#"><span><B>Lien A2.1</B><br>...</span></a> </li>
            <li><a href="#"><span><B>Lien A2.2</B><br>...</span></a> </li>

       </ul>
      </li>

   </ul>

  </li>
  <li class="rub">
    <a href="#">Menu <B>B</B></a>
    <ul>

      <li><a href="#" class="rub"><span>Sous menu B1</span></a>
        <ul>
            <li><a href="#"><span><B>Lien B1.1</B><br>...</span></a> </li>
            <li><a href="#"><span><B>Lien B1.2</B><br>...</span></a> </li>
        </ul>

      </li>
      

          <li><a href="#" class="rub"><span>Sous menu B2</span></a>
        <ul>
            <li><a href="#"><span><B>Lien B2.1</B><br>...</span></a> </li>
            <li><a href="#"><span><B>Lien B2.2</B><br>...</span></a> </li>

        </ul>
      </li>

   </ul>

  </li>

</ul>

</div>
<div id="right-sidebar">
 <img src="http://ksl369.free.fr/_jpg/Lianne.jpg" />

</div>
<div id="content">
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>
</div>
</body>
</html>

Dernière modification par KSL (08-08-2006 21:38:21)

Hors ligne

#9 09-08-2006 02:02:49

superleoo
Membre

Re : Modif de la page d'accueil

je viens justement d'intégrer le menu de mon site à mon forum (sur la gauche). J'avais déja auparavant placé dans le header la même bannière et le menu horizontal.
Comme indiqué par bullman, j'ai ajouté au code de main.tpl le code html du menu (sur le site c'est un include, mais là faut du html) puis j'ai modifié les différentes feuilles de styles utilisées par le forum (j'en ai ajouté une relative à me ajouts ). Par contre le CSS est appellé par la feuille de style générale grace à

@import url(imports/forum.css);

.
J'ai rencontré quelques difficultées selon les navigateurs, que j'ai d'abords résolu en plaçant mon menu au bon endroit dans le flux de main.tpl (avant la div punwrap) et en fixant la hauteur de certains blocs pour firefox notamment bdrtitle qui descendait jusqu'au bas du menu.  Y a bien une class "clearer"dans la feuille de style existante qui je penses ajuste la hauteur, mais elle doit être neutralisé par mes bidouillages.
http://www.dsaranna.com/forum
en navigant avec opera on voit le problème de hauteur des blocs, pour le reste ça fonctionne pas trop mal.
Je vais tenter d'arranger encore et supprimer les doublons dans les feuilles de styles.

Bon après ya pas de javascript !

ps; je viens de voir que pour l'include du menu il me fallait utilser le repertoire d'include du forum puis utiliser <pun_include "exemple.php">....lol

Dernière modification par superleoo (09-08-2006 02:06:09)

Hors ligne

#10 22-08-2006 07:22:45

KSL
Membre

Re : Modif de la page d'accueil

Up, j'ai tester plusieurs façon de placer mon site à diffèrent endroit sur le template mais je n'arrive pas à fair en sorte que le menu du haut reste fixe sous Internet explorer .. pourtant avec phpBB ça passe huh aurais-je fais une erreur sur le script de punBB (mon main.tpl est codé ci-haut) ?

Dernière modification par KSL (22-08-2006 07:30:01)

Hors ligne

#11 22-08-2006 09:12:04

vin100
Membre

Re : Modif de la page d'accueil

qu'est-ce que tu entend par "reste fixe" ?

si c'est l'utilisation background-position: fixed; elel n'est tout simplement pas prise en charge par IE, donc pas de solution

Hors ligne

#12 22-08-2006 11:14:18

KSL
Membre

Re : Modif de la page d'accueil

Oui vin100 j'entends bien "fixed", j'ai trouver un script qui assure sous Internet explorer (comme sous Ff).

Dernière modification par KSL (05-10-2006 17:15:27)

Hors ligne

Pied de page des forums