[Réglé] Intégrer Header, Footer "Wordpress" dans PHPBB3

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 08 Mai 2012 à 21:20

Tous d'abord bonjour a tous, je me présente Alessandro Aloisio j'ai 16ans mais 17 le 1ier août :P
Je suis dans une école d'informatique depuis 2ans et j'ai étudié xhtml, html5 et css(2 et 3) et j’apprends pour le moment le php mais avec des bouquins. :D

Je suis sur un petit projet pour ma passion et financier prochainement le permis et la voiture :D

Je vous présente mon site: http://woftec.com/
Tous d'abord le site est déjà hébergé sous le nom de woftec.com "world of technology"
Le site parle des nouvelles technologies "smartphone android, ios, windows phone..., consoles, jeux vidéo, hardware...."
Le blog est quasiment fini faut que je finalise un peu les options et les paramétres.
Pour le blog j'utilise wordpress 3.3.2 et je travaille en réseaux avec plusieurs sous domaine de mon site.
Le thèmes que j'utilise est Avenue "un peu modifier" :P
Le forum est installé j'utilise phpbb3 v3.0.10, il se trouve sur se lien http://forum.woftec.com/

Se que je voudrai:
J'aimerai avoir le même header et footer de wordpress sur mon forum. Je sais comment faire mais j'ai des soucis avec tous les fichier css de prosilver.
J'ai créer un nouveau dossier avec le nom de mon site j'ai collé tous le contenue du dossier prosilver dedans j'ai modifié les fichier de config pour avec mes identifiant...
Puis j'ai essayé d'insérré mes code css et html dans les fichiers de mon thème phpbb. Mais gros problème tous se décale il y a des bugs et je trouve pas les problèmes.

Voilà la hiérarchie de mon dossier:

Dans le dossier template j'ai modifier le code pour faire quasiment le même genre de system que celui de wordpress "j'ai modifié overall_header.html" http://forum.woftec.com/styles/woftec/template/overall_header.html
Ensuite dans le dossier theme j'ai rajouté deux fichier pour me facilité la tâche j'ai créer un fichier header.css et footer.css et j'ai laissé le common.css
http://forum.woftec.com/styles/woftec/theme/header.css
http://forum.woftec.com/styles/woftec/theme/footer.css "il n'y a rien pour l'instant :D
http://forum.woftec.com/styles/woftec/theme/common.css
http://forum.woftec.com/styles/woftec/theme/reset.css

Voiçi le fichier style de mon blog :
http://woftec.com/wp-content/themes/Avenue/style.css
http://woftec.com/wp-content/themes/Avenue/css/reset.css

Si quelqu'un peu m'aidé merci ou si vous avez besoin d'autre chose pour m'aidé je vous le donnerai.
A oui les fichier header

Le HEADER du blog:
http://woftec.com/wp-content/themes/Avenue/header.txt

Le HEADER du forum:
http://forum.woftec.com/styles/woftec/template/overall_header.txt

Merci d'avance pour votre aide pas besoin de me dire qu'il existe un plugin wp-united j'ai déjà testé et il s'installe pas.
Et oui j'ai déjà lus tous les tutos sur le forum.

Merci de votre aide.
Modifié en dernier par aloisioa le 11 Mai 2012 à 11:48, modifié 3 fois.
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar anywhere91 » 08 Mai 2012 à 22:49

Bonjour / Soir

J'ai supprimé les lignes de codes car trop longue. Je te met les lignes par MP afin que tu puisses les mettre en place sur pastebin par exemple (ou les mettre a dispo par fichier txt)
......Si vous avez plus de 20 lignes de code, enregistrez le dans un fichier texte, envoyer ce fichier texte sur votre FTP et donnez nous un lien pour que nous puissions l'examiner.........
:wink:

Le sujet apportant le plus de réponse est la => modifications-et-recherche-de-styles/sujet190607.html

Cordialement
Image
Avatar de l’utilisateur
anywhere91
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 2844
Enregistré le: 04 Déc 2007 à 19:01
Localisation: Hein ?!? heu !?!

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 13:51

Voilà anywhere91, j'ai corrigé. Merci du renseignement je suis nouveaux ^^. Et tu sais pas si quelqu'un peu m'aider j'arrive vraiment pas. :(
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 16:43

Hello,

Autant déclarer directement la feuille de style de wordpress juste avant celles du forum, tout simplement :
Code: Tout sélectionner
<link rel="stylesheet" href="http://woftec.com/wp-content/themes/Avenue/style.css" type="text/css" />

Tu peux désormais supprimer :
Code: Tout sélectionner
<link href="{T_THEME_PATH}/header.css" rel="stylesheet" type="text/css" title="HEAD" />
<link href="{T_THEME_PATH}/footer.css" rel="stylesheet" type="text/css" title="FOOT" />

Tu n'as pas besoin de modifier la balise body du forum.

Pour la suite, regarde bien la structure du site, voila à quoi ça ressemble grosso-modo :
Code: Tout sélectionner
<div id="wrapper">

	<div class="menu-partenaire-container"></div>
	<div id="search"></div>

	<div id="wrapper-content">

		<div id="header"></div>

		ici le contenu du site, c'est donc sous le bloc header que devront se trouver les éléments du forum :
		<div id="page-header"></div>
		<a name="start_here"></a>

		<div id="page-body"> <!-- overall_header.html -->
		blablabla
		</div> <!-- overall_footer.html -->

		<div id="page-footer"></div>

	</div> <!-- end wrapper-content -->

	<div id="wrapper-footer"></div>

</div> <!-- end wrapper -->

Tu utilises des balises HTML5, voui, mais elles ne sont pas présentes dans le site. Le plus simple est tout de même de rependre le code source sans inventer des trucs :mrgreen:

Le seul problème que tu vas rencontrer, est le sélecteur d'id #navigation qui va se retrouver en double, sépabon mais sépagrav :
  • tu gardes ce sélecteur pour le menu de navigation
  • dans les fichiers mcp_header.html et ucp_header.html, tu modifies <div id="navigation"> par <div id="sushinavigation">
  • dans les fichiers colours.css et cp.css, tu modifies tous les #navigation par #sushinavigation (yen a pas beaucoup ^^)

C'est pas fini, mais quand tu en seras là, il ne devrait rester que quelques ajustements à faire dans le CSS.

:D
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 16:46

Ok merci pour ta réponse je vais essayé tous de suite je te fais savoir quoi.
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 16:49

Ben ya intérêt ! :D
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 17:09

cabot a écrit:Ben ya intérêt ! :D

Il y a un problème, si je déclare directement le fichier style du blog directement dans le forum, les images ne s'afficheront pas.
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 17:13

Si, puisque tu déclares la feuille de style avec son url, donc les images déclarées en chemin relatif seront appelées par rapport à l'emplacement de cette feuille de style. :wink:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 17:16

cabot a écrit:Si, puisque tu déclares la feuille de style avec son url, donc les images déclarées en chemin relatif seront appelées par rapport à l'emplacement de cette feuille de style. :wink:

Ok mais les images ne s'affiche pas
Je fais comment
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 17:18

Tu fais comme je t'ai dit plus haut, dans les premières lignes qui parlent des déclarations CSS.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 17:21

cabot a écrit:Tu fais comme je t'ai dit plus haut, dans les premières lignes qui parlent des déclarations CSS.

Ben oui je l'ai mis, ses sa le problème ^^ j'ai effacé les anciens et j'ai mis le nouveau
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 17:24

Non, tu n'as rien modifié du tout, il y a toujours ces deux lignes :
Code: Tout sélectionner
<link href="{T_THEME_PATH}/header.css" rel="stylesheet" type="text/css" title="HEAD" />
<link href="{T_THEME_PATH}/footer.css" rel="stylesheet" type="text/css" title="FOOT" />

Et pas celle-ci :
Code: Tout sélectionner
<link rel="stylesheet" href="http://woftec.com/wp-content/themes/Avenue/style.css" type="text/css" />

:|
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 17:26

cabot a écrit:Non, tu n'as rien modifié du tout, il y a toujours ces deux lignes :
Code: Tout sélectionner
<link href="{T_THEME_PATH}/header.css" rel="stylesheet" type="text/css" title="HEAD" />
<link href="{T_THEME_PATH}/footer.css" rel="stylesheet" type="text/css" title="FOOT" />

Et pas celle-ci :
Code: Tout sélectionner
<link rel="stylesheet" href="http://woftec.com/wp-content/themes/Avenue/style.css" type="text/css" />

:|

Ah zut je l'ai fais au débuts et puis je fais rétablir et j'ai oublier de le remettre ^^ désolé. On va voir se qu'il se passe mtn. :D

PS: rien n'est centré. Je crois que je dois inclure aussi le fichier reset.css de mon blog?

PS2: Non rien n'a été centré faut peut être modifié le fichier common.css du forum?

PS3: J'ai désactivé dans le fichier stylesheet.css "common.css", le header est centré mais pas le barre de navigation principale, la balise li pars en bas :shock:
Mais tous le contenue est mauvais alors je le réactive je vais voir se qui ne vas pas. http://forum.woftec.com/styles/woftec/theme/common.css
Modifié en dernier par aloisioa le 09 Mai 2012 à 17:38, modifié 1 fois.
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar cabot » 09 Mai 2012 à 17:37

Non, tu n'as pas besoin d'inclure le reset.css, il est importé dans la feuille de style principale du site.

La div <div id="wrapper-content"> est fermée dans le overall_header.html alors qu'elle devrait l'être dans le overall_footer.html juste avant <div id="wrapper-footer">

Il ne faut pas modifier le #wrap en #wrapper dans common.css

Edit : arrête de tout modifier sans savoir ce que tu fais... :mrgreen:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26873
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Intégrer Header, Footer "Wordpress" dans PHPBB3

Messagepar aloisioa » 09 Mai 2012 à 17:45

Voilà j'ai remis le fichier common.css d'origine. Euh pour la fermeture du div wrapper-content je le vois pas dans le overal_header :shock:
Fan de nouvelle Technologie alors visité http://www.woftec.com.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
aloisioa
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 08 Mai 2012 à 20:49
Localisation: Belgique

Suivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités