Bienvenue sur le forum de la communauté EzCom !

Ce forum vous propose des traductions pour
les extensions et les styles dédiés à phpBB 3.1.x.

Une fois inscrit, nous vous invitons à consulter le sujet
EDITO : Bienvenue sur EzCom.

Bonne visite.

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.

Echanges autour de phpBB.

Modérateur : Âmes d'EzCom

Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

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 sujet « STYLE : FTH_Tropic ».

Screenshot du pack d'avatars :
ezcom1.png
ezcom1.png (109.01 Kio) Vu 8322 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 : 1793
Enregistré le : 24 octobre 2014
Réputation : 20
Localisation : Marseille
Race WoW : Humain
Classe Wow : Guerrier
Genre WoW : Masculin
Niveau WoW : 1
Guilde WoW : Guilde des rataouilles
Âge : 35
Sexe : Homme
Drapeau : France
Zodiaque : Scorpion
Contact :
Statut : Hors ligne

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



Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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 : 1793
Enregistré le : 24 octobre 2014
Réputation : 20
Localisation : Marseille
Race WoW : Humain
Classe Wow : Guerrier
Genre WoW : Masculin
Niveau WoW : 1
Guilde WoW : Guilde des rataouilles
Âge : 35
Sexe : Homme
Drapeau : France
Zodiaque : Scorpion
Contact :
Statut : Hors ligne

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



Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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 : 1793
Enregistré le : 24 octobre 2014
Réputation : 20
Localisation : Marseille
Race WoW : Humain
Classe Wow : Guerrier
Genre WoW : Masculin
Niveau WoW : 1
Guilde WoW : Guilde des rataouilles
Âge : 35
Sexe : Homme
Drapeau : France
Zodiaque : Scorpion
Contact :
Statut : Hors ligne

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



Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Traduire en



Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 1793
Enregistré le : 24 octobre 2014
Réputation : 20
Localisation : Marseille
Race WoW : Humain
Classe Wow : Guerrier
Genre WoW : Masculin
Niveau WoW : 1
Guilde WoW : Guilde des rataouilles
Âge : 35
Sexe : Homme
Drapeau : France
Zodiaque : Scorpion
Contact :
Statut : Hors ligne

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



Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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

Traduire en



Avatar de l’utilisateur

Auteur du sujet
FranckTH
EzComien
EzComien
Messages : 39
Enregistré le : 28 mai 2015
Réputation : 1
Localisation : Troyes
Sexe : Homme
Zodiaque : Sagittaire
Contact :
Statut : Hors ligne

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 : 1793
Enregistré le : 24 octobre 2014
Réputation : 20
Localisation : Marseille
Race WoW : Humain
Classe Wow : Guerrier
Genre WoW : Masculin
Niveau WoW : 1
Guilde WoW : Guilde des rataouilles
Âge : 35
Sexe : Homme
Drapeau : France
Zodiaque : Scorpion
Contact :
Statut : Hors ligne

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



Contenu publicitaire :


  • Sujets similaires
    Réponses
    Vues
    Dernier message
  • EXTENSION : Theme Control Panel for Mobbern - Panneau de contrôle du style Mobbern Fichier(s) joint(s)
    par Raphaël » jeu. 13 août 2015 05:43 » dans Présentations des extensions
    4
    5079
    par Raphaël Voir le dernier message
    ven. 13 mai 2016 23:15
  • PERSONNALISATION : Style - PBTech - Ajouter une légende Fichier(s) joint(s)
    par Nosfe » mer. 16 sept. 2015 15:20 » dans phpBB & Co
    5
    2465
    par Nosfe Voir le dernier message
    ven. 18 sept. 2015 20:47
  • STYLE : Blue-Night
    par sub60 » jeu. 24 sept. 2015 15:31 » dans Présentations des styles
    1
    1369
    par Raphaël Voir le dernier message
    sam. 26 sept. 2015 20:17
  • STYLE : Green-Nature
    par sub60 » jeu. 24 sept. 2015 15:33 » dans Présentations des styles
    1
    1286
    par Raphaël Voir le dernier message
    sam. 26 sept. 2015 20:16
  • STYLE : Blue Lagoon
    par tomberaid » dim. 27 sept. 2015 20:34 » dans Présentations des styles
    6
    2521
    par tomberaid Voir le dernier message
    lun. 2 nov. 2015 16:51

Retourner vers « phpBB & Co »

Qui est en ligne

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