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 : -61%
-140€ sur la Table à manger STARLIGHT ...
Voir le deal
89.99 €

 

 [PHPBB3] Personnaliser le qeel sur son apparence

Aller en bas 
+15
50Thierry
Emc2
Jackymi
clost
mariok
bildil62
Gae
patriciadpt30
Dada
Artdrock
WyvernNE
curieux75
pierre31250
fleur78
Milouze14
19 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 17 Mar 2014 - 19:12

coucou  ,


Je ne vais pas vous donner d'astuce pour modifier le texte
car c'est encore assez complexe à l'heure actuelle  hinhin vu le code source du Qeel.

On va simplement donner un identifiant afin de pouvoir mettre tout ce Qeel
à votre convenance les ami(e)s  clin oeil .

Les backgrounds et les couleurs ne sont pas chouette ,
mais vous verrez de vous même pour modifier tout çà  clin oeil .




Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite comme : Attribution de class sur le Qeel
Cocher sur l'index.

Collez ce contenu:
Code:

//LE TITRE QUI EST EN LIGNE
$(function(){
$("#i_whosonline.img-whois ").prev("div.h3").wrap('<div class="M14_Titre_Qeel"></div>');
});

//LE BLOC QUI EST EN LIGNE
$(function(){
$("#i_whosonline.img-whois ").next("p").wrapAll('<div class="M14_Bloc_Qeel"></div>');
});

//LE BLOC DES STATS
$(function(){
$(".M14_Bloc_Qeel").nextAll("p.page-bottom").wrapAll('<div class="M14_Bloc_Stats"></div>');

});
//LE TITRE DES STATS
$(function(){
$(".M14_Bloc_Stats").prev("div.h3").wrap('<div class="M14_Titre_Stats"></div>');
});



Penser a cliquer sur le bouton Valid

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

La C.S.S est entièrement commentée, à vous de modifier les couleurs.
Pour le tutoriel, toutes les polices ont la même couleur  clin oeil .

Collez ceci:
Code:

/* le titre de QUI EST EN LIGNE*/
.M14_Titre_Qeel
{
background:yellow;/*couleur de fond*/
color:pink !important;/*couleur de police*/
padding:3px; /*on donne un espace*/
margin:2px 0 2px 0;/*on donne une marge en ahut et en bas pour ne pas coller*/
-webkit-border-radius: 6px;/*les bordures arrondies*/
-moz-border-radius: 6px;
border-radius: 6px;
}
/*Le contenu de QUI EST EN LIGNE*/
.M14_Bloc_Qeel
{
background:orange;/*couleur de fond*/
color:red !important;/*couleur de police*/
padding:5px;/*on donne un espace*/
-webkit-border-radius: 6px;/*les bordures arrondies*/
-moz-border-radius: 6px;
border-radius: 6px;
}
/*L apparence des liens et caracteres gras*/
.M14_Bloc_Qeel a , .M14_Bloc_Qeel strong
{
color:red !important;/*couleur de fond*/
font-weight:normal !important; /*on remet les caracteres gras en normal*/
text-decoration:none !important;/*on supprime le soulignement des liens*/
}
/*Le titre STATISTIQUES*/
.M14_Titre_Stats
{
background:pink;/*couleur de fond*/
color:yellow !important;/*couleur de police*/
padding:3px;/*on donne un espace*/
margin:2px 0 2px 0;/*on donne une marge en ahut et en bas pour ne pas coller*/
-webkit-border-radius: 6px;/*les bordures arrondies*/
-moz-border-radius: 6px;
border-radius: 6px;
}
/*Le contenu de STATISTIQUES*/
.M14_Bloc_Stats
{
background:green;/*couleur de fond*/
color:blue !important;/*couleur de police*/
padding:5px;/*on donne un espace*/
-webkit-border-radius: 6px;/*les bordures arrondies*/
-moz-border-radius: 6px;
border-radius: 6px;
}
/*L apparence des liens et caracteres gras*/
.M14_Bloc_Stats a , .M14_Bloc_Stats strong
{
color:blue !important;/*couleur de fond*/
font-weight:normal !important; /*on remet les caracteres gras en normal*/
text-decoration:none !important;/*on supprime le soulignement des liens*/
}




Penser a cliquer sur le bouton Valid


Dernière édition par Milouze14 le Mer 1 Déc 2021 - 4:15, édité 8 fois
Revenir en haut Aller en bas
https://www.milouze14.com
fleur78
Milouzien

fleur78



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 17 Mar 2014 - 20:20

Merci a voir
Revenir en haut Aller en bas
http://graphfleur78.forumactif.org/
pierre31250
Milouzien

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyDim 18 Mai 2014 - 20:34

bonjour, merci ça pourrait m'être utile sur phpbb3
Revenir en haut Aller en bas
curieux75
Milouzien

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 23 Juin 2014 - 18:19

Merci  super
Revenir en haut Aller en bas
WyvernNE
Milouzien

WyvernNE



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyMar 30 Sep 2014 - 7:24

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

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyMer 1 Oct 2014 - 14:04

Merci
Revenir en haut Aller en bas
http://quentoch-team.forum.st/forum
Dada
Milouzien

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyJeu 4 Déc 2014 - 18:25

Merci
Revenir en haut Aller en bas
patriciadpt30
Milouzien

patriciadpt30



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 28 Sep 2015 - 21:11

merci beaucoup cordialement :)
Revenir en haut Aller en bas
Gae
Milouzien

Gae



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyMer 30 Sep 2015 - 18:41

Merci
Revenir en haut Aller en bas
http://www.famille-r3d-dw4rf.com/
bildil62
Milouzien élite

bildil62



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyJeu 1 Oct 2015 - 19:48

Merci beaucoup !
Revenir en haut Aller en bas
https://www.milouze14.com/
Invité
Invité
Anonymous



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptySam 3 Oct 2015 - 3:56

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

mariok



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptySam 10 Oct 2015 - 8:51

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
clost
Milouzien

clost



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 21 Mar 2016 - 19:46

Merci beaucoup !
Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
Jackymi
Membre regretté

Jackymi



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyLun 27 Juin 2016 - 23:03

Merci beaucoup !
Revenir en haut Aller en bas
http://www.skywebforum.com/
Emc2
Milouzien

Emc2



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyMar 28 Juin 2016 - 22:15

Merci beaucoup !
Revenir en haut Aller en bas
http://polisetsophia.forumactif.org/
50Thierry
Milouzien

50Thierry



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyJeu 30 Juin 2016 - 2:30

Merci beaucoup !
Revenir en haut Aller en bas
http://www.gps-sne.com/
photoclic
Milouzien

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyMar 12 Juil 2016 - 14:32

Merci beaucoup !
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Invité
Invité
Anonymous



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptySam 28 Oct 2017 - 19:39

Merci beaucoup !
Revenir en haut Aller en bas
Milouze14
Fondateur

Milouze14



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptySam 28 Oct 2017 - 19:41

Fred,
avant que ton fofo bug,
as tu lu ce message ?

https://www.milouze14.com/t31020-fredr#589537
Revenir en haut Aller en bas
https://www.milouze14.com
hamesashek
Milouzien

hamesashek



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyVen 10 Nov 2017 - 22:46

Merci beaucoup !
Revenir en haut Aller en bas
http://3arb-way.a7larab.net/
dams161
Milouzien

avatar



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptySam 19 Jan 2019 - 22:52

Merci beaucoup !
Revenir en haut Aller en bas
http://allsimracingteam.forumactif.com
Splash
Milouzien

Splash



[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence EmptyDim 20 Jan 2019 - 8:35

Merci beaucoup !
Revenir en haut Aller en bas
https://lesforums.caforum.fr
Contenu sponsorisé





[PHPBB3] Personnaliser le qeel sur son apparence Empty
MessageSujet: Re: [PHPBB3] Personnaliser le qeel sur son apparence   [PHPBB3] Personnaliser le qeel sur son apparence Empty

Revenir en haut Aller en bas
 
[PHPBB3] Personnaliser le qeel sur son apparence
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB3]Personnaliser les annonces, notes etc
» [PHPBB3] Retirer les crochets des groupes dans le Qeel
» [PHPBB3] Personnaliser les balises hide code quote et spoiler
» [PHPBB2] Personnaliser la pagination
» [PHPBB2]Personnaliser les annonces, notes etc

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