Mettre texte par dessus bannière...

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
Rappel: Conditions générales d'utilisation de phpBB-fr.com - Conditions générales de support graphique de phpBB-fr.com

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible !

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:12

Tu n'as pas besoin de préciser la largeur, par contre il faut que tu mettes une unité à la valeur : 100px :D
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: Mettre texte par dessus bannière...

Messagepar sub60 » 31 Jan 2012 à 16:12

la ou il y a ton image, common :) :wink:
Image
http://zamilandtest.free.fr/demo/
pas de support par MP le forum est la pour ça!!!
Liste des tutos pour la modif de styles<<<<>>>>a chaque modification de fichiers il faut <<<<>>>>rafraîchir/vider le cache
Avatar de l’utilisateur
sub60
Graphiste
Graphiste
 
Messages: 5033
Inscription: 19 Juin 2006 à 14:14
Localisation: oise (picardie)

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:14

La common.css contient les propriétés de placement des éléments (entre autre), la colours.css définit les couleurs et images
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: Mettre texte par dessus bannière...

Messagepar Diiaz92150 » 31 Jan 2012 à 16:17

Mon image est dans coulours donc je rajoute ma ligne.
Voila mon codage

Code: Tout sélectionner
.copyright {
   background-image: url("{T_IMAGESET_PATH}/foot_logo.png");
   height: 100px;
   color: #a1b927;
}


et mon codage dans common

Code: Tout sélectionner
.copyright {
   padding: 5px;
   text-align: center;
   margin-top: 10px;
   color: #ffffff;
}


Mais maintenant je me retrouve avec des dimmension trop grande enfin pas trop grande mais avec un autre bout d'image qui déborde...
Avatar de l’utilisateur
Diiaz92150
Posteur néophyte
Posteur néophyte
 
Messages: 43
Inscription: 29 Jan 2012 à 16:10

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:20

Le plus propre est d'ajouter la hauteur dans common.css, ensuite pour éviter ce désagrément avec l'image, tu ajoutes aussi ça toujours dans common.css :
background-repeat: no-repeat; :wink:
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: Mettre texte par dessus bannière...

Messagepar sub60 » 31 Jan 2012 à 16:21

rhooo vé faire ma sieste moua... ça va plus la :oops:

j'te laisse entre les mains du maitre sushis :mrgreen: :wink:
Image
http://zamilandtest.free.fr/demo/
pas de support par MP le forum est la pour ça!!!
Liste des tutos pour la modif de styles<<<<>>>>a chaque modification de fichiers il faut <<<<>>>>rafraîchir/vider le cache
Avatar de l’utilisateur
sub60
Graphiste
Graphiste
 
Messages: 5033
Inscription: 19 Juin 2006 à 14:14
Localisation: oise (picardie)

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:24

:P
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: Mettre texte par dessus bannière...

Messagepar Diiaz92150 » 31 Jan 2012 à 16:25

Magnifique donc petit recap rapide

colours.css
Code: Tout sélectionner
.copyright {
   background-image: url("{T_IMAGESET_PATH}/foot_logo.png");
   background-repeat: no-repeat;
   color: #a1b927;
}

.copyright a {
    color: #a1b927 !important;
}


common.css
Code: Tout sélectionner
.copyright {
   height: 100px;
   padding: 5px;
   text-align: center;
   margin-top: 10px;
   color: #ffffff;
}


overall_footer.html
Code: Tout sélectionner
         <div class="copyright">
            Th&ecirc;me <a href="http://www.fpisland.fr/">FPIsland</a> &copy; 2012 :: Powered by <a href="http://www.phpbb.com/">phpBB Group</a> &copy; 2012
            <!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
            <!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
            <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
         </div>   


Dernière question comment remplacer
    {T_IMAGESET_PATH}/foot_logo.png
par un balise
    {FOOT_LOGO}
par exemple...
Avatar de l’utilisateur
Diiaz92150
Posteur néophyte
Posteur néophyte
 
Messages: 43
Inscription: 29 Jan 2012 à 16:10

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:34

Pour cela, il faut créer la variable dans le fichier style.php situé à la racine de ton forum
Trouve :
Code: Tout sélectionner
'{T_THEME_PATH}'         => "{$phpbb_root_path}styles/" . $theme['theme_path'] . '/theme',

Ajoute avant :
Code: Tout sélectionner
'{FOOT_LOGO}'            => "{$phpbb_root_path}styles/imageset/foot_logo.png",

Ensuite remplace url("{T_IMAGESET_PATH}/foot_logo.png") par url("{FOOT_LOGO}")
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: Mettre texte par dessus bannière...

Messagepar Diiaz92150 » 31 Jan 2012 à 16:39

C'est magnifique ! Tu as repondu a pas mal de question que je me posai déjà entre common.css et colours.css et maintenant avec ca... Parfait ! Merci à vous
Avatar de l’utilisateur
Diiaz92150
Posteur néophyte
Posteur néophyte
 
Messages: 43
Inscription: 29 Jan 2012 à 16:10

Re: Mettre texte par dessus bannière...

Messagepar cabot » 31 Jan 2012 à 16:43

Petite correction à faire dans style.php
Au lieu de :
Code: Tout sélectionner
'{FOOT_LOGO}'            => "{$phpbb_root_path}styles/imageset/foot_logo.png",

Mettre :
Code: Tout sélectionner
'{FOOT_LOGO}'               => "{$phpbb_root_path}styles/" . $theme['imageset_path'] . '/imageset/foot_logo.png',
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Précédente

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

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

Partenaires : phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB3 Styles • phpBB podpora • phpBB Portugal    Liens : Net Avenir • PromoBenef • Ticket Gagnant