Modifications du QEEL
- Sam 27 Aoû 2016 - 7:02 Inscrit le : 20/06/2016
Messages : 138
Messages : 138
sylvius cesarius
Bonjour à tous,
Une fois de plus, je vous demande de nous donner une main secourable.
* Nous avons changé notre QEL comme prévu mais nous n'arrivons pas à modifier certaines choses :
- Changer utilisateur enregistré par Nos amis enregistrés sont :
- Dernier inscrit par : le dernier a avoir transplané
- Membres par : sorciers
- Messages par : parchemins
- enfin qui est en ligne par : miroir de rised
* Nous aimerions aussi pouvoir modifier la taille de police dans le QEL
* Nous aimerions aussi que le QEL soit un tout petit plus petit (en hauteur environ 2 cm de moins)
Voici le code CCL si besoin
Si vous voyez des trucs qui ne vont pas dedans faut pas hésiter à modifier....
Un grand merci à celui ou celle qui viendra à notre rescousse.
Amitié
Sylvius
Une fois de plus, je vous demande de nous donner une main secourable.
* Nous avons changé notre QEL comme prévu mais nous n'arrivons pas à modifier certaines choses :
- Changer utilisateur enregistré par Nos amis enregistrés sont :
- Dernier inscrit par : le dernier a avoir transplané
- Membres par : sorciers
- Messages par : parchemins
- enfin qui est en ligne par : miroir de rised
* Nous aimerions aussi pouvoir modifier la taille de police dans le QEL
* Nous aimerions aussi que le QEL soit un tout petit plus petit (en hauteur environ 2 cm de moins)
Voici le code CCL si besoin
- Code:
*--------------------------------- PA ---------------------------------*/
/* Fond */
.fondsgénéraux {
background-color: #;
width: 1100px;
padding: 15px;
color: #767676;
}
.blocpa {
width: 220px;
padding: 15px;
background-color: #141517;
}
.blocpa:hover {
width: 220px;
background-color: #141517;
border-left: 2px solid #2F3C3E;
border-right: 2px solid #2F3C3E;
}
/* Titres */
.titrePA1 {
font-family: Lucida Calligraphy;
font-size: 35px;
color: #FE6D6D;
z-index: 1px;
position: relative;
}
.titrePA2 {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #F0F0F0;
position: relative;
}
.titrePA2:hover {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #FE6D6D;
position: relative;
}
.titrePA3 {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #FE6D6D;
position: relative;
}
.titrePA3:hover {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #F0F0F0;
position: relative;
}
/* Système onglets */
.paonglet {
display: inline-block;
cursor: pointer;
}
.contenu_paonglet {
display: none;
width: 350px;
height: 360px;
background-color: #141517;
}
.contenu_paonglet:hover {
display: none;
width: 250px;
background-color: #141517;
border-left: 2px solid #2F3C3E;
border-right: 2px solid #2F3C3E;
}
/* Info-bulles staff */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -2em;
left: -2em;
width: 120px;
height: 50px;
background-color: #1B1B1F;
color: #16161A;
text-align: center;
font-weight: none;
}
/* Info-bulles prédef */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: -7.3em;
left: -0.2em;
border-radius: 50%;
width: 90px;
height: 90px;
background-color: #1B1B1F;
color: #16161A;
text-align: center;
font-weight: none;
}
/* Images Prédef */
.imgPA {
border-radius: 50%;
width: 80px;
height: 80px;
}
/* Images Staff */
.imgwidget {
border-radius: 50%;
width: 60px;
height: 60px;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
transition-duration: 1s;
transition-timing-function: linear;
}
.imgwidget:hover {
border-radius: 50%;
width: 60px;
height: 60px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Top Sites */
.tops {
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
width: 40px;
}
.tops:hover {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 40px;
}
/*--------------------------------- FIN PA ---------------------------------*/
.ChatboxLaterale {
position: fixed; /* position fixe dans la fenêtre */
bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
left: 0; /* et collé au bord gauche */
width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
width: 800px; /* largeur */
height: 300px; /* hauteur */
display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}
a:hover{
letter-spacing: 2px;
}
---------------------
#chatbox_header .catBottom .cattitle {
color:white;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Chaudron baveur"; }
#chatbox_header .cattitle { background-image:url(); }
#chatbox_header .cattitle strong { visibility: hidden; }
/** TAILLE QEEL **/
.qeel{
font-size:11px;
}
.qeel .gensmall{
font-size:11px;
}
#qeel-annivs .gensmall {
font-size: 11px;
}
.marge{
margin-left:13px;
}
body, a {
cursor: url(http://img15.hostingpics.net/pics/995083pointe10.png), auto;
}
/** FIN TAILLE QEEL **/
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
}
.tleQEEL a{
font-family:Arial; font-size:36px; color:#dedede; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:5px;
width:255px; height:95px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto;
width:265px; height:125px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:75%; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; /* MODIFIABLE */
}
/* ANNIVERSAIRES */
.anvQEEL {
display:block; margin:10px auto 0;
width:75%; height:75px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#dedede; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPE QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
Si vous voyez des trucs qui ne vont pas dedans faut pas hésiter à modifier....
Un grand merci à celui ou celle qui viendra à notre rescousse.
Amitié
Sylvius
Salut ! Je vais voir ça, mais est-ce que tu peux ne laisser que le code ? C'est très chiant le reste, ça prend toute la page...
Pour changer toute ça, il faut aller dans ton template index_body et voici où tu as toutes les explications : http://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template
Pour modifier la taille de la police, tu vas dans le CSS et tu remplaces le chiffre du "font-size" par celui que tu veux (dans le tiens, c'est 11px).
Pour modifier la taille de ton QEEL, dans chaque bloc, tu trouves le "width" et ensuite tu remplaces le chiffre px par celui que tu veux. Tu peux aussi le faire en % si tu trouves ça plus simple.
Si tu veux voir de quoi ça à l'air "en direct" sans sauvegarder, tu cliques droit sur ton QEEL et en bas tu fais inspecter. Là, tu sélectionnes le QEEL en entier, tu recherches le width, et tu remplaces par ce que tu veux. Tu auras un aperçus direct, et après, tu n'auras qu'à remplacer par les bonnes dimensions !
Pour changer toute ça, il faut aller dans ton template index_body et voici où tu as toutes les explications : http://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template
Pour modifier la taille de la police, tu vas dans le CSS et tu remplaces le chiffre du "font-size" par celui que tu veux (dans le tiens, c'est 11px).
Pour modifier la taille de ton QEEL, dans chaque bloc, tu trouves le "width" et ensuite tu remplaces le chiffre px par celui que tu veux. Tu peux aussi le faire en % si tu trouves ça plus simple.
Si tu veux voir de quoi ça à l'air "en direct" sans sauvegarder, tu cliques droit sur ton QEEL et en bas tu fais inspecter. Là, tu sélectionnes le QEEL en entier, tu recherches le width, et tu remplaces par ce que tu veux. Tu auras un aperçus direct, et après, tu n'auras qu'à remplacer par les bonnes dimensions !
Dernière édition par Scarecrow le Sam 27 Aoû 2016 - 9:28, édité 1 fois
Yellow Path est un jeune forum de RPG
avec une communauté agréable
et qui cherche à rp simplement
dans autant d'univers variés et divers
qu'un chacun peut en imaginer !
Bonjour sylvius cesarius,
J'ai mis ton message sous spoiler le temps que tu arranges ce qui fait bogguer le forum.
Bonne journée
J'ai mis ton message sous spoiler le temps que tu arranges ce qui fait bogguer le forum.
Bonne journée
« L’art sauvera le monde. »
Fiodor Dostoïevski.
- Spoiler:
by Pandora*
Bonjour bonjour,
Le fait de fournir ton template sans les balises Code l'a corrompu (des erreurs s'y sont glissées et ont modifié les codes). Par conséquent, je l'ai retiré.
Comme pour ton CSS, use des balises :
Merci et à bientôt !
Le fait de fournir ton template sans les balises Code l'a corrompu (des erreurs s'y sont glissées et ont modifié les codes). Par conséquent, je l'ai retiré.
Comme pour ton CSS, use des balises :
- Code:
[code][/code]
Merci et à bientôt !
- Code:
/*--------------------------------- PA ---------------------------------*/
/* Fond */
.fondsgénéraux {
background-color: #;
width: 1100px;
padding: 15px;
color: #767676;
}
.blocpa {
width: 220px;
padding: 15px;
background-color: #141517;
}
.blocpa:hover {
width: 220px;
background-color: #141517;
border-left: 2px solid #2F3C3E;
border-right: 2px solid #2F3C3E;
}
/* Titres */
.titrePA1 {
font-family: Lucida Calligraphy;
font-size: 35px;
color: #FE6D6D;
z-index: 1px;
position: relative;
}
.titrePA2 {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #F0F0F0;
position: relative;
}
.titrePA2:hover {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #FE6D6D;
position: relative;
}
.titrePA3 {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #FE6D6D;
position: relative;
}
.titrePA3:hover {
font-family: Lucida Calligraphy;
font-size: 25px;
color: #F0F0F0;
position: relative;
}
/* Système onglets */
.paonglet {
display: inline-block;
cursor: pointer;
}
.contenu_paonglet {
display: none;
width: 350px;
height: 360px;
background-color: #141517;
}
.contenu_paonglet:hover {
display: none;
width: 250px;
background-color: #141517;
border-left: 2px solid #2F3C3E;
border-right: 2px solid #2F3C3E;
}
/* Info-bulles staff */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -2em;
left: -2em;
width: 120px;
height: 50px;
background-color: #1B1B1F;
color: #16161A;
text-align: center;
font-weight: none;
}
/* Info-bulles prédef */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: -7.3em;
left: -0.2em;
border-radius: 50%;
width: 90px;
height: 90px;
background-color: #1B1B1F;
color: #16161A;
text-align: center;
font-weight: none;
}
/* Images Prédef */
.imgPA {
border-radius: 50%;
width: 80px;
height: 80px;
}
/* Images Staff */
.imgwidget {
border-radius: 50%;
width: 60px;
height: 60px;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
transition-duration: 1s;
transition-timing-function: linear;
}
.imgwidget:hover {
border-radius: 50%;
width: 60px;
height: 60px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Top Sites */
.tops {
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
width: 40px;
}
.tops:hover {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 40px;
}
/*--------------------------------- FIN PA ---------------------------------*/
.ChatboxLaterale {
position: fixed; /* position fixe dans la fenêtre */
bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
left: 0; /* et collé au bord gauche */
width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
width: 800px; /* largeur */
height: 300px; /* hauteur */
display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}
a:hover{
letter-spacing: 2px;
}
---------------------
#chatbox_header .catBottom .cattitle {
color:white;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Chaudron baveur"; }
#chatbox_header .cattitle { background-image:url(); }
#chatbox_header .cattitle strong { visibility: hidden; }
/** TAILLE QEEL **/
.qeel{
font-size:11px;
}
.qeel .gensmall{
font-size:11px;
}
#qeel-annivs .gensmall {
font-size: 11px;
}
.marge{
margin-left:13px;
}
body, a {
cursor: url(http://img15.hostingpics.net/pics/995083pointe10.png), auto;
}
/** FIN TAILLE QEEL **/
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
}
.tleQEEL a{
font-family:Arial; font-size:36px; color:#dedede; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:5px;
width:255px; height:95px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto;
width:265px; height:125px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:75%; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; /* MODIFIABLE */
}
/* ANNIVERSAIRES */
.anvQEEL {
display:block; margin:10px auto 0;
width:75%; height:75px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#000000; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPE QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
}
suite code template body
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- 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 -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div id="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE} </a></div>
<div id="blocQEEL"><div class="blocQEEL"><!-- IMAGE GAUCHE 300*275 --><img src="http://www.aht.li/2786060/300275.png" /><!-- MEMBRES CONNECTES/24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div></div></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Le dernier Sorcier à nous avoir rejoints est ")</script><br/><!-- TOTAL MEMBRES --><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /,"Notre communautée magique compte "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," sorciers "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," Sorcier enregistré ");</script><br/><!-- TOTAL MESSAGES --><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /,"Les sorceirs de Tenebros Poudlard ont envoyé un total de "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/,"parchemins ");</script><!-- ANNIVERSAIRES --><span class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></span></div><div id="blocIIQEEL"><div class="blocIIQEEL"><!-- IMAGE DROITE 225*275 --><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/
<!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div></div>
</div></td></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
je ne comprends pas pourquoi cela bug car j'ai pris le template et le code de notre forum c/c en utilisant la balise code
Dernière édition par sylvius cesarius le Sam 27 Aoû 2016 - 14:29, édité 1 fois
Re: Modifications du QEEL
- Sam 27 Aoû 2016 - 15:07 Inscrit le : 20/06/2016
Messages : 138
Messages : 138
sylvius cesarius
Merci de supprimer le post complet, au final on a décidé de revenir en arrière et de retravailler sur un nouveau QEL...En tous les cas merci encore...Comme je l'ai déjà dit on est des gros novice et l'ancienne codeuse nous a vraiment, vraiment mis dans la meumeu c'est pour cela que vous êtes vraiment notre boué de secours alors encore merci....sincérement
Bonsoir bonsoir,
Je vais archiver par conséquent.
Bonne soirée à toi Sylvius !
Je vais archiver par conséquent.
Bonne soirée à toi Sylvius !