Archives FluxBB.fr
Les archives de FluxBB.fr
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 19-09-2009 12:27:08
- ccgrossebite
- Membre
Intégration design.
Bonjour,
Je souhaiterais intégrer mon design (http://gormiz.com) à Fluxbb ou Punbb.
Mais j'ai suivis tout les tutoriels et j'y arrive vraiment pas.
Est ce que une âme charitable pourrait me dire comment faire ou si il, elle pouvait me le faire.
Merci d'avance, 
Hors ligne
#2 19-09-2009 12:48:51
- teopath
- Membre
Re : Intégration design.
C'est dommage d'avoir un pseudo comme le tien et de ne pas y arriver :hs:
Si en plus il faut t'expliquer 
:taper:
Pour te le faire, tu demandes à quelqu'un d'autre, avec les bébêtes qui courent ces temps si :recherche:
Hors ligne
#3 19-09-2009 13:41:42
- ccgrossebite
- Membre
Re : Intégration design.
C'est un pseudo que j'ai vu sur Dofus mdr 
Hors ligne
#4 20-09-2009 01:07:17
- neox999
- Membre
Re : Intégration design.
Dommages, tu aurais pu savoir que sa ne vas pas pour un forum. !:boulet:
Hors ligne
#5 20-09-2009 11:18:42
- Defaz
- Membre
Re : Intégration design.
Rien capté à la discussion moa 
Pour intégrer ton design c'est tout bête, tu ouvres ta source et tu l'intègre dans le fichier include/template/main.tpl pour "encapsuler" FluxBB dans ta div "right" du genre :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<link rel="shortcut icon" href="favicon.ico" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="contenu">
<div id="left">
<!-- Début du menu vertical -->
<div class="hautmenu"></div>
<div class="fondmenu">
<ul class="menuh">
<li><a href="index.php" title="">Accueil</a></li>
<li><a href="tchat" title="">T'chat</a></li>
<li><a href="sing_in.php" title="">Se connecter</a></li>
<li><a href="register.php" title="">S'inscrire</a></li>
<li><a href="forums.php" title="">Le forum</a></li>
<li><a href="official_staff.php" title="">L'équipe officielle</a></li>
<li><a href="groupes.php" title="">Groupe</a></li>
<li><a href="jeux.php" title="">Jeux</a></li>
<li><a href="charte.php" title="">La charte</a></li>
<li><a href="faq.php" title="">F.A.Q</a></li>
<li><a href="parents.php" title="">Parents</a></li>
</ul>
</div>
<div class="basmenu"></div>
<div class="hautmenu"></div>
<div class="fondmenu">
<ul class="menuh">
Total: 119<br>Aujourd'hui: 13<br>Online: <font color=6090be>2</font><br></b>
</ul>
</div>
<div class="basmenu"></div>
<!-- Fin du menu vertical2 -->
</div>
<div id="right">
<!-- FluxBB -->
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="content">
<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>
<!-- FluxBB -->
</div>
<div style="text-align: right"> <a href="#header"><img src="images/hautdepage.png" alt=""/></a></div>
<div class="separateur"></div>
</div>
<div id="pied"></div>
</div>
</body>
</html>Hors ligne
#6 20-09-2009 12:10:21
- ccgrossebite
- Membre
Re : Intégration design.
enfin quelqu'un de moins "égocentrique".
à ce que je sache dans le règlement il y a pas écrit que je dois mettre un autre pseudo que "ccgrossebite". 
Enfin bon, merci beaucoup Defaz, je teste ça tout de suite. 
Hors ligne
#7 20-09-2009 12:18:58
- ccgrossebite
- Membre
Re : Intégration design.
Voilà ça marche => http://gormiz.com/forums.
Mais quelques petites déformations...:(
Hors ligne
#8 20-09-2009 17:35:19
- ccgrossebite
- Membre
Re : Intégration design.
Je bloque vraiment avec le header, je voudrais m'en débarasser c'est possible ?
Dernière modification par ccgrossebite (20-09-2009 18:51:29)
Hors ligne
#9 20-09-2009 22:44:45
- Defaz
- Membre
Re : Intégration design.
#brdtitle {display: none}
Dans ta feuille de style !
PS : il est vrai que ton pseudo n'est pas des plus élégants en effet :s
Hors ligne
#10 05-12-2009 19:57:49
- seb_accrorun
- Membre
Re : Intégration design.
Bonsoir,
J'ai essayé d'intégrer le forum à mon site mais c'est la galère. le "<pun_navlinks>" est maintenant à l'horizontal est non sur une ligne... Je pense que ma feuille de style interfère avec le forum.
Voici l'image de la catastrophe: 
Voila mon main:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<link rel="SHORTCUT ICON" href="../images/icone.gif" >
<link href="../style.css" title="DÈfaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="header"></div><!-- HEADER -->
<div id="contenu"><!-- CONTENU -->
<div id="left"><!-- COLONNE DE GAUCHE -->
<div class="s_haut_menu">PrÈsentation</div><!-- DEBUT MENU -->
<div class="s_fond_menu">
<ul>
<li><a href="../index.php" title="accueil">- Accueil</a></li><li><a href="../plan.php" title="plan">- Plan</a></li><li><a href="../bureau.php" title="Bureau">- Bureau</a></li> <li><a href="../entraineurs.php" title="Entraineurs">- Entraineurs</a></li><li><a href="../groupes.php" title="Groupes">- Groupes</a></li>
</ul>
</div>
<div class="s_bas_menu"></div><!-- FIN MENU -->
<div class="s_haut_menu">La vie du club</div>
<!-- DEBUT MENU -->
<div class="s_fond_menu">
<ul>
<li><a href="../horaires.php" title="horaires">- Horaires</a></li><li><a href="../matchs.php" title="matchs">- Matchs</a></li><li><a href="../agenda/index.php" title="agenda">- Agenda</a></li><li><a href="../espace_membres/index.php" title="espace_entraineurs">- Espace entraineurs</a></li>
</ul>
</div>
<div class="s_bas_menu">
</div><!-- FIN MENU -->
</div><!-- FIN COLONNE DE GAUCHE -->
<div id="right"><!-- COLONNE DE DROITE -->
<!-- FluxBB -->
<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 class="separateur"></div>
<!-- FluxBB -->
</div> <!-- FIN COLONNE DE DROITE -->
</div> <!-- FIN CONTENU -->
<div id="pied"><!-- PIED -->
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11430812-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</div>
</div>
</body>
</html>Ma feuille de style:
body,html {background:url(images/fond.jpg);background-attachment: fixed;margin:0;padding:0}
#conteneur {margin:0 auto 0 auto;position:relative;width:960px;}
#contenu {background:url(images/fond_conteneur.png);margin:0 auto 0 auto;position:relative;width:960px;}
#header {width:960px;height:173px;background:url(images/header.png);}
#evaluation a{width:140px;height:140px;position:absolute;right:10px;outline:none}
#pied {width:960px;height:121px;background:url(imag11es/pied.png) no-repeat top;clear:both}
#left {width: 235px;float: left;color:#060;margin:0 0 0 20px;text-align:center}
#right {margin:0 0 0 270px;width:670px;color: #3b3b3b;font:12px "trebuchet ms";}
ul {width:235px;margin:0;padding:0;}
ul li {list-style-type: none;}
ul li a {width:180px;display: block;color: #060;font:14px "trebuchet ms";text-decoration: none;height:25px;line-height:25px;padding:0 0 0 5px;margin:0 0 0 7px;outline:none;border-bottom:1px solid;}
ul li a:hover {text-decoration: none;color: #8d4d00;}
.haut_menu {width:235px;height:20px;background:url(images/haut_menu.jpg) no-repeat;text-align:center;padding:0;font:bold 15px "trebuchet ms";color: #fff;}
.fond_menu {width:235px;background:url(images/fond_menu.jpg) repeat-y;padding:0;color: #3b3b3b;font:11px "trebuchet ms";text-align:center}
.bas_menu {width:235px;height:20px;background:url(images/bas_menu.jpg)}
.s_haut_menu {width:235px;height:26px;background:url(images/s_haut_menu.jpg) no-repeat;text-align:center;padding:7px 0 0 0;font:bold italic 13px "trebuchet ms";color: #fff;}
.s_fond_menu {width:220px;background:url(images/s_fond_menu.jpg) repeat-y;padding:0 0 0 15px;color: #3b3b3b;font:11px "trebuchet ms";text-align:left}
.s_bas_menu {width:235px;height:20px;background:url(images/s_bas_menu.jpg)}
.haut_ng {width:660px;height:16px;background:url(images/haut_ng.jpg);text-align:center;}
.fond_ng {width:633px;background:url(images/fond_ng.jpg);padding:0 12px 0 15px;color: #202020;font:11px "trebuchet ms";}
.bas_ng {width:660px;height:16px;background:url(images/bas_ng.jpg) no-repeat;}
.news_gauche {float: left;margin:0;padding:0;width:320px}
.news_droite {margin:0 0 0 330px;}
.separateur {clear: both;visibility: hidden;}
Span {color: #060;text-decoration:none;outline:none;font:bold 14px "trebuchet ms";}
img, p, h1, h2, h3, h4, h5, h6, Span, object{border:0;margin:0;padding:0}
table {
margin:auto;
border-width:1px;
border-style:solid;
border-color:#060;
width:50%;
}
td {
border-width:1px;
border-style:solid;
border-color:#060;
width:50%;
}
td {width:211px;text-align:center}
h1 {color:#8dc538;text-decoration:none;outline:none;font:bold 18px "trebuchet ms";text-align:center}
h2 {color:#f79620;text-decoration:none;outline:none;font:bold 16px "trebuchet ms";text-align:center}
a {color:#ff6f00;text-decoration:underline;outline:none;font:bold 12px "trebuchet ms"}
a:hover {color:#fff}
form {color:#3b3b3b;text-decoration:none;outline:none;font:12px "trebuchet ms";margin:0;padding:0}
#copyleft {float:left;font:bold 11px "trebuchet ms";color:#8d8d8d;margin:82px 0 0 24px;text-decoration:none;outline:none;}
#copyleft a {font:bold italic 11px "trebuchet ms";color:#8d8d8d;text-decoration:none;}
#copyleft a:hover {color:#ff6f00;}
#copyright {float:right;font:bold 11px "trebuchet ms";color:#8d8d8d;margin:82px 24px 0 0;text-decoration:none;outline:none;}
#copyright a {font:bold italic 11px "trebuchet ms";color:#8d8d8d;text-decoration:none;}
#copyright a:hover {color:#ff6f00;}
/* Agenda
*******************************************************************/
#cadre_agenda a {
color:#8d4d00;
font-size: 1.1em;
background:#F00;
padding: 1px;
margin: 1px;
border: 1px solid #000000;
text-decoration: none;
}
#cadre_agenda a:hover {
color: #999999;
background: #000000;
padding: 1px;
margin: 1px;
border: 1px solid #999999;
text-decoration: none;
}
.event
{
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
border:1px dotted #666699;
padding:5px;
margin-bottom: 5px;
}Le rendu est tellement dégueulasse j' ai mis le forum en mode maintenance.
Pouvez vous me venir en aide
Merci
Seb
Hors ligne
#11 07-12-2009 16:38:45
- Timkhan
- Membre
Re : Intégration design.
J aime bien tes style defaz !!
J aurais besoin d un coup de main stp j ai posté une demande concernant l
elargissement du background a savoir mon background fais 1300 x 870 ca
convient tres bien a ma resolution mais lorsque j augmente ma resolution mon
background du forum ne s agrandi pas a la resolution !!
Un conseil ?
Hors ligne
Pages : 1