Modification tuto Onyx pour mise en forme de catégories

Bonjour, bonsoir !

Je me tourne vers vous ce soir car je suis entrain de revoir entièrement le design d'un forum à l'abandon qui devrait repartir sur le bon pieds... Mais pas sans de jolie couleur ! Pour une fois, je n'ai pas l'intention de trop me compliqué la vie, trouvant mon bonheur assez facilement !

Mais bref, je vous passe les détails et vous expose mon problème.

J'ai utilisé ce tuto : https://www.never-utopia.com/t54042-categories-brunes-images-derriere-le-titre-de-categorie-modifiables

Tout va bien pour la mise en place et la personnalisation. C'est nickel et le rendu est comme je veux, à un détail prés ! Même deux.

Le premier : Je voudrais remonter le titre du forum. Dans l'idéal, il faudrait qu'il soit placé juste au dessus du bloc.
Le second : j'aimerais recouvrir ce même bloc d'une image. Le principe serait le même qu'actuellement à ceci près que l'image ne recouvrirais pas seulement la description du forum, mais tout le bloc, à l'exception du bouton new/old/verouillé. Je voudrais garder précisément les même effet de transition itout.

Voilà, j'espère que je suis clair, sinon, je tenterais de faire un schéma !

Merci à ceux qui pourront m'aider !

Un petit lien : http://valndsealy.forumdefans.com/

A bientôt ^^

Helllo! ^^

alors je vais essayer de t'aider =3

Pour le 1, à .forum_title tu rajoutes ceci:

Code:


  position: relative;
  top: -32px;


Pour le 2, il y a un peu plus de modifications à faire.

À .forum_sous_forums et .forum_lastmess_stats tu rajoutes ceci:

Code:


  position: relative;
  z-index: 2;


À .forum_desc tu supprimes

Code:


  overflow:hidden;


et rajoutes:

Code:


  z-index: 1;


À .forum_desc_img tu modifies les valeurs actuelles à ceci:

Code:


  width: 750px;
  height: 160px;
  left: -83px;
  top: -36px;


Et normalement ça devrait être bon.

tu remarqueras cependant que, malheureusement, du coup, les sous-forums et le dernier message ne sont aps très lisibles. Tu peux alors ajouter un background-color à .forum_sous_forums et .forum_lastmess_stats pour pallier à ceci ^^

Si j'ai mal compris ce que tu voulais, n'hésite pas à me dire! ^w^

Coucou ^^

Alors, déjà merci pour ta réponse ultra rapide !
Ensuite... enfaite, le rendu, c'était pas tout à fait ça, mais en faite, c'est encore mieux avec tes modifications XD !

C'est donc parfait à quelques détails prés !
Déjà, je n'arrive pas à mettre un bg au stat et sous-forum, dans l'idéal, je voudrais la même couleur que celle qui apparaît dans la description du forum, mais là, je sèche ><

Ensuite, en haut du bloc avec l'image, entre le bloc et le titre, il y a une ligne blanche pas très esthétique ><

Et pour finir, même en modifiant l'index, je n'arrive pas à faire en sorte que l'image old/new/verouillé soit par dessus l'image de fond du forum... j'sais pas si j'suis claire là ><

En tout cas, merci pour ton aide !

Pour avoir la même couleur de fond, ce serait :

Rajouter à .forum_sous_forums et .forum_lastmess_stats

Code:

background: rgba(0, 0, 0, 0,8);

Du coup tu devrais ajouter aussi une valeur de color: pour que ce soit lisible =P
Donc ajouter aux deux un truc du genre:

Code:

color: #a3a3a3;

Pour la ligne, c'est que j'ai du me brouter d'un pixel dans le placement de .forum_desc_img.
Du coup à .forum_desc_img tu changes la valeur de top:

Code:

top: -37px;

Et chez moi, l'image old/new/toussa est bien au-dessus

Alors, pour la ligne en haut, c'est bon ^^

Par contre, pour la couleur, ça donne rien du tout ><
Je te met mon code :

Code:

/*Bloc du dernier message et statistiques*/
.forum_lastmess_stats {
  float: left;
  width: 180px;
  height: 78px;
  border: 1px dotted #6e6555;
  text-align: center;
   position: relative;
  z-index: 2;
  color: #a3a3a3;
  background: rgba(0, 0, 0, 0,8);
}

Par contre, pour l'image, c'est étrange >< Je te fais un screen :

background: rgba(0, 0, 0, 0,; --> il faudrait mettre 0.8 et non pas 0,8. C'est de ma faute je me suis trompée ^^"

Pour l'image, rajoute à .forum_old_new_lock_img

Code:

position: relative;

C'est carrément parfait ! Merci beaucoup !

J'ai une dernier question... question de faisabilité, je vais tenter d'être le plus claire possible ><
Est-il envisageable d'avoir une mise en page des catégorie différentes sur l'index du forum et à l'intérieur du forum.

J'entend par la, une fois qu'on a cliqué sur un forum accessible depuis l'index qui ouvre sur d'autre sous forum et se serait la mise en page de ses sous forum qui serait différente... j'suis pas très claire désolé ><

Hmmm, eh bien cela dépend de la mise en forme que tu veux faire.
Si c'est par rapport à l'image de description qui ne doit pas prendre tout le fond, alors oui: dans la description il suffirait de changer la class de l'image pour qu'elle ne soit pas affectée par le changement.

Pour tout ce qui est dans les templates, c'est plus difficile. Possible, mais uniquement en JavaScript, pas en Css.

Bon, au moins, j'ai ma réponse. Je pense que je vais pas me prendre la tête de trop non plus, le JS, c'est pas trop trop mon truc ><

En tout cas, merci pour tes réponses rapide !
Le sujet peut être archivée, j'ai toutes mes réponses ^^

Encore merci !

De rien!