1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[Réglé] Centré les balise d'image (New, Lock, No new)
Mots-clés » centré, balise, image, new, lock
06-08-2013, 11:22,
#1
Centré les balise d'image (New, Lock, No new)

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 :
[Image: 309091screen.jpg]

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


Cordialement,
Azexor.
Répondre
06-08-2013, 11:33,
#2
RE: Centré les balise d'image (New, Lock, No new)
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.

Cordialement,
Saphir,
Modérateur MyBB.support.
Répondre
06-08-2013, 11:36,
#3
RE: Centré les balise d'image (New, Lock, No new)
Désolé, mais j'ai beau recherche j'y arrive pas ^^ J'ai pas les bon mots clef. Merci.
Répondre
06-08-2013, 13:04,
#4
RE: Centré les balise d'image (New, Lock, No new)
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é.

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
06-08-2013, 21:01,
#5
RE: Centré les balise d'image (New, Lock, No new)
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
Répondre
07-08-2013, 2:53,
#6
RE: Centré les balise d'image (New, Lock, No new)
<center> CODE REPRESENTANT LES IMAGES </center>
Répondre
07-08-2013, 9:23, (Modification du message : 07-08-2013, 9:44 par Saphir.)
#7
RE: Centré les balise d'image (New, Lock, No new)
(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.

Cordialement,
Saphir,
Modérateur MyBB.support.
Répondre
07-08-2013, 13:43, (Modification du message : 07-08-2013, 13:53 par Azexor.)
#8
RE: Centré les balise d'image (New, Lock, No new)
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 ?
Répondre
07-08-2013, 13:58, (Modification du message : 07-08-2013, 13:58 par Saphir.)
#9
RE: Centré les balise d'image (New, Lock, No new)
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;

Cordialement,
Saphir,
Modérateur MyBB.support.
Répondre
07-08-2013, 14:02,
#10
RE: Centré les balise d'image (New, Lock, No new)
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)
Répondre
07-08-2013, 15:53, (Modification du message : 07-08-2013, 16:04 par Saphir.)
#11
RE: Centré les balise d'image (New, Lock, No new)
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é... Smile
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...

Cordialement,
Saphir,
Modérateur MyBB.support.
Répondre
07-08-2013, 17:12,
#12
RE: Centré les balise d'image (New, Lock, No new)
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 Wink
Répondre
07-08-2013, 17:21,
#13
RE: Centré les balise d'image (New, Lock, No new)
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. Tongue

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é ? Tongue
Si tu es bloqué par si peu de chose, tu n'es pas encore rendu ! Smile

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 !

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
07-08-2013, 19:18, (Modification du message : 07-08-2013, 19:44 par Azexor.)
#14
RE: Centré les balise d'image (New, Lock, No new)
Merci a toi Spyto Smile 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 Smile 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).
Répondre
07-08-2013, 21:26,
#15
RE: Centré les balise d'image (New, Lock, No new)
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 ?... Sad

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 !

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
07-08-2013, 21:31, (Modification du message : 07-08-2013, 21:32 par Azexor.)
#16
RE: Centré les balise d'image (New, Lock, No new)
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
Répondre




Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique