Centrer verticalement noms des forums et descriptions

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Ven 28 Fév 2014 - 15:57

Bonjour à tous,
Après avoir passé un peu de temps à chercher ici même la solution à mon problème ( dont je suis quasi sûr qu'elle existe déjà, mais que je ne trouve pas... ), je viens vous l'exposer directement :
J'essaie de centrer verticalement les noms de mes forums et leur descriptions, chose qui se fait automatiquement pour certains, mais pas pour d'autres !
Je vous montre l'image :

Spoiler:

Si vous avez une solution, je m'en remets à votre savoir !
Merci d'avance pour le temps que vous m'accorderez !


Dernière édition par YokoKlinge le Lun 3 Mar 2014 - 19:14, édité 1 fois

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par demeter1 le Ven 28 Fév 2014 - 17:22

A tester

Code:
a.forumlink:link {
vertical-align : middle;
}

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Ven 28 Fév 2014 - 18:04

@demeter1 a écrit:A  tester

Code:
a.forumlink:link {
vertical-align : middle;
}

Alors, tout d'abord merci pour cette réponse rapide !
Je pense aller au bon endroit pour modifier le code :
- Affichage - Templates - Général - Index_box

Mais même en modifiant le code, ça ne fonctionne toujours pas, et autre curiosité, j'ai mis la valeur par défaut, et là, tous mes noms de forums + leur descriptions sont remontés comme ceux qui ne sont "pas bien" sur mon screen du 1er post !
Une solution ?

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par Kinotto le Ven 28 Fév 2014 - 19:23

Bonsoir,

Le code donné par demeter1 est à insérer dans Affichage > Couleurs > feuille de style CSS. Wink
Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Ven 28 Fév 2014 - 19:44

Nightmare. ♕ a écrit:Bonsoir,

Le code donné par demeter1 est à insérer dans Affichage > Couleurs > feuille de style CSS. Wink
Cordialement.

Haaa, d'accord ! ^^
Alors c'est super gentil de vouloir m'aider, et je vous remercie vous deux !
Mais y'a-t-il quelqu'un de plus pédagogue ici ? Comme vous l'aurez compris je ne suis pas expert en CSS & co, et je voudrais savoir avec exactitude où insérer la ligne de code dans la feuille de style !

Je vais être plus précis, c'est peut-être de ma faute...
Où dois-je insérer :
Code:
        a.forumlink:link {
        vertical-align : middle;
        }
Dans ça :
Code:
        /*--- Cette partie correspond à la description du forum ---*/
        .forum-description {
           margin: auto;
              padding: 10px;
              color: #000000;
              width: 80%;
              border: 3px solid #000000;
              -moz-border-radius: 14px;
              -webkit-border-radius: 14px;
              font-size: 12px;
        }
       
        /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
        .forum-stats {
              -moz-border-radius-topleft: 20px;
              -moz-border-radius-topright: 20px;
              -webkit-border-top-right-radius: 20px;
              -webkit-border-top-left-radius: 20px;
              border-top-right-radius: 20px;
              border-top-left-radius: 20px;
              border-bottom: 0 none !important;
              border-left: 3px solid #000000;
              border-right: 3px solid #000000;
              border-top: 3px solid #000000;
              color: #000000;
              font-size: 11px;
              font-style: italic;
              height: 14px;
              left: 280px;
              padding: 3px;
              position: relative;
              text-align: center;
              width: 200px;
        }
       
        /*--- Cette partie correspond à l'affichage des sous-forums ---*/
        .forum-sousforum {
              color: #000000;
              border: 3px solid #000000;
              border-top: 0px !important;
              -moz-border-radius-bottomleft: 14px;
              -moz-border-radius-bottomright: 14px;
              -webkit-border-bottom-right-radius: 14px;
              -webkit-border-bottom-left-radius: 14px;
              border-bottom-right-radius: 14px;
              border-bottom-left-radius: 14px;
              margin: auto;
              padding: 4px;
              color: #000000;
              width: 50%;
              text-align: center;
              height: 14px;
              font-size: 11px;
        }

Merci d'avance pour toutes vos réponses aussi constructives et précises. Votre aide m'est précieuse.

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par demeter1 le Ven 28 Fév 2014 - 19:59

Le code est effectivement à insérer dans la feuille de style.

Nighmare vous a donné le chemin :
Panneau d'administration>Affichage > Couleurs > feuille de style CSS

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Ven 28 Fév 2014 - 20:16

@demeter1 a écrit:Le code est effectivement à insérer dans la feuille de style.

Nighmare vous a donné le chemin :
Panneau d'administration>Affichage > Couleurs > feuille de style CSS

Merci !
Pardonnez-moi mon ignorance, mais vu que je ne suis novice en la matière, et n'ayant pas plus de précision de votre part, j'ai donc copier et coller le code que vous m'avez soumis à la racine de la feuille de style, hélas, rien ne se produit sur mon forum. Merci tout de même de m'avoir répondu.

« Un demi savoir est pire que de ne rien savoir du tout. »

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Ven 28 Fév 2014 - 23:44

@YokoKlinge a écrit:
@demeter1 a écrit:Le code est effectivement à insérer dans la feuille de style.

Nighmare vous a donné le chemin :
Panneau d'administration>Affichage > Couleurs > feuille de style CSS

Merci !
Pardonnez-moi mon ignorance, mais vu que je ne suis novice en la matière, et n'ayant pas plus de précision de votre part, j'ai donc copier et coller le code que vous m'avez soumis à la racine de la feuille de style, hélas, rien ne se produit sur mon forum. Merci tout de même de m'avoir répondu.

« Un demi savoir est pire que de ne rien savoir du tout. »

Désolé pour le double-post, mais après un cours accéléré de CSS sur votre forum et d'avoir réussi à modifier plusieurs styles depuis une ou deux heures, mon problème du début reste le même !
A savoir, comment réussir à centrer verticalement mes noms de forums ( les liens ) ainsi que leur descriptions et les liens des sous-forums dans leur cases ( à droite des icônes de messages ) ( Voir screen du 1er message de ce sujet ! )

Sachant que le code fourni par demeter1 ne fonctionne pas chez moi !
je vous remercie d'avance pour le temps que vous m'accorderez !

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Lun 3 Mar 2014 - 0:27

Un petit UP !
Quelqu'un a une solution Question 

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par Scoubifitz le Lun 3 Mar 2014 - 3:05

bonsoir,

pourquoi pas simplement dans le template index_box ?

repérez cette partie :

<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

et remplacez par :

<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Lun 3 Mar 2014 - 19:01

Merci scoubifitz ! Smile
C'est presque ça ! ^^
Bon, déjà je retourne à mon point de départ et c'est déjà pas mal xD
Regardons les screens avant et après la modif' :

Spoiler:
Avant :


après :

On voit que certains titres / liens + leur descriptions ont bien été centrés verticalement, mais d'autres résistent...
Sacré casse-tête ! Mais je sens qu'on est sur la bonne voie en modifiant les templates !

Mais j'ai quand même une autre suggestion pour ceux qui pensent y arriver en ajoutant du CSS. Ne me faudrait-il pas créer un code en java dans un 1er temps pour pouvoir appliquer le style par la suite ?

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer verticalement noms des forums et descriptions

Message par YokoKlinge le Lun 3 Mar 2014 - 19:13

Désolé pour ce double-post !
Je viens de résoudre mon problème en corrélation avec l'aide de scoubifitz que je remercie !
J'ai tout simplement effacer un bout d'html qui s'était faufiler dans mes descriptions de forums :
Code:
<p>
    <br />
</p>
et ensuite fait "enregistrer", et comme par magie mes titres et descriptions se sont aligner verticalement !

Merci à tous ceux qui ont offert de leur temps à résoudre mon problème, et un tout particulier à scoubifitz qui a trouvé la solution !

YokoKlinge
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/02/2014

http://north.allianceogame.com/
YokoKlinge a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum