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 !

Mettre texte par dessus bannière...

Messagepar Diiaz92150 » 31 Jan 2012 à 11:25

Salut a tous,

Je souheterais mettre les Copyright par dessus ma bannière en bas de mon forum.

http://www.fpisland.fr

Actuellement mon code est comme ceci

Code: Tout sélectionner
      <div class="footerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <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 DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
            <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
         </div>
         
         <div id="footer-logo">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="/styles/prosilver/imageset/foot_logo.png" height="100" width="900" ></a>
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
         </div>

         <span class="corners-bottom"><span></span></span>
         </div>
      </div>


Merci d'avance
Dernière édition par Diiaz92150 le 31 Jan 2012 à 16:39, édité 1 fois.
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 à 13:02

Hello,

Je dirais que c'est presque bon, il manque juste les infos de traduction...d'autant que tu utilises celle de phpb-fr.com

<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->

: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 sylver35 » 31 Jan 2012 à 13:27

Bonjour,

et aussi ceci:
Code: Tout sélectionner
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>

A retirer car fait double emplois -> bug
La vitesse de la lumière étant supérieure à la vitesse du son, bien des gens paraissent brillants jusqu'au moment où ils ouvrent la bouche.

Image

Nouvelle version du 25/12/2011: Mod Breizh Shoutbox v1.5.0 || Nouvelle version du 22 Mai: Mod Breizh Ajax Checks 1.3.0
Nouvelle version du 04/03/2012: Mod Browser, os & Screen 1.0.0
|| Version du 05/03/2012 -> Erreurs et Notices de débug v1.2.0
Info Sécurité -> Renommer le dossier d'administration adm || Une captcha efficace contre les inscriptions robots || Hébergement breizh hosting (- 15% via Breizh Portal)
Avatar de l’utilisateur
sylver35
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Messages: 4587
Inscription: 26 Fév 2008 à 14:58
Localisation: Bretagne

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

Messagepar cabot » 31 Jan 2012 à 13:49

:mrgreen: J'avais même pas percuté...

Du coup je viens de voir qu'il y a autre chose à modifier :
Code: Tout sélectionner
id="logo"

Tu ne peux pas avoir deux sélecteurs avec le même id sur une page, soit tu lui donne un id différent, soit tu les changes en "class"
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 à 14:21

Hello,

ça aurait été plus simple en mettant l'image en background sur la classe copyright, et le texte était dessus :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 Diiaz92150 » 31 Jan 2012 à 15:35

Désolé pour la traduction mais j'ai recupérer ca sur mon ancien forum fait avec xooit =/ c'est pas forcement une reference... =D
J'ai tenté la méthode copyright est ce bon ? (Cela ne marche pas donc je ne pense pas que ce soit bon =/)

common.css

Code: Tout sélectionner
.copyright {
   background-image: url("{T_THEME_PATH}imageset/foot_logo.png");
   padding: 5px;
   text-align: center;
   margin-top: 10px;
   color: #a1b927;
}


overall_footer.html

Code: Tout sélectionner
<div id="page-footer">

   <div class="navbar">
      <div class="inner"><span class="corners-top"><span></span></span>

      <ul class="linklist">
         <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
               <!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
            <!-- ENDIF -->
         <li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">Staff FPIsland</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
      </ul>

      <span class="corners-bottom"><span></span></span></div>
   </div>

         <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>   
</div>
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 à 15:50

L'erreur est dans le chemin de l'image, {T_THEME_PATH}imageset, remplace par {T_IMAGESET_PATH} :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 Diiaz92150 » 31 Jan 2012 à 15:52

J'ai toujours rien mais est ce que je doit mettre le background dans common ou colours?

Edit : l'un ou l'autre je n'ai rien...
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 à 15:56

Dans colours.css, mais tu as encore fais une erreur car tu appelles {T_IMAGESET_PATH}/imageset/, supprime /imageset/

{T_IMAGESET_PATH} est une variable qui indique le chemin du dossier /styles/le-style/imageset/ :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 Diiaz92150 » 31 Jan 2012 à 15:57

A ouai exacte ! Bon maintenant c'est bon mais j'ai pas les bonnes dimenssions...

Je souhaitais le rajouté au imageset.cfg mais je n'arrive pas à recréer un {IMGE...}

Je débute et j'essaye déjà de simplifier les codage =D ... =O
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:01

Il faut que tu ajoutes une propriété de hauteur ayant comme valeur la hauteur de ton image, dans la classe copyright.

Ben si sub, l'image est bien :D

Edit : namého, l'est où ton post :mrgreen: :mrgreen: :mrgreen:
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:04

cabot a écrit:Edit : namého, l'est où ton post :mrgreen: :mrgreen: :mrgreen:


un del, j'allais pas l'embrouiller avec le {T_THEME_PATH}, alors que tu lui donnait la réponse :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 Diiaz92150 » 31 Jan 2012 à 16:04

Dans la class copyright je rajoute mes propriété de hauteur c'est a dire dans le common.css ou dans le overall_footer.html ?
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 sub60 » 31 Jan 2012 à 16:05

en css voyons :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 Diiaz92150 » 31 Jan 2012 à 16:08

Dans colours ou bien meme dans common

J'ai rajouté ceci

Code: Tout sélectionner
   height: 100;
   width: 900;


Mais rien ne change =/
Avatar de l’utilisateur
Diiaz92150
Posteur néophyte
Posteur néophyte
 
Messages: 43
Inscription: 29 Jan 2012 à 16:10

Suivante

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