[Réglé] Centré les balise d'image (New, Lock, No new)

[Azexor]

Bonjour,

Voila j'ai juste besoin d'un petit peux d'aide pour effectué un légé changement sur mon forum, les balise visible sur ce screen :


J'aimerais avoir la possibilité de les centrer. Merci de votre aide


Cordialement,
Azexor.

[Saphir]

Bonjour Azexor.

Pour la deuxième fois (et la dernière, j'espère), merci d'utiliser le moteur de recherche avant de poser une question dont la réponse a déjà été donnée à maintes reprises.

Vous pourrez modifier cette légende dans le template index.

[Azexor]

Désolé, mais j'ai beau recherche j'y arrive pas ^^ J'ai pas les bon mots clef. Merci.

[spyto]

Juste une remarque... Tu a inscrit "Theme par Azexor" dans le footer.
Tu parles d'une blague ! Comme si tu avais créé ce thème !

Il s'agit du thème "Accord Envy" de Ferron publié sur mybb.com :
http://mods.mybb.com/view/accord-envy

Ce n'est pas parce que tu as fait quelques modifications que tu as le droit de t'en prétendre l'auteur.

Extrait de la licence que tu as acceptée lors du téléchargement :

Citation :Because this theme is freely available, I expect you to keep my copyright intact.
If, however, you want to remove the copyright, you first have to contact me so we can work it out.

Things you CAN'T do:
Redistribute this theme, free or paid, without my copyright.
Claim it as your own work.

Je traduis :
I expect you to keep my copyright intact = J'azttends que vous gardiez mes droits d'auteur intacts

If, however, you want to remove the copyright, you first have to contact me so we can work it out = Toutefois, si vous souhaitez supprimer le droit d'auteur, vous devez d'abord me contacter afin que nous puissions en discuter
(Tu l'as contacté ? Tu as eu son accord ?)

Claim it as your own work = Revendiquer comme votre propre travail

Pour mémoire le copyright du thème est :

Code :

Theme by Ryan McGrane of <a href="http://audentio.com">Audentio Design</a>

Que tu rajoutes modifié par Azexor, à la limite, je comprendrais.
Mais virer le copyright, ce n'est pas du tout correct !

S'approprier le travail d'autrui, ça me révolte, désolé.

[Azexor]

Oui je sais, je suis en train de le modifier de A a Z, si je le fait pas les credit seront récupéré, y'a pas de soucis, je veux pas de soucis avec le copyrith, je vais d'ailleur remettre leur credit et mettrai le mien apres entiere modification.


(Vous avez le code pour pouvoir centré les images ?)

Cordialement,
Azexor

[SnooZ]

<center> CODE REPRESENTANT LES IMAGES </center>

[Saphir]

(07-08-2013, 2:53)SnooZ a écrit :  <center> CODE REPRESENTANT LES IMAGES </center>

Certainement pas, la balise center est dépréciée (périmée) depuis bien longtemps !
On ne centre pas des objets en HTML (sauf exceptions) mais en CSS.

Modifiez le global.css (Administration -> Templates & Style -> Thèmes -> (Votre Thème) -> global.css)
Sélectionnez .forum_legend dans la liste
Dans la grande case de droite, ajoutez "text-align: center;" (sans les guillemets)

Pour rappel, la balise center était dépréciée en HTML 4.01, et n'est plus supportée en HTML 5.

[Azexor]

Oui voila j'avais essayé les balise traditionnel je vient pas demandé de l'iade sans essayé ^^ Merci Saphir, je vais tester cela.

---

Euh, je dans les template de mon Theme il n'y a pas global.css, seulement global templates, mais il n'y a pas ce que tu indique a l'interieur.

---

J'ai rien dit, c'est bon ><

---

Maintenant que j'ai fait cela comment je peux les centré ? ^^ c'est quoi le début et la fin du code ?

[Saphir]

Administration -> Templates & Style -> Thèmes -> (Votre Thème) -> global.css
Pas "Templates" !!!

Sélectionnez .forum_legend, puis, dans le champ de droite, entrez, à la fin :

Code :

text-align: center;

[Azexor]

C'est ce que j'ai fait mais malheureusement il n'y a pas .forum_legend, il y a que : .forum_legend dd, .forum_legend dt, par précaution je les mis dans les deux, mais cela ne m'a pas centré les image sur le forum (New, No News, Lock)

[Saphir]

Il y a bien un sélecteur ".forum_legend, .forum_legend dd, .forum_legend dt", mais ça ne fonctionnera pas, contrairement à ce que je pensais.

Je ne vois pas trop comment centrer une liste de définitions, et je ne sais pas vraiment comment elle est affichée sous MyBB. Peut-être que Spyto ou Exdiogene pourront vous aider, désolé...

---

Je viens d'essayer ça, c'est pas très correct, mais le résultat n'est pas trop mal.
Dans le template index, localisez la ligne qui ressemble à :

Code PHP :

<dl class="forum_legend smalltext"> 


et remplacez la par :

Code PHP :

<dl class="forum_legend smalltext" style="width: 800px; margin: 0 auto;"> 


Il faudra peut-être adapter ce "800" pour qu'il corresponde à une taille qui convienne à l'affichage.

Comme je l'ai dit, ce n'est pas très correct, d'abord parce que le rendu sera probablement incorrect sur certains affichages, et ensuite, parce que je pense qu'il y a mieux, mais là, à moins de refaire la structure de l'élément (en faire un tableau par exemple au lieu d'une liste de définitions), je ne vois pas trop...

[Azexor]

Ah j'ai essayé, même en augmenté 800 cela ne bouge pas, je suis toujours ouvert au autre proposition, cependant merci beaucoup Saphir pour ton temps

[spyto]

Pas facile de styler une <dl> (Definition list).
Ce serait plus facile avec des <div> ou une <table>.

Après quelques tâtonnements, je considère que la largeur totale du <dd> est 886px.

Donc il devrait suffire de rajouter ce sélecteur dans global.css :

Code :

.forum_legend {
   width: 886px;
   margin: 0 auto;
}

ce qui permettra de centrer.
Note : si je mets 885, ça se met sur deux lignes, donc 886px est la valeur minimale qui rendra le mieux l'impression de centré quelle que soit la taille de la fenêtre.

Autre petit truc à corriger : ce texte n’est pas centré verticalement par rapport à l'image. 'vertical-align' est inopérant dans ce cas de figure, donc je te propose de remplacer :

Code :

.forum_legend dd {
    float: left;
    margin-right: 10px;
    text-align:center;
}

par

Code :

.forum_legend dd {
    float: left;
    text-align; left;
    margin-right: 10px;
    margin-top: 15px;
}

c'est-à-dire de rajouter margin-top: 15px; ce qui fera descende un peu le texte, ce sera plus joli.

Ces valeurs sont sans doute à ajuster plus finement !

Juste un petit clin d’œil, sans méchanceté...
C’est toi qui voulais "modifier de A a Z" ce thème pour pouvoir en revendiquer la paternité ?
Si tu es bloqué par si peu de chose, tu n'es pas encore rendu !

Dernière précision : pour ma part je considère que ce n'est pas là du support MyBB. C'est plutôt de la "personnalisation" de thème qu'il s'agit et ce n'est pas la raison d'être de MyBB.fr !

[Azexor]

Merci a toi Spyto je sais bien que c'est pas la réel raison de MyBB.fr mais je sais que vous êtes au top du niveau d'aide et d'ambiance c'est pour sa que je vient ici, mal grès mes fautes vous m'aidez quand même Mais j'éviterais de postez a l'avenir ^^ Merci a vous !

---

Voila maintenant que apres avoir fait ce que tu ma demandé elle danse un peux de partout x), même en faisant comme c'était avant cela ne fonctionne pas, help please ^^

---

J'ai finalement réussi a les centrer au lieu qu'elle ce balade toute un peux n'importe ou. Cependant elle ne sont plus aligné x).

[spyto]

Voici un extrait de ton global.css :

Code :

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
    text-align: center;
}

.forum_legend dd {
    float: center;
    margin-right: 10px;
}


}

.forum_legend dt {
    margin-right: 10px;
    float: center;
}

Tu auras sans doute remarqué que '.forum_legend dd' a droit à une double accolade de fermeture. C'est révolutionnaire comme codage !

Évidemment avec des "float: center", les <dt> vont s’empiler les uns sur les autres !

Par ailleurs je constate que tu n'as aucunement tenu compte de mes propositions qui fonctionnent !

Au cas où ça t'intéressait d'essayer... je te redis par quoi remplacer ce qui est cité ci-dessus :

Code :

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend {
   width: 886px;
   margin: 0 auto;
}

.forum_legend dd {
    float: left;
    text-align; left;
    margin-right: 10px;
    margin-top: 15px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

Je me demande bien à quoi ça sert que je me décarcasse ?...

Tu veux restructurer complètement un thème... OK. C'est très bien d'avoir des ambitions. Mais il faut aussi se donner les moyens de ses ambitions ! Je ne te sens pas suffisamment armé pour ça...

Il est urgent d'aller plus avant sur l'apprentissage CSS/HTML avant d'envisager un tel projet, à mon humble avis.

Voici quelques liens utiles.

Apprentissage du HTML :
http://fr.html.net/tutorials/html/

Apprentissage du CSS :
http://fr.html.net/tutorials/css/

Tu trouveras aussi les deux sur le site du Zéro :
http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3

Et il y a une multitude d'autres ressources sur le web !

[Azexor]

Merci Spyto, si si je tient compte de tes conseil ! ^^ T inquete pas tu ne travail pas pour rien, sais juste moi qui suis pas vraiment doué ^^'. Merci ! Sujet lok, je vous embete plus :p

---

Puis aussi c'ets pas que j'ai pas tenu comtpe de tes conseil , ces que j'était revenu en arrière pour trouvé mes erreur :p