Bonjour à tous,

Je suis en train de refaire tout le forum duquel je suis devenu admin il n'y a pas très longtemps : c'est un forumactif.

Après une longue réflexion, j'ai enfin la vision de ce que je voudrais faire pour mon site (reste juste mes couleurs à choisir) sauf que je ne sais absolument pas par où commencer à coder. Alors j'ai commencé par créer un forum de tests sur lequel je n'ai pas commencé à travailler.

J'ai vu que certains codes étaient présents sur ce forum mais je n'ai pas tout trouvé. ^^

Ce que je veux faire ne me semble pas non être d'une complexité phénoménale (à priori) :
- fond du forum fixe pour mettre une image dont la hauteur s'adapte à la résolution (ex : si j'ai une image qui fait 1200px de haut alors que j'ai une résolution de 1280x1024, seuls les 1024 pixels du haut de l'image s'afficheront. Quand je scroll vers le bas, l'image du fond ne bouge pas). J'en ai juste besoin pour les fonds extérieurs.
- un bandeau de connexion
- un cadre central dont la largeur reste fixe
- des tableaux de catégorie aux bords arrondis.
- remplacer les titres des catégories (au format "texte") par des images.
- remplacer les titres des forums (au format "texte") par des images cliquables (et qui changent de couleur au survol). (je suis un fou ^^)
- rendre cliquable toute une ligne pour entrer dans un forum (genre, même quand on clique dans le vide de la cellule contenant le nombre de messages ou de sujets).
- cerise sur le cadeau (mais je m'en fout si je ne le fais pas tout de suite) : un encadré spécial comme sur http://forum-theme.forumperso.com/ pour faire apparaitre les membres du staffs, présenter le site, mettre quelques liens utiles, un petit champs news.

Voilà, je crois que c'est à peu prêt tout ce que je souhaite personnaliser. ^^

J'ai des bases en programmation mais je n'ai jamais vraiment pratiqué.

J'imaginais pomper le CSS d'un hitskin pour avoir une base de départ. Ceci dit, je ne sais pas si je ne risque pas passer plus de temps à modifier ce code pour faire ce que je veux que de repartir de zéro. Votre avis sur cette question m’intéresse.

Vous savez tout, tous vos conseils sont les bienvenus.

Bonjour Laellyn,

Alors, comme tu l'as dit, dans cette liste il y a plusieurs choses qui sont déjà sur le forum ^^.
Je te conseille de parcourir tous les tutos du forum (ne t'arrête pas juste au nom du topic, certains ont un nom pas super explicite), et pour chacun des points que tu veux modifier de mettre les liens de ce que tu veux faire. Cela te permettra aussi de voir ce qu'il est possible de faire facilement, te donner peut être de nouvelles idées. C'est un travail long et un peu fastidieux mais nécessaire. Les trucs & astuces officielles de FA peuvent aussi t'aider.

Que veux tu dire précisément par "- un bandeau de connexion, - un cadre central dont la largeur reste fixe" ?

Aussi, tu dis avoir des bases programmation, mais as tu des connaissances en HTML CSS ? En effet, pour pouvoir modifier il faut tout de même comprendre à peu près ce que l'on fait ^^

Pour commencer, je m'attaquerai d'abord au fond.

Il va y avoir un gros morceau à penser "tout en même temps" :

Citation :

- des tableaux de catégorie aux bords arrondis.
- remplacer les titres des catégories (au format "texte") par des images.
- remplacer les titres des forums (au format "texte") par des images cliquables (et qui changent de couleur au survol). (je suis un fou ^^)
- rendre cliquable toute une ligne pour entrer dans un forum (genre, même quand on clique dans le vide de la cellule contenant le nombre de messages ou de sujets).

En effet, il se peut que tu commences à modifier les templates pour faire quelque chose, puis pour faire un 3ème truc tu doives tout rechanger... C'est la partie où tu devras penser au résultat final global avant de coder.

Merci de ta réponse Nihil.

Nihil a écrit:

Alors, comme tu l'as dit, dans cette liste il y a plusieurs choses qui sont déjà sur le forum ^^.
Je te conseille de parcourir tous les tutos du forum (ne t'arrête pas juste au nom du topic, certains ont un nom pas super explicite), et pour chacun des points que tu veux modifier de mettre les liens de ce que tu veux faire.

Tu veux dire pour avoir tout sous le coude au moment de coder et ainsi éviter de perdre du temps ?

Nihil a écrit:

Cela te permettra aussi de voir ce qu'il est possible de faire facilement, te donner peut être de nouvelles idées.

Là je ne t'ai pas suivi mais je comprendrais peut être en faisant l'exercice. ^^

Nihil a écrit:

C'est un travail long et un peu fastidieux mais nécessaire Les trucs & astuces officielles de FA peuvent aussi t'aider.

Merci ! =)

Nihil a écrit:

Que veux tu dire précisément par "- un bandeau de connexion, - un cadre central dont la largeur reste fixe" ?

Ah non pas du tout. XD Je n'ai pas été clair dans ma description. En fait c'est un truc tout bête : tu sais, c'est le bandeau en haut de page qui reste fixe (et toujours visible dans mon cas). Il permet d'accéder à des menus du genre : recherche, connexion, déconnexion...

Nihil a écrit:

Aussi, tu dis avoir des bases programmation, mais as tu des connaissances en HTML CSS ? En effet, pour pouvoir modifier il faut tout de même comprendre à peu près ce que l'on fait ^^

Un petit peu de connaissance en html mais... un verni quoi

Nihil a écrit:

Il va y avoir un gros morceau à penser "tout en même temps" :

Citation :

- des tableaux de catégorie aux bords arrondis.
- remplacer les titres des catégories (au format "texte") par des images.
- remplacer les titres des forums (au format "texte") par des images cliquables (et qui changent de couleur au survol). (je suis un fou ^^)
- rendre cliquable toute une ligne pour entrer dans un forum (genre, même quand on clique dans le vide de la cellule contenant le nombre de messages ou de sujets).

En effet, il se peut que tu commences à modifier les templates pour faire quelque chose, puis pour faire un 3ème truc tu doives tout rechanger... C'est la partie où tu devras penser au résultat final global avant de coder.

Donc tu me suggèrerais de ne pas partir des templates ?

Fuck, moi qui espérais pas trop devoir me pencher dans tous les moindres détails. ^^

En fait, regarder les tutos ne prend pas si longtemps que ça (tu ouvres chaque tuto, tu regardes la description, le rendu, et là tu verras tout de suite si OUI / NON.

Voir ainsi les tutos te permettra d'avoir une meilleure idées des modifications possibles sur ForumActif, et te donnera peut être de nouvelles idées de modification au passage

Ma phrase n'était pas claire, je voulais dire que veux tu dire par "un bandeau de connexion" et par "un cadre central dont la largeur reste fixe" ?
En fait, bandeau de connexion = la barre de navigation, c'est ça ?

Je ne te conseille pas de commencer par les templates pour l'affichage des catégorie (car tu veux y toucher plusieurs choses). Avant de toucher un template, il vaut mieux avoir une idée précise de ce que l'on veut faire.

Je te conseille de toucher à la barre de navigation, ou encore au fond, ce sont des choses rapides et pas trop compliquées.

Quand sera venu le moment de faire toutes les modifications de l'affichage des catégories, si tu le souhaites, tu peux faire un schéma de ce que tu souhaites, venir poster ici comment tu penses le faire (par exemple si tu as trouvé un tuto pour t'aider), et on pourra comme ça te dire si tu pars dans la bonne direction ^^.

Nihil a écrit:

En fait, regarder les tutos ne prend pas si longtemps que ça (tu ouvres chaque tuto, tu regardes la description, le rendu, et là tu verras tout de suite si OUI / NON.

Voir ainsi les tutos te permettra d'avoir une meilleure idées des modifications possibles sur ForumActif, et te donnera peut être de nouvelles idées de modification au passage

En réalité j'avais fait cet exercice juste après m'être inscrit. ^^ Ca m'avait donné quelques idées mais surtout je m'étais dit que sans structure de base j'étais so fuckin dead. ^^

Nihil a écrit:

Ma phrase n'était pas claire, je voulais dire que veux tu dire par "un bandeau de connexion" et par "un cadre central dont la largeur reste fixe" ?
En fait, bandeau de connexion = la barre de navigation, c'est ça ?

Yes. J'aimerais le personnaliser car celui par défaut dans forumactif ne me plaît pas.

Concernant le "cadre central" je faisais référence à :

Nihil a écrit:

Je ne te conseille pas de commencer par les templates pour l'affichage des catégorie (car tu veux y toucher plusieurs choses). Avant de toucher un template, il vaut mieux avoir une idée précise de ce que l'on veut faire.

Je sais ce que je veux mais je ne sais pas comment le faire ^^

Nihil a écrit:

Je te conseille de toucher à la barre de navigation, ou encore au fond, ce sont des choses rapides et pas trop compliquées.

Quelle base de travail tu me suggèrerais de prendre ? Je pars d'une feuille blanche pour l'instant.

Nihil a écrit:

Quand sera venu le moment de faire toutes les modifications de l'affichage des catégories, si tu le souhaites, tu peux faire un schéma de ce que tu souhaites, venir poster ici comment tu penses le faire (par exemple si tu as trouvé un tuto pour t'aider), et on pourra comme ça te dire si tu pars dans la bonne direction ^^.

Merci ^^ En réalité ce crois que j'aurais besoin d'un petit coup de pousse au démarrage. =) Mais je peux faire un dessin de ce que j'imagine (avec des couleurs de merde et des images / bannières à la con).

Pour définir la largeur du "cadre central" : http://forum.forumactif.com/t13000-taille-de-votre-forum

Pour la barre de navigation, il y a pas mal du tuto sur le sujet sur CSSActif ^^

Pour le template je ne te conseille pas d'avancer à l'aveuglette . Il vaux mieux lire quelques tutos avant (ainsi que la partie décryptage des template pour le template auquel tu veux toucher)

Hello Nihil et merci de me répondre.

Nihil a écrit:

Pour définir la largeur du "cadre central" : http://forum.forumactif.com/t13000-taille-de-votre-forum

Je connais l'interface admin mais la taille reste fixe en %... pas en pixels. Du coup sur des écrans larges cela va étendre la largeur du forum... et c'est trop moche. ^^ Moi je voulais définir une taille fixe pour ce cadre en pixels dans la CSS. Comme ça je peux garder toujours les mêmes dimensions à l'intérieur du cadre... intérieur. Les images que je vais utiliser ne subiront donc aucune modification puisque le cadre intérieur gardera toujours les mêmes dimensions. Ça évite aussi les bannières qui bavent sur le fond en sortant du cadre lorsque la fenêtre de nav' n'est pas en full screen.

Nihil a écrit:

Pour la barre de navigation, il y a pas mal du tuto sur le sujet sur CSSActif ^^

Oui je sais mais... je vais devoir copier un code CSS dans une feuille vide : ça va marcher ? ^^

Nihil a écrit:

Pour le template je ne te conseille pas d'avancer à l'aveuglette . Il vaux mieux lire quelques tutos avant (ainsi que la partie décryptage des template pour le template auquel tu veux toucher)

Ok j'irai voir cette partie.

Citation :

Je connais l'interface admin mais la taille reste fixe en %... pas en pixels.

Si justement . On peut mettre en pixel ou en pourcentages. Exemple sur mon forum

Citation :

Oui je sais mais... je vais devoir copier un code CSS dans une feuille vide : ça va marcher ? ^^

Oui oui ça va marcher... Les tutos sont fait pour les débutants, y a pas de trucs cachés

Coucou,

Laellyn a écrit:

Je connais l'interface admin mais la taille reste fixe en %... pas en pixels.

epic fail XD

Je viens d'aller faire un rapide tour du listing des trucs & astuces. Excellent lien, je le garde bien au chaud dans ma toolbox : merci.

J'ai regardé pas mal de tutos. Grâce à eux, j'ai découvert deux parties du PA dans lesquelles je n'avais pas mis le nez... allez, je le dis même si j'ai honte :
- "Affichage" > "Templates"
- "Affichage" > "images et couleurs" > "Couleurs" > "Feuille de style CSS" (elle était là !!!)

Voici où j'en suis pour le moment :

Act #1 :

1) PRÉPARATIFS:
- J'ai laissé le skin par défaut (tout moche). :'(
- J'ai dégagé la toolbar forumactif (que je confondais avec la barre de navigation)
- J'ai remplacé la bannière par défaut (le "logo") par une image vide parce que vraiment c'était trop m... enfin, you know what.

2) TAILLE DU FORUM:
- J'ai fixé la taille de mon forum de test à 1000 (je suppose que c'est des pixels) et je pense que cette taille est bien pour toutes les résolutions d'écran. Vous en pensez quoi ?

3) BARRE DE NAVIGATION:
- Barre de navigation accrochée en haut de la fenêtre.
- Supprimer totalement les images de la barre de navigation.
- ajout d'une background-color, d'une height et des arrondis dans la classe .navi.

Code:

.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 1000px;
background-color: #FFFFFF;
height: 25px;
-webkit-border-bottom-right-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}

PS : au début j'avais collé les codes à ajouter en bas de la feuille CSS. Pour faire plus propre j'ai regroupé ces codes dans les bonnes classes quand elles existaient déjà (mainmenu pour la barre de navigation).

4) BANNIÈRE ET FOND:
- Profiter d’une bannière de fond ET d’un fond.
- sur le body j'ai passé le margin à 30 px (temporaire le temps de choisir les images)
- image de fond fixe : dans le body j'ai mis le background-attachment à la valeur "fixed"
=> Je ne sais pas si je garderai cette structure.

Résultat intermédiaire:
- Forum de test (moche) : ici

Questions en vrac:

• J'aimerais centrer la barre de navigation sans avoir à mettre des balises center dans le code du header. Comment puis-je faire ?
  
• Lorsque je mets la valeur "none" sur le text-decoration dans le block ci-dessous, ça ne change rien du tout. Le texte reste souligné au survol. XD qué passà ?
  

  Code:

  a.mainmenu:hover{
   text-decoration: underline;
   }

• Quand j'enregistre mes modifications dans la feuille CSS à la fin de l'étape 4, j'ai un message d'erreur. J'ai contrôlé mes ajouts modifications (yen a pas des tonnes non plus donc ça va vite) et je ne vois aucun oubli de "{" ou "}". Je ne sais pas d'où vient ce message d'erreur, vous avez une idée ?
  

  Citation :

  Erreur détectée
  Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
  
  Nous vous conseillons de relire votre code.

• Je suis en PHPBB2 : tu me recommanderais de partir sur du PhpBB2, BB3, Invision ?
  
• Comment puis-je faire pour appliquer un style (changement de couleur au survol par exemple) sur ma classe navi ? celle-ci a été déclarée de la façon suivante dans mon header :
  

  Code:

  <td align="{MENU_POSITION}"{MENU_NOWRAP}><span class="navi">{GENERATED_NAV_BAR}</span></td>

• Dans la feuille de style CSS j'ai ajouté la ligne : display:none; dans la class .gen (pour ne plus voir la description du forum). Sauf que ça enlève aussi le lien vers le panneau d'admin. :-/ Comment faire proprement ?
  
• Quelle est la suite du programme ?
  

Toolbox (pour plus tard) :
- Personnaliser totalement la barre de navigation. (attention j'ai mis le a.mainmenu img {display:none;})
- Les trucs & astuces officielles de FA
- Pour les arrondis

Citation :

- J'ai fixé la taille de mon forum de test à 1000 (je suppose que c'est des pixels) et je pense que cette taille est bien pour toutes les résolutions d'écran. Vous en pensez quoi ?

1000 c'est pas mal ^^. Ca dépend du rendu que tu veux donner. Il y a 2 ou 3 ans les gens mettaient souvent 960px, là on en voit de plus en plus des fins (850px). Chacun ses gouts ^^

Citation :

PS : au début j'avais collé les codes à ajouter en bas de la feuille CSS. Pour faire plus propre j'ai regroupé ces codes dans les bonnes classes quand elles existaient déjà (mainmenu pour la barre de navigation).

J'ai pas compris du tout là O__0

Citation :

J'aimerais centrer la barre de navigation sans avoir à mettre des balises center dans le code du header. Comment puis-je faire ?

Chez moi c'est déjà centré...

Citation :

Lorsque je mets la valeur "none" sur le text-decoration dans le block ci-dessous, ça ne change rien du tout. Le texte reste souligné au survol. XD qué passà ?

Quand je regarde ton forum test, il y a toujours la valeur "underline" pour le text-decoration dans le CSS.

Citation :

Quand j'enregistre mes modifications dans la feuille CSS à la fin de l'étape 4, j'ai un message d'erreur. J'ai contrôlé mes ajouts modifications (yen a pas des tonnes non plus donc ça va vite) et je ne vois aucun oubli de "{" ou "}". Je ne sais pas d'où vient ce message d'erreur, vous avez une idée ?

Il doit y avoir un petit problème quelque part, est ce que tu peux copier / coller le CSS ?

Citation :

Je suis en PHPBB2 : tu me recommanderais de partir sur du PhpBB2, BB3, Invision ?

Reste sur phpbb2, c'est le plus facile à utiliser dans le sens où c'est pour celui là que sont fait presque tous les tutos

Citation :

Comment puis-je faire pour appliquer un style (changement de couleur au survol par exemple) sur ma classe navi ?

Le survol se gère en CSS avec le ":hover". Voir ce tutoriel pour les explications. (Grâce à ton navigateur tu recherches "hover" dans la page pour y accéder directement).

Citation :

Dans la feuille de style CSS j'ai ajouté la ligne : display:none; dans la class .gen (pour ne plus voir la description du forum). Sauf que ça enlève aussi le lien vers le panneau d'admin. :-/ Comment faire proprement ?

J'ai pas trop compris ce que tu cherches à faire. Mais si tu mets les descriptions vides, normalement elles ne s'affichent pas.

J'ai pas mal joué ce soir, et ça commence à prendre forme même si j'utiliserai pas ce fond, ni cette bannière, ...
Tu en penses quoi ?
Mon image de fond fait 630ko, n'est-ce pas un peu trop ?

Nihil a écrit:

Citation :

- J'ai fixé la taille de mon forum de test à 1000 (je suppose que c'est des pixels) et je pense que cette taille est bien pour toutes les résolutions d'écran. Vous en pensez quoi ?

1000 c'est pas mal ^^. Ca dépend du rendu que tu veux donner. Il y a 2 ou 3 ans les gens mettaient souvent 960px, là on en voit de plus en plus des fins (850px). Chacun ses gouts ^^

J'aime autant que ça soit large, les gens écrivent de gros pavés sur mon fourm. Ok, taille validée ! Merci.

Citation :

Citation :

PS : au début j'avais collé les codes à ajouter en bas de la feuille CSS. Pour faire plus propre j'ai regroupé ces codes dans les bonnes classes quand elles existaient déjà (mainmenu pour la barre de navigation).

J'ai pas compris du tout là O__0

Pas grâve, je n'ai pas été très clair mais ce passage est sans importance. ^^

Citation :

Citation :

J'aimerais centrer la barre de navigation sans avoir à mettre des balises center dans le code du header. Comment puis-je faire ?

Chez moi c'est déjà centré...

Oui j'ai trouvé les trucs pour y parvenir entre temps. J'ai fait comme ça :

Code:

.navi {
border:2px #000000 solid;
margin-left:-500px;
left:50%;
position: fixed;
top: 0px;
z-index: 999;
width: 1000px;
background-color: #FFFFFF;
height: 25px;
-webkit-border-bottom-right-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}

Citation :

Citation :

Lorsque je mets la valeur "none" sur le text-decoration dans le block ci-dessous, ça ne change rien du tout. Le texte reste souligné au survol. XD qué passà ?

Quand je regarde ton forum test, il y a toujours la valeur "underline" pour le text-decoration dans le CSS.

Je viens de refaire le test. C'est comme si mon CSS s'en foutait de ce que je mettais.

Code:

mainmenu{
 font-size : 11px;
 color : #000000 }
a.mainmenu{
 text-decoration: none;
 color : #006699;
 padding-left:4px;
 padding-right:4px;
 }
a.mainmenu:hover{
 text-decoration: none;
 color : #dd6900;
 }
a.mainmenu img {
 display:none;
 }

Citation :

Il doit y avoir un petit problème quelque part, est ce que tu peux copier / coller le CSS ?

J'aimerais bien mais le forum me dit que mon message est trop gros. ^^ Je peux le mettre dans un topic de mon forum de test si tu veux. Qu'en penses-tu ?

Citation :

Reste sur phpbb2, c'est le plus facile à utiliser dans le sens où c'est pour celui là que sont fait presque tous les tutos

Parfait

Citation :

Le survol se gère en CSS avec le ":hover". Voir ce tutoriel pour les explications. (Grâce à ton navigateur tu recherches "hover" dans la page pour y accéder directement).

Merci beaucoup. je regarderai ça demain.

Citation :

J'ai pas trop compris ce que tu cherches à faire. Mais si tu mets les descriptions vides, normalement elles ne s'affichent pas.

Je voulais que la description du forum ne s'affiche plus. Pour y parvenir j'ai dû éditer le header et mettre en commentaire la partie relative à la description du forum.

Que du bonheur. J'ai mis une bannière en plus de ma bannière de fond (pour voir le rendu). Du coup, j'imaginais que cette bannière allait être collée au cadre du forum. Évidemment... c'était pas le cas. XD

Cause trouvée dans le header : une balise br et un vspace. J'ai donc modifié mon header de cette façon :

Code:

<td align="center" width="100%" valign="middle">
 <!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a>
 <br />
 <!-- END switch_logo_center -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <!--<br />
 <span class="gen">{SITE_DESCRIPTION}<br />  </span>-->
 </td>

Cependant, j'ai toujours un problème puisque mon image de fond ne s'affiche pas derrière ma bannière de fond. Là je cale.

Concernant la barre de navigation je n'arrive toujours pas enlever le souligné avec le hover. C'est parce qu'il s'agit d'un lien ?

Pour le border-radius, il n'y a plus besoin de mettre tous les préfixes -moz-, -webkit-, etc. Maintenant ça marche avec juste "border-radius".

Pour les liens, il y a un truc qui fait que ça marche pas, je sais pas trop pourquoi... Essaye comme ça :
text-decoration: none!important;

Ah... Tu parlais de la description du forum XD. Je croyais tu parlais des descriptions des forum x).

Citation :

Il doit y avoir un petit problème quelque part, est ce que tu peux copier / coller le CSS ?
J'aimerais bien mais le forum me dit que mon message est trop gros. ^^ Je peux le mettre dans un topic de mon forum de test si tu veux. Qu'en penses-tu ?

Oui, essaye ^^. Tu as écris autant de CSS que ça O0 ?

Nihil a écrit:

Pour le border-radius, il n'y a plus besoin de mettre tous les préfixes -moz-, -webkit-, etc. Maintenant ça marche avec juste "border-radius".

cool

Citation :

Pour les liens, il y a un truc qui fait que ça marche pas, je sais pas trop pourquoi... Essaye comme ça :
text-decoration: none!important;

ça change tout. Merci

Citation :

Ah... Tu parlais de la description du forum XD. Je croyais tu parlais des descriptions des forum x).

Moi pas parler même dialecte que toi mais nous arriver à nous comprendre quand même. ^^

Citation :

Oui, essaye ^^. Tu as écris autant de CSS que ça O0 ?

J'ai injecté le code de base (via le petit bouton prévu pour) et il m'a balancé 2500 lignes... XD
Le css est accessible ici => http://tplimite.forumactif.org/t2-feuille-css. Normalement tu as accès en lecture.

J'ai essayé plein de trucs pour avoir des jolis boutons dans la barre de navigation sans avoir à mettre d'image mais je n'y arrive pas. J'ai créé un block dans le a.mainmenu. Et impossible de centrer les boutons autrement qu'en foutant un marging. Résultat c'est moche car le marging s'applique à tous les boutons.

Dans le même rayon, j'ai essaye de mettre un background-image avec linear-gradient et... ça ne fonctionne pas du tout.
Bref, cette barre de navigation me donne du fil à retordre.

Ca serait pas une petite erreur de mettre la classe navi en span plutôt qu'en div ?

Si tu vois des trucs bizarres dans ma feuille CSS je veux bien que tu m'en fasses part.

Tu as cliqué sur "Voir le CSS de base de votre forum", non ? Puis tu as tout mis dans ton CSS... Pas besoin. Il suffit juste de mettre les éléments que tu veux personnaliser. C'est bien plus simple !

Citation :

J'ai essayé plein de trucs pour avoir des jolis boutons dans la barre de navigation sans avoir à mettre d'image mais je n'y arrive pas. J'ai créé un block dans le a.mainmenu. Et impossible de centrer les boutons autrement qu'en foutant un marging. Résultat c'est moche car le marging s'applique à tous les boutons.

Je comprends pas trop ce que tu cherches à faire exactement, tu pourrais expliquer différemment ?

Pour les dégradés : http://www.colorzilla.com/gradient-editor/

Nihil a écrit:

Tu as cliqué sur "Voir le CSS de base de votre forum", non ? Puis tu as tout mis dans ton CSS... Pas besoin. Il suffit juste de mettre les éléments que tu veux personnaliser. C'est bien plus simple !

Bon alors j'ai supprimé le "superflu" et je n'ai plus d'erreur. Faut-il s'inquiéter du fait qu'il y ait une erreur de "{}" dans le code CSS de base ?

Citation :

Je comprends pas trop ce que tu cherches à faire exactement, tu pourrais expliquer différemment ?

En image c'est toujours plus clair :

Spoiler:

ou encore mieux ...

Spoiler:

J'ai réussi à faire quelque chose qui s'approche de ce que je veux. :)Pour les menus déroulants il y a un tutos sur ce site. Je creuserai cette question plus tard. En fait j'étais embêté car j'avais vu sur un tuto qu'il fallait que je mettes un block dans mon a.mainmenu. Je l'ai dégagé et maintenant les choses fonctionnent nettement mieux.

Citation :

Pour les dégradés : http://www.colorzilla.com/gradient-editor/

Oui j'avais trouvé ce site hier, mais quand je mets le code, ça ne rend rien du tout. Comme si la commande linear-gradient n'était pas reconnue. Je n'arrive pas à comprendre.
EDIT je viens de faire un test avec juste ce morceau de code :

Code:

background: linear-gradient(red, blue);

Et là ça fonctionne. :-s
Sauf que je suppose que ça marche pas sur tous les navigateurs. On dirait que c'est lié au fait que la nouvelle syntaxe ne soit pas supportée :
l'ancienne syntaxe fonctionne et pas la nouvelle.

Je viens de me rendre compte que les propriétés de mon main menu sont appliquées à d'autres éléments que ceux présents dans ma barre de navigation :
- préférences
- signature
- avatar
... bref, tout ce qui est dans le menu d'édition du profile.

Résultat, c'est tout moche. Je crois qu'il va me falloir retoucher au over_all header pour régler ce problème.

Code:

Faut-il s'inquiéter du fait qu'il y ait une erreur de "{}" dans le code CSS de base ?

Hum, je pense qu'au copier / coller dans la zone de CSS, tout ne doit pas entrer tellement il y en a, ça peut être une raison. Mais sinon, non, tu n'as pas à t’inquiéter

Pour ton CSS qui s'applique aussi dans "Profil", c'est tout simplement par ce que les liens là bas ont aussi la class mainmenu.
Il suffit d'aller dans ton CSS pour ta barre de navigation et mettre :

Code:

.navi a.mainmenu { /* ton code css ici */ }

Ah ! super merci pour le code.

Dis, j'aimerais avoir ton opinion si tu peux aller jeter un oeil à mon forum de test. Tu penses quoi du fait de mettre une image de fond fixe (comme j'ai fait) ? Je ne sais pas si c'est un bon choix...

Est-ce qu'il n'est pas plus agréable d'avoir une image de fond dans le header et une autre dans le footer ? J'ai regardé tellement de forums que je suis totalement perdu et ne sais plus ce que je veux faire. ^^

Pour ma part, j'aime bien les 2, que ce soit les fonds fixes ou bien les bannières ^^. Du coup, compliqué de trancher xD. Là comme c'est actuellement j'aime bien

Un truc que je te conseille "esthétiquement", c'est de rajouter ce code CSS pour décoller légèrement le bas du forum. Personnellement je préfère comme ça x)

Code:

.bodylinewidth {
    margin-bottom: 15px;
}

Pour tout conseil de code, je t'invite à aller dans la partie "Aide CSS & HTML", ça permet premièrement de bien tout ranger, mais aussi et surtout de permettre aux personnes qui rencontreront à l'avenir un problème similaire de pouvoir trouver les post avec la fonction "Rechercher"

Merci de ton aide et de ton avis. Du coup j'ai créé un sujet dans "Aide CSS" comme tu me l'as suggéré.

Hello.
Je dois être trop con, j'arrive pas à mettre un javascript (celui là par exemple : ici. XD

J'ai suivi ce tuto mais ça ne fonctionne pas : http://forum.forumactif.com/t326843-chargement-de-script-externe

Qu'est-ce que j'ai râté ?

Tu pourrais expliquer ton "ça ne fonctionne pas"... La partie JS ne fonctionne pas ?

As tu bien vérifié l'activation du JS ? Pour quelles pages ton code se mettait ?

Pour l'exemple précis, peut tu me fournir l'URL de ton JS + l'URL de la page de ton forum où cela devrait normalement marcher ^^ ?

Nihil a écrit:

Tu pourrais expliquer ton "ça ne fonctionne pas"... La partie JS ne fonctionne pas ?

As tu bien vérifié l'activation du JS ? Pour quelles pages ton code se mettait ?

Pour l'exemple précis, peut tu me fournir l'URL de ton JS + l'URL de la page de ton forum où cela devrait normalement marcher ^^ ?

Hello.

Merci de ton aide. ^^

Ce qui ne fonctionne pas c'est la fonction portée par ce javascript : la sauvegarde automatique de la saisie des messages. C'est comme si je l'avais mal implémenté ou qu'il n'était pas appelé.
Pour vérifier, j'ai fait le test en tapant un message dans un sujet de circonstance et en faisant F5. Pas de bol, le message était perdu. =)

Est-ce que j'ai les url des js ? Malheureusement non. Comme je n'arrivais pas à le faire fonctionner, j'ai tout supprimé.

De mémoire :
1. J'avais créé une page html à la con dans le module de gestion des pages html. Dans cette page, j'avais collé bêtement le code js donné dans le tuto.
2. Ensuite, j'ai récupéré l'url de cette page pour la mettre dans un nouveau js créé via le module de gestion des js. le code était le suivant

Code:

var html_script_page= "/h1-scripts"; /*où /h1-scripts est l'url de ma page html à la con ^^ */
$(function(){$.getScript("//js01.fra.co/11000.js")}); /* ligne donnée par FA dans leur tuto, j ai donc laissé tel quel */

3. j'ai demandé à ce que ce nouveau script soit appliqué sur toutes les pages.
4. "Activer la gestion des codes Javascript" : oui
5. Comme ça marchait pas, j'ai fait un truc en plus : PA > général > moteurs de recherche. Et j'ai ajouté l'url de mon js dans les "Balises supplémentaires"... epic fail.

Si j'ai bien compris, tu es allé essayer de faire ceci : http://forum.forumactif.com/t326843-chargement-de-script-externe

Ouille ouille ouille... Pourquoi n'as tu pas simplement suivi le tutoriel ? http://www.css-actif.com/t13976-phpbb2-sauvegarde-des-posts-en-cours-d-ecriture

Nihil a écrit:

Si j'ai bien compris, tu es allé essayer de faire ceci : http://forum.forumactif.com/t326843-chargement-de-script-externe

Ouille ouille ouille... Pourquoi n'as tu pas simplement suivi le tutoriel ? http://www.css-actif.com/t13976-phpbb2-sauvegarde-des-posts-en-cours-d-ecriture

Bah... en fait je n'avais pas bien compris où coller le code (dans l'overall_header ? dans la gestion des js ? ailleurs ?) XD alors j'ai cherché des tutos pour essayer de comprendre par moi même. Mais je n'ai pas réussi à obtenir de résultat. Du coup, je ne sais toujours pas où mettre ce js. ^^