Boutons Links : aligner esthétiquement les infos

AMUA · November 21, 2011, 11:08:52 AM

Bonsoir à toutes et tous

Je souhaiterais centrer les infos qui se trouvent sur les panneaux du bouton "Liens" pour des raisons esthétiques et de clarté.

En effet, comme vous pouvez le constater, les données ne sont pas bien alignées sous la mention des catégories. Les traits rouges le mettent en exergue sur ces captures d'écran infra.

Comment faire s'il vous plaît pour mettre au milieu ?

Je vous remercie infiniment par avance.

Captures :

Zuki. · November 21, 2011, 12:06:02 PM

Bonsoir AMUA,

Tout à l'air d'être aligné à gauche. Il va falloir modifier dans le CSS.

On va attendre l'avis de Maximus, c'est plus sage !

AMUA · November 21, 2011, 12:10:58 PM

Quote from: Zuki. on November 21, 2011, 12:06:02 PM
Bonsoir AMUA,

Tout à l'air d'être aligné à gauche. Il va falloir modifier dans le CSS.

On va attendre l'avis de Maximus, c'est plus sage !

Merci Zuki !!

DeathSign · November 21, 2011, 01:29:45 PM

Tout est aligné à gauche. Il ne va pas falloir toucher au CSS.

1. Editer Themes/default/Links2.template.php :

a. Chercher :

Quoteif ($row['image'] == '')
            echo '<td colspan="2" class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2">' . parse_bbc($row['description']) . '</td>';
         else
         {
            echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '"><img src="' . $row['image'] . '" border="0" alt="" /></a></td>';
            echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2">' . parse_bbc($row['description']) . '</td>';
         }


         echo '<td class="windowbg2">', $totallinks, '</td>';

a. Remplacer par :

Quoteif ($row['image'] == '')
            echo '<td colspan="2" class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2 centertext">' . parse_bbc($row['description']) . '</td>';
         else
         {
            echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '"><img src="' . $row['image'] . '" border="0" alt="" /></a></td>';
            echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2 centertext">' . parse_bbc($row['description']) . '</td>';
         }


         echo '<td class="windowbg2 centertext">', $totallinks, '</td>';

b. Chercher :

Quoteif (!empty($modSettings['smflinks_disp_hits']))
               echo '<td>' . $row['hits'] . '</td>';


            if (!empty($modSettings['smflinks_disp_rating']))
            {
               echo '<td>' . $row['rating'];
               if($ratelink)
                  echo '<br /><a href="' . $scripturl . '?action=links;sa=rate;value=1&id=' . $row['ID_LINK'] . '"><img src="', $settings['images_url'], '/post/thumbup.gif" alt="Good Link" border="0" /></a>  <a href="' . $scripturl . '?action=links;sa=rate;value=0&id=' . $row['ID_LINK'] . '"><img src="', $settings['images_url'], '/post/thumbdown.gif" alt="Bad Link" border="0" /></a>';

               echo '</td>';
            }

b. Remplacer par :

Quoteif (!empty($modSettings['smflinks_disp_hits']))
               echo '<td class="centertext">' . $row['hits'] . '</td>';


            if (!empty($modSettings['smflinks_disp_rating']))
            {
               echo '<td class="centertext">' . $row['rating'];
               if($ratelink)
                  echo '<br /><a href="' . $scripturl . '?action=links;sa=rate;value=1&id=' . $row['ID_LINK'] . '"><img src="', $settings['images_url'], '/post/thumbup.gif" alt="Good Link" border="0" /></a>  <a href="' . $scripturl . '?action=links;sa=rate;value=0&id=' . $row['ID_LINK'] . '"><img src="', $settings['images_url'], '/post/thumbdown.gif" alt="Bad Link" border="0" /></a>';

               echo '</td>';
            }

2. Editer Sources/Links2.php :

Chercher :

Quoteecho '<td class="windowbg2">' . $totallinks . '</td>';

// Show Edit Delete and Order category

Remplacer par :

Quoteecho '<td class="windowbg2 centertext">' . $totallinks . '</td>';

// Show Edit Delete and Order category

Amicalement,
DeathSign

EDIT: Oups j'ai oublié un truc !

3. Editer Themes/default/Links2.template.php :

Chercher :

Quoteif (!empty($modSettings['smflinks_disp_date']))
echo '<td>' . timeformat($row['date']) . '</td>';

Remplacer par :

Quoteif (!empty($modSettings['smflinks_disp_date']))
echo '<td class="centertext">' . timeformat($row['date']) . '</td>';

AMUA · November 21, 2011, 05:13:12 PM

Merci infiniment DeathSign !

Je crois que j'ai pu exécuter à bien tes instructions car les infos sont à présent bien rangées comme le montre les captures ci-dessous.

Pourrait-on, s'il te plaît, centrer aussi le nom du membre qui reste encore aligné à gauche comme on peut le voir sur les captures suivantes ? (je ne l'avais pas bien remarqué)

Encore merci

myloux · November 21, 2011, 05:21:27 PM

Links2.template.php Je trouve pas sa.

Links2.php sa non plus.

Fichier inexistant.

maximus23 · November 21, 2011, 05:23:22 PM

Bonjour,

C'est pour le mod Smf Link

DeathSign · November 21, 2011, 06:11:39 PM

Bien sûr ! Par contre je crois que tes deux captures d'écran sont en fait identiques, une vu d'un admin et l'autre par un membre pour une autre catégorie. Corrige moi si je me trompe (je ne connais pas le mod)

Ce qui fait normalement :
Editer Themes/default/Links2.template.php :

Chercher :

Code Select

				// Check if it was a guest link
				if (!empty($modSettings['smflinks_disp_membername']))
					if ($row['real_name'] != '')
						echo '<td><a href="' . $scripturl . '?action=profile;u=' . $row['ID_MEMBER'] . '">'  . $row['real_name'] . '</a></td>';
					else 
						echo '<td>' . $txt['smflinks_txtguest'] . '</td>';

Remplacer par :

Quote// Check if it was a guest link
            if (!empty($modSettings['smflinks_disp_membername']))
               if ($row['real_name'] != '')
                  echo '<td class="centertext"><a href="' . $scripturl . '?action=profile;u=' . $row['ID_MEMBER'] . '">' . $row['real_name'] . '</a></td>';
               else
                  echo '<td class="centertext">' . $txt['smflinks_txtguest'] . '</td>';

Amicalement,
DeathSign

AMUA · November 22, 2011, 05:22:22 AM

Bonjour DeathSign

Je viens d'effectuer la manoeuvre.

Tout s'est très bien passé ! C'est bien plus clair et esthétique à présent.

Merci beaucoup !!

S'agissant des deux dernières captures d'écran, c'est moi-même qui les ai faites.

Dans la partie "liens" du forum, c'est le membre Marignane qui est en charge de les mettre en place et de les mettre à jour. Certains liens ont été aussi installés au départ par Administration. Mais ce n'est qu'à titre de tests : ils seront supprimés bientôt (nous sommes toujours en phase de test : le forum n'est pas encore ouvert)... Il n'y aura à l'ouverture du forum que les liens de Marignane.

Ce sont donc les liens de Marignane et d'Administration que l'on voit sur les captures.

Encore Merci infiniment et Très Bonne Journée

DeathSign · November 22, 2011, 07:23:44 AM

Cool ! Content d'avoir pu t'aider !

Si t'as d'autres questions n'hésite pas

Bonne chance avec le forum et bonne journée à toi aussi

AMUA · November 22, 2011, 03:20:58 PM

Quote from: DeathSign on November 22, 2011, 07:23:44 AM
Cool ! Content d'avoir pu t'aider !

Si t'as d'autres questions n'hésite pas

Bonne chance avec le forum et bonne journée à toi aussi

Merci beaucoup DeathSign !

Bonne soirée !!

Bien à toi

AMUA · November 23, 2011, 12:39:11 PM

Bonsoir

Désolé de remonter le fil... mais nous venons de remarquer que les sous-catégories des liens ("Add Sous-Catégorie") ne sont pas encore réglées par les manipulations de centrage...

Capture d'écran :

Pouvez-vous, s'il vous plaît, me donner les consignes de réglage pour cette partie ?

(Je précise que pour ce qui a été résolu précédemment.. tout est ok)

Merci infiniment par avance

DeathSign · November 23, 2011, 01:45:19 PM

Arf désolé cette fois je n'arrive pas à reproduire ta capture d'écran où apparemment la colonne "Total des liens" ne semble pas être centrée. Il s'agit pour moi de la même page que la deuxième capture d'écran en début de topic qui a été réglé (l'une vu par un admin l'autre par un membre).

Regardes ce que j'ai (c'est à moitié trafiqué pour la traduction, ne fais pas attention ^^) :

Où est-ce que j'ai faux ? ^^

EDIT: Ah en fait il s'est passé tout le contraire : je n'avais pas vu l'autre topic !

Je te l'ai supprimé, il ne s'est même pas passé 24h depuis le dernier message puis on reste dans le même sujet par la même personne, il n'y a donc aucun souci à continuer ici

Ce serait même mieux je pense. Merci d'y avoir prêté attention en tout cas, et ne sois pas désolé

Le topic a été dé-réglé o/ Ahahah

AMUA · November 23, 2011, 02:04:45 PM

Quote from: DeathSign on November 23, 2011, 01:45:19 PM
Arf désolé cette fois je n'arrive pas à reproduire ta capture d'écran où apparemment la colonne "Total des liens" ne semble pas être centrée. Il s'agit pour moi de la même page que la deuxième capture d'écran en début de topic qui a été réglé (l'une vu par un admin l'autre par un membre).

Regardes ce que j'ai (c'est à moitié trafiqué pour la traduction, ne fais pas attention ^^) :

Où est-ce que j'ai faux ? ^^

EDIT: Ah en fait il s'est passé tout le contraire : je n'avais pas vu l'autre topic !
Je te l'ai supprimé, il ne s'est même pas passé 24h depuis le dernier message puis on reste dans le même sujet par la même personne, il n'y a donc aucun souci à continuer ici Ce serait même mieux je pense. Merci d'y avoir prêté attention en tout cas, et ne sois pas désolé Le topic a été dé-réglé o/ Ahahah

Merci DeathSign de ta réponse sympa

En fait, tout ce qui est "liens", c'est ok.

Ce sont les "sous-catégories" qui n'ont pas encore été réglées par le traitement d'hier.

DeathSign · November 23, 2011, 02:12:35 PM

Je crois que les jolies flèches sur tes captures d'écran me manquent

Désolé mais je ne vois pas $:-\$

AMUA · November 23, 2011, 03:03:36 PM

Quote from: DeathSign on November 23, 2011, 02:12:35 PM
Je crois que les jolies flèches sur tes captures d'écran me manquent

Désolé mais je ne vois pas $:-\$

Aiie... c'est de ma faute... je me suis sans doute exprimé de manière pas assez claire.

Si tu veux, je t'envoie par MP le lien du forum... en te donnant les paramètres d'accès ?

Dans l'attente de te lire...

Merci beaucoup

DeathSign · November 23, 2011, 03:09:20 PM

Ca marche, tu as raison ce sera plus simple

AMUA · November 23, 2011, 03:16:58 PM

Quote from: DeathSign on November 23, 2011, 03:09:20 PM
Ca marche, tu as raison ce sera plus simple

Roger

AMUA · November 23, 2011, 06:03:12 PM

Voici, je te prie, la capture d'écran où l'on peut voir l'absence de centrage de l'alignement $:-\$

EDIT de DeathSign : En fait, il n'avait pas édité le fichier Sources/Links2.php, il n'y a en fait pas de problème

AMUA · November 23, 2011, 10:30:08 PM

Malgré l'application du point 2, des problèmes d'alignement persistent comme le montrent ces captures :

DeathSign · November 24, 2011, 08:19:34 AM

Le contenu de la colonne Total des liens est bien centré, la modification a bien été prise en compte.

Ce que tu vois c'est que les titres du tableau (le nom des colonnes Titre, Description et Total des liens) sont alignés à gauche, d'où ton impression que ta modification n'a rien changé.

Si j'harmonise le code entre cette page et la page d'entrée où les titres sont centrés, cela donne :

Editer le fichier : Sources/Links2.php

Chercher :

Quoteecho '<table cellspacing="0" cellpadding="10" border="0" align="center" width="90%" class="tborder">
         <tr>
            <td class="titlebg" colspan="2">' . $txt['smflinks_ctitle'] . '</td>
            <td class="titlebg">' . $txt['smflinks_description'] .'</td>
            <td class="titlebg">' . $txt['smflinks_totallinks'] . '</td>';
            if($g_manage)
               echo '<td class="titlebg">' . $txt['smflinks_options'] .'</td>';
      echo '
         </tr>';

Remplacer par :

Quoteecho '<table cellspacing="0" cellpadding="10" border="0" align="center" width="90%" class="tborder">
         <thead>
         <tr>
            <th class="titlebg" colspan="2">' . $txt['smflinks_ctitle'] . '</th>
            <th class="titlebg">' . $txt['smflinks_description'] .'</th>
            <th class="titlebg">' . $txt['smflinks_totallinks'] . '</th>';
            if($g_manage)
               echo '<th class="titlebg">' . $txt['smflinks_options'] .'</th>';
      echo '
         </tr>
         </thead>';

Amicalement,
DeathSign

AMUA · November 24, 2011, 08:25:54 AM

Roger

DeathSign · November 24, 2011, 08:37:28 AM

Quote from: AMUA on November 24, 2011, 08:25:54 AM
Roger

Non moi c'est DeathSign

J'anticipe, si tu veux centrer la colonne Description, toujours de la même page, il faut éditer encore le même fichier Sources/Links2.php (d'ailleurs quelle idée d'y avoir mis du code pour le template dedans x)) :

Chercher :

Quoteecho '<tr>';
                     if($row['image'] == '')
               echo '<td colspan="2" class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2">' . parse_bbc($row['description']) . '</td>';
            else
            {
               echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '"><img src="' . $row['image'] . '" border="0" /></a></td>';
               echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2">' . parse_bbc($row['description']) . '</td>';
            }

Remplacer par :

Quoteecho '<tr>';
                     if($row['image'] == '')
               echo '<td colspan="2" class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2 centertext">' . parse_bbc($row['description']) . '</td>';
            else
            {
               echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '"><img src="' . $row['image'] . '" border="0" /></a></td>';
               echo '<td class="windowbg2"><a href="' . $scripturl . '?action=links;cat=' . $row['ID_CAT'] . '">' . parse_bbc($row['title']) . '</a></td><td class="windowbg2 centertext">' . parse_bbc($row['description']) . '</td>';
            }

Amicalement,
DeathSign

PS: Ca en fait du centrage

AMUA · November 25, 2011, 02:58:31 PM

Merci DeathSign

Je vais me mettre au boulot

PS : Je voulais dire "Roger" en langage aviation : "reçu"

AMUA · November 25, 2011, 04:27:58 PM

Fait.. cela semble très très correct

Merci DeathSign !!!

maximus23 · November 25, 2011, 04:33:51 PM

Bonsoir,

Attention l'esthétique est une chose mais en définif le centrage tue le centrage et celà n'est plus très beau. Bon chacun ses goûts mais bon ...

DeathSign · November 25, 2011, 07:14:42 PM

Je sais pour Roger c'était pour te taquiner :p

Dommage que je n'ai pas eu droit au "Merci infiniment" mais de rien

Hop j'ai effacé mon compte de ton forum après avoir constaté que tu avais bien appliqué les modifs que tu m'avais demandé

Amicalement,
DeathSign

News:

Boutons Links : aligner esthétiquement les infos