De l'apparence du mini-connect sur PHPBoost ....
Du comment avoir le même ?
Créations de Thèmes
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
Alors voila, je suis très intéressais par l'apparence graphique du mini module de connexion se trouvant sur la page d'accueil personnalisée du site où nous sommes ... J'ai nommé PHPBoost.
Je le trouve bien mieux que la simple suite des liens en ligne (Profil, Messagerie privée, ect ...) que l'on retrouve sur les différents thèmes qui nous sont proposés et de plus il dispose de l'affichage de l'avatar du profil.
Bref, je souhaiterais obtenir la même chose sur mon thème.
De la question, donc, comment faire ?
Serait-il possible de connaître les codes PHP et CSS à placer et ce dans quels fichiers ?
Et pourquoi ne placez-vous pas ce thème de base modifié avec sa page d'accueil personnalisée en téléchargement avec les autres thèmes ?
Merci d'avance de votre aide.
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
FRED_80 :
Et pourquoi ne placez-vous pas ce thème de base modifié avec sa page d'accueil personnalisée en téléchargement avec les autres thèmes ?
Bonjour,
Ce thème est spécialement développé pour le site, afin que celui-ci possède une identité graphique unique. C'est pourquoi nous ne le proposons pas en téléchargement.
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Reproduire ce menu est vraiment quelques choses de simple.. Si tu connais les bases du HTML et CSS.
C'est un simple menu déroulant en CSS. Tu pourras trouver facilement, un code adapter ici : http://cssmenumaker.com/
J'ai utiliser quelques astuces du style passer les élements <a> en "block" et non "inline".
As tu les bases CSS ?
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
Je comprend que vous ne mettiez pas le thème en téléchargement.
J'ai quelques bases en HTML et CSS, assez loin d'ailleurs, mais je ne suis pas un spécialiste.
Bon, je vais m'essayer à la chose.
Merci quand même.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Puis tu copie ce menu dans le connect_mini.tpl
Après tu copiera les différents codes pour les mettre au bon endroit.
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
J'aimerais avoir le mini-connect à la suite de mon menu, comme sur le site de phpboost.
Je me base sur le thème Actiweb 2 de Myster.
Son menu est créé dans le fichier header.tpl.
Dois-je copier le code de son menu dans le fichier connect_mini ? .... Mais il appartient à phpboost ce fichier, je dois pas y toucher !
Je suppose que je dois donc copier le fichier connect_mini dans le dossier du thème Actiweb 2 ( à l'intérieur d'un dossier créé portant les noms "connect" puis d'un autres nommé "templates" ) avant de le modifier ?
Mais à quel endroit doit-je copier le code du menu ? ... Avant le code du connect_mini ... après ... au milieu d'où ?
Et je suppose également devoir copier le fichier connect_mini.css dans le thème pour pouvoir effectuer les modification d'apparence ?
Donc, lorsque l'on copie un fichier dans un thème, il remplace celui du même nom se trouvant dans les dossiers de phpboost ?
Merci de ton aide en tout cas.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Donc pour le thème actiweb2, il faut effectivement déplacer le menu du header vers le connect_mini.
Après, tu dois doit mettre le code de connexion soit comme le menu, soit en utilisant le principe du float.
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
templates/actiweb2/modules/connect_mini.tpl
Je ne connais pas le principe du float (flottant), en tout cas pas en php ... en CSS oui, mais pas en PHP. C'est quoi ?
Moi, je pensais plutôt que c'était le code du connect_mini.tpl qu'il me fallait placer dans le header.tpl à la suite du menu .... Ça marche pas comme ça ?
Édité par FRED_80 Le 30/03/2013 à 23h42
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
float pour le CSS bien sur
, Soit tu as des élements inline (l'un a coté de l'autre), soit du doit utiliser un float pour mettre des élements block l'un a coté de l'autre.
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
J'ai essayer quelques petites choses, mais cela fait bazar parce que je ne comprend pas bien ce que je fais.
J'ai déjà une question qui me chatouille depuis un moment :
Je ne comprend pas pourquoi c'est le code du menu qui doit aller dans le fichier du connect_mini et pas l'inverse ?
Garder le menu dans le header et y placer le code du connect_mini ça fonctionne pas ?
Ensuite le code du connect_mini .... pour moi c'est du chinois quasiment !
Il faut isoler le code du bouton "s'inscrire" pour qu'il n'apparaisse plus ... C'est pas simple.
Moi pour le moment, je ramme.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Dans le connect_mini.tpl, il y a des élements qui font appelle au module connect.
Tu n'est pas obliger de copier le début du menu dans le connect_mini.tpl.
Si tu veux par exemple mettre ton menu et connect dans le sub_header, il suffit de :
- configurer PBT pour avoir le menu de connexion dans le subheader (/admin/menus/menus.php)
- mettre le menu avant l'appel du subheader dans le header.tpl
Code TPL :
Est-ce plus clair ?
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
Voici ce que j'ai fait, comme tu m'a dit plus haut :
Code TPL :
<div id="sub_header"> <!-- Commencement du menu de navigation principal du site --> <div id='cssmenu'> <ul> <li class='active'><a href='{PATH_TO_ROOT}/'><span>Accueil</span></a> <li class="has-sub"> <a href="#"><span>Navigation</span></a> <ul> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> </ul> </li> <li><a href='#'><span>Navigation</span></a></li> <li class="active"></li> <li class="has-sub"><a href="#"><span>Navigation</span></a> <ul> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> <li><a href="#"><span>Navigation</span></a></li> </ul> </li> <li><a href='#'><span>Navigation</span></a></li> <li class="active"></li> <li class="has-sub"><a href="#"><span>Se connecter</span></a> # IF C_MENUS_SUB_HEADER_CONTENT # {MENUS_SUB_HEADER_CONTENT} # ENDIF # </li> <li><a href='#'><span>Se déconnecter</span></a></li> </ul> <!-- Fin du menu de navigation principal du site --> </div>
J'ai aussi mis les balises <ul> et <li> dans le connect_mini.tpl
Mon menu se retrouve dans le sub-header avec le module connect.
Le module connect n'est pas bien arranger, mais je vais voir ça juste après.
Je voudrais d'abord résoudre un soucis, mon menu n'est plus collé à gauche mais se retrouve décalé vers la droite !
J'ai bien regarder dans le design.css, mais la class sub-header ne contient pas de positionnement en largeur.
D'où peut bien venir cette marge .. Intérieur (padding visiblement), puisque c'est le menu "accueil" qui est décalé dans le bloc ?
Mais dans la class cssmenu, le padding est à 0 !
De plus, les menus "Se connecter" et "Se déconnecter" sont placer à la suite de mon menu (alignement sur la gauche).
Je suppose qu'il me faudra créer une nouvelle class pour les aligner sur la droite ?
Édité par FRED_80 Le 31/03/2013 à 18h07
Shoot Membre non connecté
-
Booster Bazooka
- Voir le profil du membre Shoot
- Inscrit le : 14/08/2012
- Groupes :
j'ai moi même voulu faire le même menu que phpboost et j'y suis arrivé
Je peux si l'équipe phpboost le veux bien passer les fichiers ??
bonne journée
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
C'est ta création shoot, donc l'équipe pbt n'a rien à redire
.@Fred :
Sur Pbt, le menu et le moduel connect sont indépendant. Le menu est aligné à gauche dans son propre div, et le module connect aligné à droite dans son propre div en float:right
ElenWii
FRED_80 Membre non connecté
-
Booster Bazooka
- Voir le profil du membre FRED_80
- Inscrit le : 24/04/2010
- Site internet
@ElenWii :
Il y a donc 2 menus CSS alors.
Un aligné à gauche avec nos liens menus et un autre aligné à droite ne comportant que deux liens avec le connect_mini dedans ?
Édité par FRED_80 Le 31/03/2013 à 18h37
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie