Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB2]Personnaliser les annonces, notes etc
par soleda Mer 8 Sep 2021 - 8:20

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

Les statistiques du forum
Nous avons 481 membres enregistrés

L'utilisateur enregistré le plus récent est Echo

Nos membres ont posté un total de 27216 messages dans 1378 sujets

[PHPBB2] Votre P.A avec une double porte

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

+41
gigi60
Lilas
Splash
Taraserie
petitefeuille
Neptunia
Morane
Kaeyla
Divarion
Ombi
Chocolatine
RED²
Psychotic Bitch
Ecleasya
Emc2
dragon594
El_Mojito
damieng59
Ezio
Grande013
benchris
tastet.roger
Orphère
mariok
Graazi
Flaura
1baptiste
Gypsy Water.
patriciadpt30
Eczema Help
WyvernNE
ThunderTB
Rumbelle85
databar
safranite
Sick.l.Offrande
pierre31250
Aenigma
Teten85
fleur78
Milouze14
45 participants
Message n°10
Milouze14
Milouze14
Fondateur


https://www.milouze14.com

MessageMilouze14 Mar 12 Nov 2013 - 20:03

Rappel du premier message :

coucou ,

je vais vous montrer comment personnaliser votre page d’accueil en insérant une porte à gauche et à droite
et au survol du menu ces dernières s'ouvriront pour laisser apparaître le contenu hinhin .


Les codes HTML , C.S.S. et Javacripts s'adapteront automatiquement à la largeur de votre forum hinhin .

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Votre P.A avec une double porte - Page 2 Staff10



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


Recherchez ceci:
Code:

 <!-- BEGIN message_admin_txt -->
 <tr>
 <td class="row1" rowspan="3" align="center" valign="middle">
 <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
 </td>
 </tr>
 <!-- END message_admin_txt -->
Remplacez par ceci:
Code:

<!-- BEGIN message_admin_txt -->
 <tr>
<td class="row1"rowspan="3" align="center" valign="middle">
  <div id="M14_porte">
<div class="M14_porte_gauche"> </div>
{message_admin_index.message_admin_txt.MES_TXT}
<div class="M14_porte_droite"> </div>
</div>
</td>
</tr>
 <!-- END message_admin_txt -->
Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout

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

Code:

#M14_porte
{
position: relative;/*ne pas toucher*/
overflow: hidden;/*ne pas toucher*/
height: 100px;/*la hauteur du bloc*/        
width:100%;/*ne pas toucher*/
margin: 0;         /*ne pas toucher*/
padding: 0;   /*ne pas toucher*/
border: 3px solid #021d2b;   /*la bordure*/
}


.M14_porte_gauche
{
background-image:url(LIEN DE L IMAGE);
background-repeat:no-repeat;
background-position:100% 50%;
background:#666666;/*La couleur de fond*/
width: 50%;/*ne pas toucher*/
height: 125px; /*la hauteur du bloc*/    
position: absolute;       /*ne pas toucher*/  
top:0;         /*ne pas toucher*/
left: 0;              /*ne pas toucher*/    
border-right:1px solid #333333;/*la bordure droite*/
}
.M14_porte_droite
{
background-image:url(LIEN DE L IMAGE);
background-repeat:no-repeat;
background-position:0% 50%;
background:#666666;/*La couleur de fond*/
width: 50%;/*ne pas toucher*/
height: 125px;      /*la hauteur du bloc*/  
position: absolute;    /*ne pas toucher*/    
top:0;         /*ne pas toucher*/
right: 0;/*ne pas toucher*/
border-left:1px solid #333333;/*la bordure droite*/
}
La partie gauche qui laissera penser à une poignée de porte correspond à :

Code:

background-image:url(LE LIEN DE L IMAGE);
background-repeat:no-repeat;
background-position:100% 50%;
La partie droite qui laissera penser à une poignée de porte correspond à :
Code:

background-image:url(LE LIEN DE L IMAGE);
background-repeat:no-repeat;
background-position:0% 50%;




Pensez à valider les modifications en cliquant sur le bouton  Valid



Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.

Déposez ce contenu:
Code:

$(function() {
    $('#M14_porte').hover(function(){
    $(this).find('.M14_porte_gauche').animate({ "left": "-=50%" },800 );
    }, function(){
    $(this).find('.M14_porte_gauche').animate({ "left": "+=50%" }, 1000 );
    });
    $('#M14_porte').hover(function(){
    $(this).find('.M14_porte_droite').animate({ "right": "-=50%" }, 800 );
    }, function(){
    $(this).find('.M14_porte_droite').animate({ "right": "+=50%" }, 1000 );
    });
  
});




Pensez a cliquer sur le bouton Valider








Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:52, édité 18 fois

Message n°360
avatar
El_Mojito
Milouzien


http://Crewweedganja.forumactif.be

MessageEl_Mojito Ven 13 Nov 2015 - 12:44

Merci beaucoup !
Message n°370
Anonymous
Invité
Invité

MessageInvité Ven 13 Nov 2015 - 13:28

Merci beaucoup !
Message n°380
avatar
damieng59
Milouzien


http://dg-59.forumactif.org

Messagedamieng59 Ven 13 Nov 2015 - 22:47

Merci beaucoup !
Message n°390
Ezio
Ezio
Milouzien


http://laguerredesdesclans.forumactif.org/

MessageEzio Ven 15 Avr 2016 - 17:39

Merci beaucoup !
Message n°400
Anonymous
Invité
Invité

MessageInvité Ven 15 Avr 2016 - 19:08

Bonsoir,

Merci pour ce magnifique partage.

Au plaisir,
Message n°410
Ezio
Ezio
Milouzien


http://laguerredesdesclans.forumactif.org/

MessageEzio Ven 15 Avr 2016 - 19:37

Merci beaucoup !
Message n°420
dragon594
dragon594
Milouzien


https://dragon-graphisme59.forumactif.org/

Messagedragon594 Mer 25 Mai 2016 - 15:53

Merci beaucoup !
Message n°430
Anonymous
Invité
Invité

MessageInvité Mar 28 Juin 2016 - 16:40

Merci beaucoup !
Message n°440
Emc2
Emc2
Milouzien


http://polisetsophia.forumactif.org/

MessageEmc2 Lun 11 Juil 2016 - 10:35

Merci beaucoup !
Message n°450
avatar
Ecleasya
Milouzien


http://citemortelle.forumactif.be/

MessageEcleasya Lun 11 Juil 2016 - 11:59

merci beaucoup :)
Message n°460
Anonymous
Invité
Invité

MessageInvité Mar 12 Juil 2016 - 0:17

Merci beaucoup !
Message n°470
Psychotic Bitch
Psychotic Bitch
Milouzien


https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Dim 11 Sep 2016 - 22:44

Merci beaucoup :)
Message n°480
Psychotic Bitch
Psychotic Bitch
Milouzien


https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Dim 11 Sep 2016 - 22:44

Merci beaucoup !
Message n°490
Anonymous
Invité
Invité

MessageInvité Jeu 17 Nov 2016 - 23:00

Merci beaucoup !
Message n°500
avatar
RED²
Milouzien


http://www.arcadia-forum.com/

MessageRED² Mar 7 Mar 2017 - 23:49

Merci beaucoup !
Message n°510
Chocolatine
Chocolatine
Milouzien


http://bit.ly/2oPwMrS

MessageChocolatine Mer 21 Juin 2017 - 20:08

Merci beaucoup !
Message n°520
Ombi
Ombi
Milouzien


https://vieminimaliste.forumactif.com/

MessageOmbi Lun 24 Juil 2017 - 21:03

Merci beaucoup !
Message n°530
avatar
Divarion
Milouzien


http://ls-sa.forumactif.com/

MessageDivarion Mer 11 Oct 2017 - 22:12

Merci beaucoup !
Message n°540
Kaeyla
Kaeyla
Milouzien


https://sweethome.forumactif.com

MessageKaeyla Mer 7 Fév 2018 - 13:57

Merci beaucoup !
Message n°550
Morane
Morane
Milouzien


https://famiglia-sinagra.forumactif.com/

MessageMorane Mer 7 Fév 2018 - 19:18

Merci beaucoup  hinhin
Message n°560
Neptunia
Neptunia
Milouzien


https://www.galaxie-series.net/

MessageNeptunia Jeu 8 Fév 2018 - 12:04

Vais voir ça, merci !
Message n°570
petitefeuille
petitefeuille
Milouzien


https://www.petitefeuille.net/

Messagepetitefeuille Jeu 8 Fév 2018 - 12:06

Merci beaucoup !
Message n°580
Taraserie
Taraserie
Milouzien


http://rdvdesseries.forumsactifs.com/

MessageTaraserie Jeu 25 Oct 2018 - 7:13

Très curieuse
Message n°590
Splash
Splash
Milouzien

Avertissement : 50/100

https://lesforums.caforum.fr

MessageSplash Mar 6 Nov 2018 - 7:25

Merci beaucoup !
Message n°600
Lilas
Lilas
Milouzien


http://lefofodemacopine.forumactif.com

MessageLilas Dim 11 Nov 2018 - 22:20

Merci beaucoup !
Message n°610
gigi60
gigi60
Milouzien


https://lacaverneagigi.forums-actifs.com/

Messagegigi60 Mar 11 Déc 2018 - 10:10

Merci beaucoup !
Message n°620
fred9545
fred9545
Milouzien


http://www.mecanique-auto.com/

Messagefred9545 Dim 6 Jan 2019 - 10:51

Merci beaucoup !
Message n°630
Ambroise
Ambroise
Milouzien


https://mon-forum-perso.forumactif.com/

MessageAmbroise Jeu 31 Jan 2019 - 15:50

Merci beaucoup !
Message n°640
Ptite_Perle
Ptite_Perle
Milouzien


https://forumcrea.forumactif.org/

MessagePtite_Perle Ven 29 Mar 2019 - 20:34

Merci beaucoup
Message n°650
Bipo
Bipo
Milouzien


https://www.develforumactif.com/

MessageBipo Dim 31 Mar 2019 - 12:11

Coucou,

Je poste pour voir également cette astuce :)

Bon dimanche !

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum