Les Exos de Grapho !!!

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mardi
22
22:02

Les Exos de Grapho !!!

Messagepar FranckTH

Bonjour ou bonsoir :)

Petit exercice pratique pour réaliser un style à partir d'un prosilver de base en 3.2.5 (ou autre si la motivation vous en dit)

Tout d'abord il vous faut appréhender ce tuto pour dupliquer un style correctement, ce qui ne saurait être difficile si vous lisez bien les informations ...

http://forums.phpbb-fr.com/documentatio ... -view.html

Je vous conseille (du moins c'est mon avis) de copier l'ensemble du code fichier colours.css de prosilver et de le copier intégralement dans votre future fichier css de votre nouveau style (ça sera plus simple pour la suite)

Dès lors que cette étape est passée, nous allons pouvoir entamer les exos :)

► Exo n°1
- Ajouter un fond d'écran à son forum


Merci de nous faire des captures d'écran ou tout simplement nous montrer un forum test pour visualiser vos débuts en graphisme, bon jeu à tous...


Veuillez renommer votre style perso par le nom de votre pseudo, ça sera plus simple pour l'installation sur le forum test et visualiser vos différents styles
Aucun support par messagerie privée !!!
Image

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mardi
22
22:38

Re: Les Exos de Grapho !!!

Messagepar FranckTH

Dès lors que vous pensez avoir réussi cet exercice, dupliquer le style et y intégrer votre fond d'écran, merci de nous poster votre style perso ici à la suite de ce message, nous le testerons en direct sur le forum de démo

http://graphogames.fr/demo/index.php

Il vous suffira dans la barre de navigation du style de sélectionner le style voulu pour voir à quoi il ressemble ;)
Aucun support par messagerie privée !!!
Image

Avatar du membre France
Luca
Level 4
Level 4
Messages : 225
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  11 11
Localisation : Brive La Gaillarde
Site Web : http://chez-luca-games.fr
Contact :
janv. 2019
mardi
22
23:17

Re: Les Exos de Grapho !!!

Messagepar Luca

Bonsoir ..

Alors je commence ^^

J'ai appelé mon style Vanilla_Word

Il est visible ici http://chez-luca-games.fr/forum/demo/

Vous avez un onglet pour changer de thème

Et voici mon zip

Vannilla_Word.zip


On passe à la suite ... :biere: :super: party
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Image

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mardi
22
23:18

Re: Les Exos de Grapho !!!

Messagepar FranckTH

je vais volontairement le renommer en Luca pour le tuto histoire que tout le monde suive un peu les styles ;) mais grand merci pour ta participation
Aucun support par messagerie privée !!!
Image

Avatar du membre France
Luca
Level 4
Level 4
Messages : 225
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  11 11
Localisation : Brive La Gaillarde
Site Web : http://chez-luca-games.fr
Contact :
janv. 2019
mardi
22
23:23

Re: Les Exos de Grapho !!!

Messagepar Luca

Merci a toi !! c'est une super idée et de donner ton temps aussi c'est géniale :) :)
Image

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mardi
22
23:26

Re: Les Exos de Grapho !!!

Messagepar FranckTH

Pour ceux qui sont un peu à la traine, pas de panique, il vous suffira de relire le message dans son intégralité :)

Pour les autres, nous allons tenter de poursuivre l'aventure

► Exo n°2
- Faire en sorte que le fond d'écran reste fixe par rapport au forum


Pour information: le fond s'appelle background en anglais... à vous de trouver les différentes class en CSS
Aucun support par messagerie privée !!!
Image

Avatar du membre France
Luca
Level 4
Level 4
Messages : 225
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  11 11
Localisation : Brive La Gaillarde
Site Web : http://chez-luca-games.fr
Contact :
janv. 2019
mercredi
23
00:03

Re: Les Exos de Grapho !!!

Messagepar Luca

Pour ma part ...

J'ai centré mon fond , je l'ai forcé à couvrir toute la surface sans déformer l'image , je l'ai fixé et pour finir un margin a 0 pour pas que l'on vois des espaces sur les 4 cotés

Vannilla_Word.zip


:zik: :zik:
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Image

Avatar du membre France
fastgil.com
Level 3
Level 3
Messages : 112
Enregistré le : mer. 19 sept. 2018 09:44
Localisation : Marseille
Site Web : http://city-games.fr
janv. 2019
mercredi
23
17:32

Re: Les Exos de Grapho !!!

Messagepar fastgil.com

FranckTH a écrit :
► Exo n°1
- Ajouter un fond d'écran à son forum


exercice à moitié réussi ptdr

j ai remplacé le background par le mien et installer le style que vous pouvez voir ici https://www.city-games.fr/demo/index.php

fastgil.rar
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mercredi
23
17:53

Re: Les Exos de Grapho !!!

Messagepar FranckTH

c'était presque ça mais ta class que tu déclares pour ton background ne s'appelle pas tout à fait comme ça

Trouve :

Code : Tout sélectionner

background: url("./images/background.jpg");


Remplace par :

Code : Tout sélectionner

background-image: url("./images/background.jpg");
Aucun support par messagerie privée !!!
Image

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 3030
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  8
Site Web : index.php
janv. 2019
mercredi
23
17:56

Re: Les Exos de Grapho !!!

Messagepar FranckTH

et une autre erreur dans l'appel de ton css

dans ton fichier overall_header.html

Trouve :

Code : Tout sélectionner

<link href="{T_THEME_PATH}/Vannilla_Word?assets_version={T_ASSETS_VERSION}" rel="stylesheet">


Remplace par :

Code : Tout sélectionner

<link href="{T_THEME_PATH}/fastgil.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
Aucun support par messagerie privée !!!
Image

  • Team Relax
cron