CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Catégories et menu de navigation | |
| bipaya
{ Membre }
Messages : 26
| Bonjour,
----- INTRO -----
Tout d'abord je voudrais remercier la communauté du site car il m'a bien aider pour pas mal de chose pour le forum. Je n'arrive pas vraiment encore à bien comprendre le fonctionnement de forumactif au niveau du code mais j'essaye de m'y faire car j'ai pas l'impression qu'il est possible de faire un code super propre. Bref. -.-
Sinon pour ce qui est du site : http://fat-elite.forumactif.fr/
La largeur du site, les couleurs et tout le css n'est bien sur pas définitif. Par contre c'est bien un forum pour une guilde de guild wars 2 qui me sera utile rapidement pour le recrutement dans un premier temps.
Pour ce qui est des problèmes :
----- MENU -----
Je voudrai savoir si il y a déjà un conteneur pour le menu et si non, ou se trouve le code html du menu pour retirer les éléments que je souhaite et ajouter un conteneur car je n'ai pas trouvé le menu.
----- CATEGORIES -----
J'ai plein de bordures blanches, et je ne trouve vraiment pas comment les retirer. J'ai beau regarder avec firebug il n'y a pas de bordure, et j'ai même essayer des border none en !important au cas où.
----- TITRES DES CATEGORIES -----
J'avoue ne pas avoir cherché sur ce point mais si certains ont des pistes ça m'avancera vraiment. Je souhaite retirer sujet, message et dernier message pour les regrouper à la manière de ce forum http://believe-in-magic.actifforum.com/ .
Merci d'avance pour l'aide.
bipaya | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Salut! Bon, pour le dernier point, il y a déjà des tutos existant: http://www.css-actif.com/t4061-messages-sujets-indiques-au-dessus-du-dernier-message-poste http://www.css-actif.com/t1339-modifier-l-emplacement-du-nombre-de-sujets-messages-d-un-forum (le premier mon semble plus approprié en fonction de ta demande ) Ensuite, pour ce qui est des lignes de tableaux, tu n'as qu'à aller dans INDEX_BOX et trouver cette ligne: - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> et changer le 1 de ''cellspacing" à 0. Ça devrait fonctionner Sinon, assure toi quand dans ton CSS, il n'y a pas de propriété BORDER à la classe FORUMLINE. Pour le menu, voici la partie de code de OVERALL_HEADER: - Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> Comme tu peux le voir, il n'y a qu'une variable pour tous les liens de la barre de navigation, tu ne peux donc pas tout simplement retirer les liens, à part avec du Javascript et je n'ai pas les scripts malheureusement :/ Par contre, tu peux ajouter des liens en allant dans ton panneau, dans général puis dans en-tête et navigation. L'autre option serait de tout simplement retirer la variable du template, et de se faire une barre de navigation ''faite maison'', c'est à dire avec les liens individuels. Aussi, tu peux aller faire un tour dans la section des tutos pour le header, si ça peut te donner des idées quant aux autres options qui s'ouvrent à toi http://www.css-actif.com/f30-structures-du-header Bonne chance! | | |
| | | bipaya
{ Membre }
Messages : 26
| Merci beaucoup pour cette réponse rapide, c'est exactement ce que je cherchais ! Pour le menu je pense supprimer le code javascript, ne serait ce que pour choisir ce que je veux mettre dans le menu, même si je n'ai pas encore décidé quel type de menu j'allais faire pour qu'il aille bien avec le design de la bannière. Bon ben je rego bosser dessus et encore merci. Je vous tiens au courant de mon avancé si ça vous intéresse. bipaya | | |
| | | bipaya
{ Membre }
Messages : 26
| Up !
Encore moi, j'ai 2 petits soucis pour le forum.
-Liste des sujets : http://fat-elite.forumactif.fr/f3-les-professions
Quand je passe dessus ma div change de taille, et je ne vois vraiment pas d'où cela viens. J'ai essayé avec row2 vu que ça passe de row1 à row2 quand on passe la souris dessus mais ça a pas marché.
-Affichage des catégories : http://fat-elite.forumactif.fr/
Sous firefox, pas de soucis, mais sur chrome & IE l'alignement n'est pas le même et je ne vois vraiment pas d’où cela viens.
Merci d'avance.
bipaya
edit : à oui, si on pourrait me dire comment changer tous les liens bleu, j'ai trouvé colormodo et admin mais quand je change dans le css ça ne marche pas :s | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour,
J'ai modifié le titre de ton sujet pour qu'il corresponde à ton problème. A l'avenir, évite les titres du type "besoin d'aide" qui sont trop imprécis et n'aident pas lorsqu'un membre cherche une solution à son problème via la fonction recherche du forum. Pour le reste, nous ne pouvons pas t'aider sans savoir exactement ce que tu as fait : quels sont les codes employés ? Mon estimation est qu'il y a des balises mal fermées dans le lot. Donne nous également un aperçu des problèmes sous Chome et IE u_u' | | |
| | | bipaya
{ Membre }
Messages : 26
| Salut,
J'ai eu beau vérifier dans le code je ne vois pas de balise qui ne sont pas fermées. En fait je me doutais d'où venais le problème mais je ne trouvais pas comment s’appelait la classe css même en utilisant firebug ou en passant sous chrome outil de développement, du coup je pensais que quelqu'un de meilleur que moi aurait trouvé ça facilement. Du coup j'ai résolu tous les derniers problèmes que j'avais du à des pixels en trop et autre.
Il ne me reste maintenant qu'un seul problème que je ne vois pas comment résoudre pour le moment.
Sur ce lien : http://fat-elite.forumactif.fr/f4-reglement
Quand je survole le titre du sujet, la div se rétrécit.
J'ai fait divers test avec .row1 & .row2 en .over, :hover et .over:hover et rien n'y fait.
Si il y a besoin de code pas de soucis, mais je ne sais pas vraiment quelle partie du code poster pour qu'on puisse m'aider alors merci de me l'indiquer.
Merci d'avance.
bipaya | | |
| | | 'Christa
Lostmindy
Messages : 2856
| ... *Va passer sur le sous entendu qu'elle a cru voir* Pourrait-on avoir le code ENTIER de ton template topic_list_box s'il te plait ? Idem pour le CSS.Edit : Bingo, c'est à cause de cette ligne dans le CSS : - Code:
-
.postbody,td.row1 span.gensmall{display:block;text-align:justify!important} Retire le td.row1 span.gensmall (et la virgule juste avant), ainsi que le display:block; qui n'ont aucune raison valable d'être là '_' C'est la deuxième fois que je croise ce code, tu as une idée d'où il vient ? | | |
| | | bipaya
{ Membre }
Messages : 26
| Un énorme merci et on peut mettre résolu. Je n'aurai jamais au grand jamais vérifié ce morceau de code, car j'ai copié quelques codes que je trouvais sympa de ce forum, et ce morceau là proviens de ce sujet. http://www.css-actif.com/t5686-justifier-le-contenu-de-votre-forum
Voili voilou.
bipaya | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Je pourrais classer le sujet, mais je trouve qu'il serait intéressant que soit expliqué la différence entre le code donné ici, qui est : - Code:
-
.postbody { text-align: justify !important; } et le code, quelque peu différent, intégré par Bipaya dans son CSS. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je l'ai mis à jour dans la foulée hier '_' (ya la date) Mais si la question est "pourquoi le code était-il faux"... Hé bien, le td.row1 span.gensmall transformait tous les <span class="gensmall"> à l'intérieur des cellules de classe .row1 en blocs justifiés. Or par défaut, un span est un élément "en ligne" qui s'intègre dans le flux, les transformer tous en blocs avait pour effet de générer des sauts de ligne là où ce n'était pas nécessaire. Là où ça posait problème ici c'est qu'il y avait des span de classe .gensmall sous les titres de sujets : - Code:
-
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> Ils sont destinés à contenir, si nécessaire, la pagination et les dates (?) du calendrier. Quand ce n'est pas nécessaire, comme ce sont des éléments en ligne, ils sont vides et ne prennent pas de place. Par contre, avec le code originellement utilisé, ils étaient transformés en blocs, ce qui générait deux sauts de ligne. L'effet au survol venait du fait que la cellule change de classe (passant de .row1 à .row2 ) quand on la survole. Bref, justifier le contenu des span est une hérésie, d'où la suppression. Et la propriété CSS text-align ne s'appliquant qu'aux blocs de toute façon, le display:block; était de trop. | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Merci 'Christa ! Je classe, donc. Et garde en favori. | | |
| | | Contenu sponsorisé
| | | | | Catégories et menu de navigation | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|