[Réglé] Ultra light

Forum de support pour les créateurs de styles, le style en développement sera ensuite proposé à la communauté phpBB-fr.com

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Ultra light

Messagepar Nothal » 21 Aoû 2013 à 17:04

Bonjour.

  • Nom du Style developpé : Ultra light
  • Auteur du style : xTHALx (nothal sur ce forum)
  • Thème graphique du style : Prosilver
  • URL de démonstration du Style actuel : http://xthalx.p.ht/phpBB3/index.php

Compte test - Identifiant : Test, MDP : test

Le zip : Ultra Light

Templates légèrement modifiés :

- forumlist_body
- index_body
- overall_header
- overall_footer
- viewforum_body
- faq body
- viewtopic_body

+ css évidemment.

Outils : Photoshop(graphisme), éditions et vérifications des fichiers avec PSPad, Filezilla et Firebug.

Le style est pour ainsi dire fini, cependant je rencontre des problèmes d'affichage avec IE10 et Safari.

- Gros décalage de bien 10px avec le bloc #haut et #page-body.
- Écart entre les boutons du menu de navigation avec Safari.

Je suis habitué à faire des thèmes pour ForumActif et je ne suis pas encore très à l'aise avec phpBB3.
J'aimerai pouvoir vérifier chaque partie, mais quand on ne sait pas à quoi elles correspondent !

- .pollbar - Je vois bien pollbar 1 et 2, mais comment voir les autres ?
- thumbnail - On peut le voir ou sur le forum ?
- comment afficher l'icône flux rss ?

Le copyright est sur une seule ligne. Ais-je le droit ?

J'ai téléchargé plusieurs styles afin de voir leurs contenus. Très étonnées de voir que le dossier templates ne contient que les templates modifiés :shock: .
En parcourant le forum de documentation, la raison serait "l'héritage" de prosilver.
Je dois faire de même ?

On est en 2013, les préfixes sont-ils encore nécessaire d'après vous ?

Pardon, ça fait beaucoup de questions. :oops:
Modifié en dernier par sub60 le 14 Sep 2013 à 11:53, modifié 4 fois.
Raison: mis coche verte
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 13:43

Re: Ultra light

Messagepar tomberaid » 21 Aoû 2013 à 17:46

Hello
Pour le décalage sur IE10, dans ton fichier overall_header.html tu as:
Code: Tout sélectionner
  <div id="haut"></div>
  <a name="start_here"></a>
essayes
Code: Tout sélectionner
  <div id="haut"><a name="start_here"></a>
</div>
ou encore en déplaçant la ligne
Code: Tout sélectionner
  <a name="start_here"></a>
juste avant
Code: Tout sélectionner
      <!-- navbar boutons -->
      <div id="menu">


Pour l'héritage, de mon avis je dirais oui, cela simplifie les mises à jour.

Pour les préfixes, on est peut-être en 2013 mais beaucoup d'internautes n'ont pas la dernière version du navigateur et même encore certains sont sous IE6 mais là c'est un autre débat.

Cordialement

NB: pour les autres questions j'ai pas eu trop le temps de fouiller, désolé.

Édit:
Pour le décalage IE10, une autre méthode qui marche bien, rajoute dans tes css:
Code: Tout sélectionner
a[name="start_here"] {
	display:none;
}
Modifié en dernier par tomberaid le 21 Aoû 2013 à 18:11, modifié 1 fois.
Image
Avatar de l’utilisateur
tomberaid
Roi des posts
Roi des posts
 
Messages: 691
Enregistré le: 17 Juin 2009 à 23:27

Re: Ultra light

Messagepar cabot » 21 Aoû 2013 à 18:06

Salut salut,

Joli boulot ! :wink:

Nothal a écrit:Gros décalage de bien 10px avec le bloc #haut et #page-body.

Place le lien d'évitement <a name="start_here"></a> dans la div <div id="haut"></div>.


Nothal a écrit:Écart entre les boutons du menu de navigation avec Safari.

Mets un margin latéral négatif de -2px sur les liens du menu (et supprime le font-size: 0; du menu qui devient inutile).


Nothal a écrit:.pollbar - Je vois bien pollbar 1 et 2, mais comment voir les autres ?

Fouille ce topic qui devrait t'aiguiller.


Nothal a écrit:thumbnail - On peut le voir ou sur le forum ?

Il s'agit des miniatures générées dans les messages.


Nothal a écrit:comment afficher l'icône flux rss ?

En supprimant les commentaires de part et d'autres du lien, sur cette ligne dans forumlist_body.html :
Code: Tout sélectionner
<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->



Nothal a écrit:Le copyright est sur une seule ligne. Ais-je le droit ?

Pas de souci ! :)


Nothal a écrit:J'ai téléchargé plusieurs styles afin de voir leurs contenus. Très étonnées de voir que le dossier templates ne contient que les templates modifiés :shock: .
En parcourant le forum de documentation, la raison serait "l'héritage" de prosilver.
Je dois faire de même ?

Oui, c'est une recommandation à suivre pour faciliter les futures mises à jours.


Nothal a écrit:On est en 2013, les préfixes sont-ils encore nécessaire d'après vous ?

C'est à ton appréciation, si tu veux t'en passer, je n'y vois aucun inconvénient à partir du moment où on reste dans le cadre d'une "dégradation gracieuse" du design.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar Nothal » 21 Aoû 2013 à 20:08

Merci pour vos réponses.

J'ai mis
a name="start_here"
dans #haut, et en effet le problème est réglé !

Malgré le 0 -2px, l'écart du menu reste quand même visible avec Safari.
J'ai même supprimé les span contenant le texte des boutons dans le html, mais rien n'y fait.
Alors tant pis, il y aura des écarts avec Safari, c'est pas dramatique.

Ok pour pollbar, j'ai compris comment ça fonctionne. Plus il y a de votes et plus on monte dans pollbar, j'ai tout intérêt de modifier les couleurs.

Pour l'icône flux, je pense pas que ce soit à moi de décider pour les autres.

Les transitions sont minime, mais comme Safari semble en avoir encore besoin, mieux les mettre pour tous, quoi que le simple hover ne choque pas.

On ne peut pas faire de multi-quote ? Je vois rien pour et pourtant le css à bien les codes en rapport.

Et bien je vais pouvoir préparer le zip.
Le dossier des psd est à mettre obligatoirement en zip ?
Ça se passe comment après ?
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 13:43

Re: Ultra light

Messagepar cabot » 21 Aoû 2013 à 20:49

Vide le cache safari, je ne vois plus le décalage de mon côté. :wink:

Nothal a écrit:On ne peut pas faire de multi-quote ?

Si, tu peux même paramétrer la "profondeur" de citations autorisée dans les messages. A moins que tu ne parles de citer plusieurs personnes dans un même message, ce qui est possible aussi, en sélectionnant la partie à citer dans la vue sous le champ de réponse et cliquant sur le bouton citer du message.

Le psd n'est absolument pas obligatoire, je te suggère de mettre tout de même celui des boutons "répondre" et autres.

J'aurai certainement d'autres remarques concernant les clés de langues ou autres critères de validation, mais tu peux déjà poster le zip du style pour que je le décortique. :)
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar tomberaid » 21 Aoû 2013 à 21:06

Nothal a écrit:Malgré le 0 -2px, l'écart du menu reste quand même visible avec Safari.

Hello
Plutot que d'écrire ton code
Code: Tout sélectionner
<a></a>
<a></a>
<a></a>
<a></a>
essaye
Code: Tout sélectionner
<a></a><a></a><a></a><a></a>
sans espace ni retour à la ligne entre chaque balise <a>

Cordialement
Image
Avatar de l’utilisateur
tomberaid
Roi des posts
Roi des posts
 
Messages: 691
Enregistré le: 17 Juin 2009 à 23:27

Re: Ultra light

Messagepar cabot » 21 Aoû 2013 à 21:15

Tout à fait, mais cette solution présente le défaut de lisibilité du code, et par conséquent des problèmes à cerner les liens dans le HTML pour les utilisateurs néophytes.
C'est pourquoi j'ai proposé la solution du margin négatif qui reste transparent et valide. D'autant que le problème sur safari est réglé suite à cette modif. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar Jester » 22 Aoû 2013 à 09:29

Très très sympa ton style. J'espère qu'il sera bientôt fin prêt. Il va avoir du succès ;)
"Quand le Troll parle, l'homme avisé l'écoute."
Personnaliser son forum - La documentation de phpBB-fr.com - Les téléchargements
N'oubliez pas de modifier votre message en ajoutant le tag [Réglé] quand votre sujet est résolu.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 34089
Enregistré le: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Ultra light

Messagepar Nothal » 22 Aoû 2013 à 13:44

Bonjour.

Merci pour les compliments. C'est mon premier pour phpBB, donc juste une adaptation d'un thème prévu pour Forumactif.
Mais je suis très contente d'y être parvenu, ça me donne pleins idées pour un prochain, là je peux vraiment faire ce que je veux.
Quoi que je ne connais pas les conditions et les limites imposées.

En effet, plus d'écart avec Safari. Pourtant j'ai vidée 2 fois le cache hier soir.
Du coup je conserve le margin négatif qui ne pose aucun problème sur les autres navigateurs.

Oui je parlais de multi-citation, comme avec le bouton multi-citation qu'on a sur Forumactif.

Bon et bien le zip : Ultra light
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 13:43

Re: Ultra light

Messagepar cabot » 22 Aoû 2013 à 17:24

Peux-tu mettre le zip directement sur ton serveur ? Le site sur lequel tu l'héberges demande à installer des choses que je n'aime pas sur mon ordi. :|
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar Nothal » 22 Aoû 2013 à 18:27

Ha bon ? Faut dire que Mega n'est plus du tout ce qu'il était(Megaupload), c"est assez décevant.

Alors le zip : Ultra Light
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 13:43

Re: Ultra light

Messagepar cabot » 22 Aoû 2013 à 19:09

Thx :wink:

J'ai survolé rapidement les fichiers, de ce que j'ai vu, ça parait très positif. :)
Je te donnerai demain ou après-demain quelques petites corrections à faire.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar Nothal » 22 Aoû 2013 à 20:22

Ok, j'attends les corrections.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 13:43

Re: Ultra light

Messagepar cabot » 26 Aoû 2013 à 17:33

Hello,

faq_body.html
Ajoute un attribut title avec la clé de langue {L_BACK_TO_TOP} sur le lien ancré #faqlinks, car tu en as supprimé l’intitulé.

index_body.html
Tu as placé les titres dans des div, pourquoi ne pas mettre le background directement sur ces h3 plutôt que d'ajouter des balises ? Tu peux déclarer ces titres en relative pour les positionner.
Cela n'a rien d'obligatoire, c'est juste une petite remarque pour alléger le code. Tu en fais ce que tu veux. ;)

overall_footer.html
Sur le lien ancré #top, change la valeur de l'attribut title qui est noté en dur, par la clé de langue {L_BACK_TO_TOP}.

overall_header.html
Place le lien de restauration des permissions directement dans la <div id="haut">, sans liste. En plus d'alléger le code en supprimant cette liste, tu peux aller plus loin en supprimant la div vide en clear: both; qui devient inutile car il n'y a plus de flottants. Et ça évitera ce petit décalage toujours présent sous IE7.
Supprime l'accent du mot Début dans le commentaire du menu, ou supprime carrément ce mot. Ça renvoie une erreur à la validation W3C.

viewforum_body.html et viewtopic_body.html
Même remarque pour les titres que dans le fichier index_body.

Tu peux supprimer les deux fichiers JS du dossier template, car ils sont appelés via la variable {T_SUPER_TEMPLATE_PATH} dans le overall_header.html, qui correspond au chemin vers le dossier template de prosilver.
Vérifie l'indentation de ton code, il y a certaines parties qui sont un peu "illisibles". C'est pas grave, mais j'aime bien quand c'est propre. :mrgreen:
Je n'ai pas eu le temps de vérifier les CSS, mais tu peux déjà prendre en compte ces remarques et faire un repack de l'archive.

Si tu as des questions sur cette première partie, n'hésite pas à les poser. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Ultra light

Messagepar Kewee » 26 Aoû 2013 à 17:55

vivement que le style arrive dans la bdd, il est très classe, fantaisiste mais sobre à la fois.... je sens qu'on va en faire plein plein de support pour aider à modifier :P
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12191
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Suivante

Retourner vers Aide à la création et au développement de styles

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité