Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[PHPBB2] Votre P.A avec une double porte
Page 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
- Milouze14Fondateur
Rappel du premier message :
,
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
.
Les codes HTML , C.S.S. et Javacripts s'adapteront automatiquement à la largeur de votre forum
.
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherchez ceci:
puis 
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Pensez à valider les modifications en cliquant sur le bouton
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur l'index.
Déposez ce contenu:
Pensez a cliquer sur le bouton Valider
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports

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

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

-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
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 -->
- 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 -->


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*/
}
- Code:
background-image:url(LE LIEN DE L IMAGE);
background-repeat:no-repeat;
background-position:100% 50%;
- 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

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

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:52, édité 18 fois
- El_MojitoMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- damieng59Milouzien
Merci beaucoup !
- EzioMilouzien
Merci beaucoup !
- InvitéInvité
Bonsoir,
Merci pour ce magnifique partage.
Au plaisir,
Merci pour ce magnifique partage.
Au plaisir,
- EzioMilouzien
Merci beaucoup !
- dragon594Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Emc2Milouzien
Merci beaucoup !
- EcleasyaMilouzien
merci beaucoup :)
- InvitéInvité
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup :)
- Psychotic BitchMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- RED²Milouzien
Merci beaucoup !
- ChocolatineMilouzien
Merci beaucoup !
- OmbiMilouzien
Merci beaucoup !
- DivarionMilouzien
Merci beaucoup !
- KaeylaMilouzien
Merci beaucoup !
- MoraneMilouzien
Merci beaucoup 

- NeptuniaMilouzien
Vais voir ça, merci !
- petitefeuilleMilouzien
Merci beaucoup !
- TaraserieMilouzien
Très curieuse
- SplashMilouzien
Merci beaucoup !
- LilasMilouzien
Merci beaucoup !
- gigi60Milouzien
Merci beaucoup !
- fred9545Milouzien
Merci beaucoup !
- AmbroiseMilouzien
Merci beaucoup !
- Ptite_PerleMilouzien
Merci beaucoup
- BipoMilouzien
Coucou,
Je poste pour voir également cette astuce :)
Bon dimanche !
Je poste pour voir également cette astuce :)
Bon dimanche !
Page 2 sur 2 • 1, 2
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum