Bienvenue sur le forum de la Communauté EzCom !

En ces lieux, nous vous aidons à mettre en place et à personnaliser votre forum phpBB 3.1.x, 3.2.x, 3.3.x & 4.0.x grâce à :

Une fois inscrit.e, vous pouvez :

Dernières nouvelles :

Coup d’œil : « EzCom Blog » idéal pour trouver des conseils et des services pour son forum phpBB !

Soutenir le projet de la Communauté EzCom.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

Welcome on the Ezcom Community board! | English visitors, may I help you? Image | Make a donation to EzCom.

ADAPTATION : Style phpBB 3.0.x en style phpBB 3.1.x - FTH_Tropic  Question traitée

Conversion de style phpBB 3.0.X vers 3.1.x | How to convert a phpBB 3.0.x style to 3.1.x.

Assistance & documentations pour phpBB et son environnement.

Modérateurs : Graphistes, Traducteurs

Avatar de l’utilisateur
FranckTH
Invité
Invité

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

Messagepar FranckTH » ven. 29 mai 2015 15:42

Auteur : FranckTH (aka la grenouille)
Nom du style : FTH_Tropic
Version phpBB : 3.1.5
Largeur : Fixe à 950px
Basé sur : prosilver

Démonstration :
Voir un exemple dans le viewforum.php?f=29, autrement le style est accessible rapidement depuis le menu déroulant « Style » situé en haut à droite de toutes les pages du forum.

Capture d’écran :
tropic.png


En cours de réalisation, étant donné que c'est un portage d'un ancien style que j'avais créé pour la branche 3.0.x, le temps de me familiariser avec les nouvelles règles CSS3... Réalisation terminée (voir le lien du sujet de présentation ci-dessous).

Téléchargement :
Consulter la présentation sur le viewtopic.php?f=13&t=297.

Screenshot du pack d'avatars :
ezcom1.png
ezcom1.png (109.01 Kio) Vu 38272 fois


Téléchargement du pack d'avatars :
En cours de réalisation...

Message modifié par : « Raphaël ».
Raison : Changement du titre et ajout du lien vers le sujet de présentation.
Modifié en dernier par FranckTH le sam. 6 juin 2015 08:36, modifié 26 fois.


Contenu publicitaire :

Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 2973
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille

Re: STYLE : FTH_Tropic

Messagepar Raphaël » ven. 29 mai 2015 15:55

Salut,

bien de saison. :)

Oui, je pense à la partie responsive, car actuellement en petite résolution le header ne disparait / ne se réduit pas.

bonne continuation !

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » ven. 29 mai 2015 16:13

Merci Raphaël pour tes conseils, je vais regarder un peu le fonctionnement de tout ça dans le CSS et faire quelques essais sur smartphone


Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » ven. 29 mai 2015 16:42

bon je pense que je vais avoir besoin d'un peu d'aide car en fait ce que je souhaites faire c'est de diminuer le logo et le centrer sur un smartphone et de désactiver complètement le header... mais là va falloir que je bouquine un peu plus le CSS et le responsive.css


Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 2973
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille

Re: STYLE : FTH_Tropic

Messagepar Raphaël » ven. 29 mai 2015 16:57

Tu peux peut-être t’inspirer du style prosilver.

Par exemple Ici, lorsque je réduis la fenêtre à son maximum le bandeau imagé du header va se réduire dans un premier temps, puis n’apparaitre qu’en partie. Ainsi, je ne pense pas qu’il faille réduire ton image.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » ven. 29 mai 2015 17:24

Je viens de tester sur un vieux nokia tout pourri et minuscule, j'ai bien le logo qui disparait et le header qui se réduie :)

Edit: par contre je viens de remettre un min-width à 625px comme préconisé dans le prosilver, j'avais mis 950px en min ce qui sur un téléphone est pas le top


Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 2973
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille

Re: STYLE : FTH_Tropic

Messagepar Raphaël » ven. 29 mai 2015 17:36

Quel navigateur utilises-tu ?

Sous Opera, Google Chrome, Mozilla Firefox et Internet Explorer tu as un outil de développement, qui permet de simuler l’affichage en tant que tablette ou smartphone, c’est plus pratique que de devoir passer par un autre matériel.

J’utilise Opera, et dans « Outils de développement », si je simule en tant que Samsung Galaxy S4 ou Iphone 6, le bandeau du header n’est pas redimensionné.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » ven. 29 mai 2015 17:38

Pourtant c'est étrange car hormis changer la dimension du logo et ajuster les marges pour la boite de recherche je n'ai rien touché d'autre :(

Edit: Testé sous iphone 5 et 6, aucun souci de mon côté


Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » sam. 30 mai 2015 08:57

Le style arrive bientôt à maturité... j'en suis tout ému :)

L'icône "en ligne" ne me plaisant pas j'ai fait une petit modif dans la messagerie privée

Ouvrir le fichier styles/votre_style/template/ucp_pm_viewmessage.html

Trouvez et supprimez :
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Trouvez :
<!-- IF AUTHOR_JOINED --><dd class="profile-joined"><strong>{L_JOINED}{L_COLON}</strong> {AUTHOR_JOINED}</dd><!-- ENDIF -->

Ajoutez après :
<!-- IF S_ONLINE --><dd><strong>{L_ONLINE}/{L_OFFLINE}:</strong> {ONLINE_IMG}</dd><!-- ENDIF -->

Screenshot :
online_ucp.png
online_ucp.png (3.5 Kio) Vu 38432 fois


Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 2973
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille

Re: STYLE : FTH_Tropic

Messagepar Raphaël » sam. 30 mai 2015 09:00

Salut,

oui pourquoi pas, il y a une icône pour le statut hors-ligne ?

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » sam. 30 mai 2015 09:03

oui j'ai ajouté dans le fichier styles/votre_style/theme/fr/stylesheet.css

/* Online image */
.online { background-image: url("./icon_user_online.png"); }
.offline { background-image: url("./icon_user_offline.png"); }

.imageset.icon_user_online {
background-image: url("./icon_user_online.png");
padding-left: 16px;
padding-top: 16px;
}

.imageset.icon_user_offline {
background-image: url("./icon_user_offline.png");
padding-left: 16px;
padding-top: 16px;
}


Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » sam. 30 mai 2015 10:57

Correction effectuée sur le style qui devrait désormais s'afficher correctement sur smartphone ou tablette


Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » sam. 30 mai 2015 14:00

Amélioration esthétique des messages sur le viewtopic...
topic_content.png
topic_content.png (73.47 Kio) Vu 38416 fois


Avatar de l’utilisateur
FranckTH
Invité
Invité

Re: STYLE : FTH_Tropic

Messagepar FranckTH » mar. 2 juin 2015 15:36

Archive ajoutée dans le premier post pour effectuer des tests au bon vouloir de chacun ;)


Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 2973
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille

Re: STYLE : FTH_Tropic

Messagepar Raphaël » mar. 2 juin 2015 16:01

Salut Frank,

Belle ! On va bientôt pouvoir l’ajouter aux styles présentés ici, si tu nous accordes l’autorisation. ;)

Deux choses me chiffonnent :
  1. Code : Tout sélectionner

    votredomaine.com
    Description de votre forum

    Devrait être positionné un tout petit peu sur la droite pour permettre une lecture claire du texte en évitant la feuille de palmier qui cache certaines lettres.
  2. Et le second point, c’est le lien vers l’index qui est bien utilisé sur l’emplacement du logo mais aussi sur le palmier, chose inutile et redondante pour un moteur de recherche.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Contenu publicitaire :


  • Sujets similaires
    Réponses
    Vues
    Dernier message
  • STYLE : Blue-Night
    par sub60 » jeu. 24 sept. 2015 15:31 » dans Styles présentés & traduits
    1
    11358
    par Raphaël
    sam. 26 sept. 2015 20:17
  • STYLE : Green-Nature
    par sub60 » jeu. 24 sept. 2015 15:33 » dans Styles présentés & traduits
    1
    8710
    par Raphaël
    sam. 26 sept. 2015 20:16
  • STYLE : Blue Lagoon Fichier(s) joint(s)
    par tomberaid » dim. 27 sept. 2015 20:34 » dans Styles présentés & traduits
    34
    42103
    par Raphaël
    mar. 11 févr. 2020 07:50
  • PERSONNALISATION : Ajouter un menu dans le header avec le style prosilver SE (Spsecial Edition) Fichier(s) joint(s)
    par hamidouki-dz » jeu. 1 oct. 2015 14:51 » dans Support pour phpBB
    3
    21121
    par Raphaël
    sam. 3 oct. 2015 01:39
  • STYLE : Scuro Fichier(s) joint(s)
    par tomberaid » jeu. 31 août 2017 19:28 » dans Styles présentés & traduits
    21
    17080
    par Raphaël
    mar. 11 févr. 2020 07:49
  • EXTENSION : Parameter Template Variables - Paramètres des variables du style
    par Raphaël » jeu. 9 nov. 2017 06:16 » dans Extensions présentées & traduites
    1
    11884
    par Raphaël
    mar. 21 mai 2019 16:55

Retourner vers « Support pour phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : CommonCrawl [Bot] et 2 invités