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

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 48549 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.

Traduire en

Contenu publicitaire :

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

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 !

Traduire en
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

Traduire en

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

Traduire en

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

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.

Traduire en
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

Traduire en

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

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é.

Traduire en
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é

Traduire en

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 48709 fois

Traduire en

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

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 ?

Traduire en
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;
}

Traduire en

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

Traduire en

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 48693 fois

Traduire en

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 ;)

Traduire en

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

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.

Traduire en
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

Retourner vers « Support pour phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 5 invités