ADAPTATION : Style phpBB 3.0.x en style phpBB 3.1.x - FTH_Tropic

[FranckTH]

Premier post mis à jour pour afficher le screen du futur pack d'avatars en cours assorti au style Enjoy

[Raphaël]

Belle :p

[FranckTH]

Mise à jour manuelle du style

Ouvrir le fichier styles/FTH_Tropic/theme/responsive.css

Trouvez :

Code : Tout sélectionner

#site-description {
   falot: none;
   width: auto;
   text-align: center;
}

Ajoutez après ::

Code : Tout sélectionner

.headerbar {
   background-color: #CFBD9E;
   background-image: none;
}

Trouvez :

Code : Tout sélectionner

.postprofile .avatar img {
   width: auto !important;
   height: auto !important;
   max-height: 32px;
}

Remplacez par ::

Code : Tout sélectionner

.postprofile .avatar img {
   width: auto !important;
   height: auto !important;
   max-height: 32px;
   float: left;
}

Trouvez :

Code : Tout sélectionner

.logo {
   /* change display value to inline-block to show logo */
   display: none;
   float: none;
   padding: 10px;
}

Remplacez par ::

Code : Tout sélectionner

.logo {
   /* change display value to inline-block to show logo */
   display: inline-block;
   float: none;
   padding: 10px;
}

Ajoutez après ::

Code : Tout sélectionner

.imageset.site_logo {
   background-image: url("./images/site_logo_small.png");
   padding-left: 200px;
   padding-top: 38px;
}

Uploadez l'image site_logo_small.png dans le dossier styles/FTH_Tropic/theme/images/

Désormais l'image du header ne s'affichera plus en petite résolution, idéale pour smartphone , l'avatar se positionne de nouveau correctement en petite résolution...
L'affichage du logo se fera normalement sur un smartphone, vous pouvez tout de même le désactiver en mettant "display: none" dans le code suivant :

Code : Tout sélectionner

.logo {
   /* change display value to inline-block to show logo */
   display: inline-block;
   float: none;
   padding: 10px;
}

[sub60]

Salut,

Dans 3.1.x, les images pour arrondir les angles ne sont plus utilisé, c'est remplacer par border-radius.

Donc

Code : Tout sélectionner

<div class="inner"><span class="corners-top"><span></span></span>

Code : Tout sélectionner

<span class="corners-bottom"><span></span></span></div>

devient obsolète vu que ça appel des images inexistante

[Raphaël]

Salut,

j’imagine que la raison de ce changement est de répondre aux standards HTML5 & CSS3 ?

Je comprends pas ta dernière phrase.

[sub60]

Je comprends pas ta dernière phrase.

Vu que dans le code les classes, corners-top et corners-bottom sont déclarer (c'est du code provenant de 3.0), mais ne servent a rien,
puisqu'il n'y a plus les images correspondante, donc code obsolète

[Raphaël]

Arf ! j’avais mal lu, je pensais que tu recommandais de remplacer le premier code par le second. ^_^

[FranckTH]

Bien vu sub, je remet l'archive à jour concernant le fichier index_body.html ça va être long pour moi de perdre mes bonnes vieilles habitudes ^^

par contre je serais curieux de voir le résultat sur un vieux navigateur...

[Raphaël]

Un vieux navigateur ne pourra pas lire correctement le code, cela va de soit, d’où l’idée d’abandonner parfois certaines habitudes pour que les utilisateurs mettent à jour leurs outils.

Le développeur Web est un des maillons du processus d’évolution des outils utilisés par l’ensemble du parc informatique.

[FranckTH]

Oui raph, mais suis pas sûr que toutes les entreprises mettent à jour correctement leur parc informatique... quand je repense à l'ancienne société ou je travaillais et ou l'on avait un pc fourni par la Poste, grande société française, qui tournait encore sous Windows 98 mdr mdr

[Raphaël]

C’est un autre débat Frank, ton style s’adresse à des particuliers, non aux entreprises.

En tant que particulier lorsque ton outil ne peut plus remplir les tâches que tu lui a confiées, tôt ou tard tu changes d’outil car tes possibilités d’entreprendre s’en trouvent réduites, après les histoires de couts et de moyens c’est du cas par cas.

Je vois le processus d’évolution des outils Web comme cela :

1. de nouvelles technologies voient le jour ;
2. des normes sont établies ;
3. des outils sont créés pour les exploiter ;
4. les développeurs les exploitent ;
5. des sites Web utilisant ces nouvelles technologies apparaissent ;
6. les utilisateurs mettent à jour leurs logiciels pour utiliser au mieux ces sites Web.

Le développeur Web est bien un maillon du processus, sans lui pas d’évolution. Tu fais donc partie de ce processus.

[Draky]

Sympa

A quand ezcom-fr.com/style pour une démo des styles ?

[Raphaël]

Salut,

tous les styles présentés ici, dont celui-ci sont déjà en démonstration. EzCom Demo, pourra peut-être ouvrir ce mois-ci, cela dépend si la version 3.1.5 de phpBB sort ce mois-ci ou le mois prochain.

[Raphaël]

Salut Frank,

des nouvelles ? Des retouches ? Des avatars ? Que sais-je encore…

Pour le mettre conforme à phpBB 3.1.5, et en attendant que phpBB-fr.com publie le sien, il te faut suivre ce guide : https://area51.phpbb.com/code-changes/3 ... -prosilver.

Lorsque ce sera prêt de ton coté, fait moi signe que je puisse rédiger un sujet dédié à ton style dans le viewforum.php?f=13.

Au plaisir.

[Raphaël]

Mise à jour de l’archive pour la version 3.1.5 (compatibilité phpBB 3.1.5).

Changelog : http://forums.phpbb-fr.com/documentatio ... -view.html & correction de l’adresse du nouveau site de l’auteur dans le footer.

Voir les fichiers différents de prosilver :

• template/index_body.html ;
• template/overall_footer.html ;
• template/overall_header.html ;
• template/ucp_pm_viewmessage.html ;
• template/viewtopic_body.html ;
• theme/buttons.css ;
• theme/colours.css ;
• theme/common.css ;
• theme/content.css ;
• theme/forms.css ;
• theme/imageset.css ;
• theme/links.css ;
• theme/responsive.css ;
• theme/stylesheet.css.

Le premier message de ce sujet a été mis en jour car un sujet de présentation a été créé pour l’occasion.