Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
One-Punch Man Tome 25 en édition Collector : ...
Voir le deal
9.90 €

 

 [PHPBB2] Afficher le Queel dans un footer semi masqué

Aller en bas 
+12
mariok
Jérôme 90
Gypsy Water.
patriciadpt30
Dada
WyvernNE
Eczema Help
ThunderTB
safranite
databar
fleur78
Milouze14
16 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyDim 20 Oct 2013 - 8:43

coucou ,

comment avoir un Queel en parti caché en bas de page en ne laissant apparaitre qu'une infime partie hinhin .
un peu comme sur ce forum, sauf qu'il a été modifié quelque peu moqueur .

Il n'y aura pas d'entraide sur l'affichage du Queel de ce forum,
à vous d'avoir de l'imagination les ami(e)s.

La manipulation est assez simple a effectuer ,
il faut juste pour celles et ceux qui n'ont pas toucher à l'apparence du Queel
il faudra voir avec l'image du fond des titres :


Affichage/Images et couleurs/Gestion des images/Mode avançé

   Général / navigation

Afin de voir la hauteur de l'image afin de laisser apparaitre que celle ci clin oeil .


Je prend l'exemple de ce forum ,
L'image de fond est celle ci :
[PHPBB2] Afficher le Queel dans un footer semi masqué I_back10

Ces dimensions sont 50px par 32px

Ce qui nous intéresse , c'est sa hauteur donc 32px .

En fait , on indiquera dans la CSS une hauteur pour le Queel puis on demandera de ne laisser que l'image
du fond des titres.

Si je veux que mon Queel est une hauteur de 300px
Ma css indiquera -268px

Allez c'est parti :

Dans le template index_body:
Affichage/Templates/Général/index_body



Recherchez ceci:
Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Attention c'est assez compliqué moqueur 

Remplacez par ceci:
Code:

<!-- BEGIN disable_viewonline -->
<table id="M14_footer"class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout

transpir  c'est pas facile tous les jours moqueur .

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:

/* le queel*/
#M14_footer
{
position:fixed ;
left:0 !important;/*on demande un affichage sur toute la largeur du forum*/
bottom:-268px ;/* en relation avec l image du fond des titres*/
height:300px ;/*la hauteur du queel*/
cursor:pointer;
/*l opacite pour laisser l arriere plan*/
-moz-opacity:0.5;
-khtml-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
opacity:0.5;
zoom: 1;/* HACK POUR IE */
/*les transitions*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*Le queel au survol*/
#M14_footer:hover
{
background:#141414;/*la couleur de fond*/
/*on supprime l opacite*/
-moz-opacity:1;
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
zoom: 1;/* HACK POUR IE */
bottom:0;/*on le place a 0 px du bord au survol*/
}


Pensez à valider les modifications en cliquant sur le bouton  Valid




Dernière édition par Milouze14 le Lun 29 Nov 2021 - 7:52, édité 5 fois
Revenir en haut Aller en bas
https://www.milouze14.com
fleur78
Milouzien

fleur78



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyDim 20 Oct 2013 - 9:41

Merci
Revenir en haut Aller en bas
http://graphfleur78.forumactif.org/
Invité
Invité
Anonymous



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyJeu 17 Avr 2014 - 23:15

Merci, je suis curieux ...
Revenir en haut Aller en bas
databar
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyJeu 14 Aoû 2014 - 22:12

je suis curieux
Revenir en haut Aller en bas
safranite
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyVen 15 Aoû 2014 - 12:38

merci
Revenir en haut Aller en bas
ThunderTB
Milouzien

ThunderTB



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyVen 5 Sep 2014 - 4:45

Merci
Revenir en haut Aller en bas
http://hockeyfederation.forumgratuit.org/forum
Eczema Help
Milouzien

Eczema Help



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyDim 12 Oct 2014 - 19:50

Merci
Revenir en haut Aller en bas
http://eczemahelp.forumactif.org/
WyvernNE
Milouzien

WyvernNE



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyJeu 13 Nov 2014 - 8:52

Merci beaucoup !
Revenir en haut Aller en bas
http://foxtrottx3.forumgratuit.ch/
Dada
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyMer 31 Déc 2014 - 17:59

Merci beaucoup !
Revenir en haut Aller en bas
patriciadpt30
Milouzien

patriciadpt30



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyDim 22 Fév 2015 - 10:13

Merci beaucoup !
Revenir en haut Aller en bas
Gypsy Water.
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyJeu 26 Fév 2015 - 19:35

Merci beaucoup !
Revenir en haut Aller en bas
Jérôme 90
Milouzien

Jérôme 90



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyVen 17 Juil 2015 - 7:14

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amazingeurotruckshop.biz/
Invité
Invité
Anonymous



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyVen 17 Juil 2015 - 9:22

Merci beaucoup super
Revenir en haut Aller en bas
mariok
Membre regretté

mariok



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptySam 18 Juil 2015 - 10:16

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
Invité
Invité
Anonymous



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyVen 7 Aoû 2015 - 19:33

Merci beaucoup !
Revenir en haut Aller en bas
dragon594
Milouzien

dragon594



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyMer 25 Mai 2016 - 16:12

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
SuperSpaceCab
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyMar 15 Nov 2016 - 7:06

Merci bien !
Revenir en haut Aller en bas
http://www.ets2-mods-forum.com/
Invité
Invité
Anonymous



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyMar 15 Nov 2016 - 7:50

Merci beaucoup pour ce magnifique partage et pour toutes ces superbes nouveautés pour améliorer et donner un cachet personnaliser à nos fofo. !

Je vais voir ce que va donne.

Amicalement,
Revenir en haut Aller en bas
Tony L
Milouzien

avatar



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyMer 16 Nov 2016 - 18:40

Merci beaucoup !
Revenir en haut Aller en bas
https://diamant-mandarin-evo.superforum.fr/
Psychotic Bitch
Milouzien

Psychotic Bitch



[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué EmptyDim 27 Jan 2019 - 15:49

Merci beaucoup !
Revenir en haut Aller en bas
https://wildestdreams.forumactif.com/
Contenu sponsorisé





[PHPBB2] Afficher le Queel dans un footer semi masqué Empty
MessageSujet: Re: [PHPBB2] Afficher le Queel dans un footer semi masqué   [PHPBB2] Afficher le Queel dans un footer semi masqué Empty

Revenir en haut Aller en bas
 
[PHPBB2] Afficher le Queel dans un footer semi masqué
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
» [PhpBB2]Afficher le lien du sujet dans les messages
» [PHPBB2] Afficher le posteur du sujet dans les réponses
» [PHPBB2] Afficher l'icône du sujet dans le message
» [PHPBB2] Afficher l'avatar dans une citation nommée

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Phpbb2-
Sauter vers: