Forum

Bonjour,
 
Je suis aujourd'hui en train de créer un thème pour un serveur de jeu, et certains problème de positionnement s'oppose à moi.
Le premier problème est que j'ai inclus à travers le body.tpl une navbar sur laquelle il y a les liens forum accueil etc.. Et je voudrais inclure la barre de recherche dans la navbar, sauf que je n'est aucune idée de comment m'y prendre.
Ensuite, je fais en sorte que le site soit responsive. Seulement, je voudrais que si l'écran est trop petit pour afficher les colonnes + le main, les colonnes se placent en dessous du main. J'ai donc essayé de les déplacés dans le code, sauf qu'après, le site ne les détecte plus comme des colonnes et mais le width auto pour le main.
Solution ? :P
 
Cordialement, Navalex.

Édité par Navalex Le 26/11/2014 à 14h24

mettre le module search dans un emplacement,
déclarer ta nav bar dans le meme emplacement
adapter ton css pour que les deux aient l'air d'etre ensemble

pour le responsive...

pour l'instant deux voies sont explorées: le display flex et le display table, mais chacun a du pour et du contre

pour ton probleme il faut prendre en compte que la taille du main depend de la presence ou non des menu lateraux qui sont placés devant.
par exemple
div#menu-left + div#main {width:775px}
(= si le menu de gauche est placé devant le main dans le body.tpl et que le menu de gauche est coché dans l'admin alors le main vaut 775px)
div#main {width:auto}
(=sinon le main vaut auto)

du coup si tu déplaces les menus après le main dans le body.tpl, le main vaut auto

 
EDIT:
Bon, je ne sais pas trop si c'est ce que tu m'as expliqué, mais j'ai une idée de comment m'y prendre, seulement j'ai besoin de modifié quelque chose et je ne sais pas comment le modifié.
Je vais donc essayer de faire en sorte que le sub-header soit ma navbar, seulement, les liens de ma navbar (que j'ajouterais en menu de lien dans l'administration), sont sous forme de <li>nom</li> et je vois que le code actuelle est composé en <nav></nav> et beaucoup d'autre chose. Donc où pourrais-je modifié ça ?
 

Édité par Navalex Le 24/11/2014 à 18h10

plop

il faut porter le dossier templates/default/framework/menu/links et son contenu, dans ton thème
comme ceci
templates
--base
--default
--tontheme
-- --framework
-- -- -- menu
-- -- -- -- links

à chaque modif sur un fichier.tpl, il faudra vider le cache du site
perso je me prévois un lien dans un menu qui va directement au cache le temps des modifs

Super je m'occupe de çà dès demain ! Mais maintenant, le site en question est pour une serveur minecraft. Je connais un lien qui retourne true ou false si le username existe sur minecraft ou non. J'aimerais donc faire en sorte que quand jn joueur s'inscrit, le champ détecté en Ajax si la valeur est true ou false. Mais je connais pas trop Ajax encore, et je sais pas où inclure la vérification...

là, faut voir avec un dev

Ok merci
Et j'ai de nouveau un problème
Je suis en train de faire le thème Bootstrap, et je préfère changer les class dans les tpl que de renommer les class de bootstrap. Seulement j'ai un problème car j'ai mis un dropdown dans le module connect, sauf que quand je l'ouvre et qui se referme quand je clic ailleur, il prend le display: none et ne s'affiche plus. J'ai cherché dans les JS de PHPBoost ainsi que les CSS mais je n'est rien trouvé..
La class en question est .dropdown

Pour le .dropdown, ce n'est pas PHPBoost qui est en cause à priori car il y a aucune class de ce nom.

Mais tu ajoute la class ou ?


Par contre, partir sur le remplacement de toutes les classes PHPBoost par celle de bootstrap c'est pas très pratique pour la maintenance et les futurs mises à jours.

Il n'y aurai pas un conflit de javascript ?
tu l'appelles comment le jQuery de bootstrap ?

+1 avec Ewii pour les maj

Pour les majs, et bien je ferais avec, je penses que ce site resteras à cette version (à voir).
Ensuite, j'ai bien l'impression que c'est un conflit js car toutes les animations (tooltip, dropdown, etc..) font disparaitre leur "parents" en disparaissant avec un display: none;
J'ai déclaré jQuery et le fichier bootstrap dans mon frame.tpl en dessous du # INCLUDE JS_BOTTOM #
De cette manière:
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="{PATH_TO_ROOT}/templates/{THEME}/js/bootstrap.min.js"></script>
 
EDIT: Et je modifie les JS directement depuis le thème, donc au pire, il suffira de mettre à jour les nouveautés <img class="smiley" style="vertical-align: middle;" src="../images/smileys/smile.png" alt=":)" />
Surtout que réécrire Bootstrap, je ne vois même pas ça comme un défi, je préfère perdre du temps à mettre à jour le thème plutôt que de recoder bootstrap. Et enfin, on pourra ainsi appliqué des thème trouvés sur le web (Bootswatch par exemple).

Édité par Navalex Le 26/11/2014 à 00h08

Jquery ne peux pas être ajouter dans PHPBoost sans utiliser le no.conflict

à mettre apres ta déclaration Jquery :

Et bien sur du dois remplacer la variable utilisé avec Jquery par $jQ

Ok, mais alors je dois ici remplacer toutes les variables dans le fichier de bootstrap non ?
EDIT: j'ai essayé ça:

Mais toujours le même problème...

Édité par Navalex Le 26/11/2014 à 00h34

Normalement que la fonction d'appel

Bon,
Je viens de vérifier dans le fichier bootstrap.min.js, et il n'y aucune fonction d'appel $(function()); et j'ai même vu à une ligne le jQuery.noconflict !
EDIT: Je viens de trouver le problème, c'est à cause de prototype.js !
Et j'ai trouvé l'issue qui va avec !
Le seul défaut, c'est que quand j'aurais fini cette application de bs sur PHPBoost, ca ne sera pas qu'un thème vu que je modifie des fichiers de base de PHPBoost (top.js)
 
SAUF QUE
J'ai un nouveau problème (encore )
Donc j'ai modifié dans le thème le connect_mini.tpl, et j'ai mis le menu avec les liens pour aller sur son profil dans le panel etc.. dans un dropdown bootstrap. Sauf que il y a un bug dans l'administration qui m'affiche le menu, et je ne peux plus déplacer les objets avec la souris (je dois passer par l'édition), ce qui m'embête un peut :s
 
EDIT2: Quand je regarde dans la console, j'ai ceci maintenant:

Et le fichier top.js n'apparait plus dans le Débogeur...

Édité par Navalex Le 26/11/2014 à 11h50

J'imagine que tu as un soucis dans le top.js

Tu as fais quoi en modification ?

Pour le noconflict, tu n'as pas besoin de toucher à prototype. D'ailleurs je dirais que si tu touche au JS de PHPBoost, il y a de forte chance que plusieurs élements ne fonctionne plus normalement.

ElenWii