Lun 25 Juil - 12:32 | Salutations ! Je viens à vous pour savoir si il serait possible d'apporter une petite modification à cette PA : - Spoiler:
pour qu'elle ce retrouve symétrique et en 900px de large : - Spoiler:
Et si possible, retirer l'effet hover du "chapitre" en faite, à gauche ça sera en français et à droite en anglaisMerci énormément :D |
|
Lun 25 Juil - 12:51 | J'ai totalement oubliée .... Serait il aussi possible de modifier ce QEEL pour qu'il soit dans les deux langues ? - Spoiler:
|
|
Mar 26 Juil - 12:06 | Bonjour, - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/CUB_PA.css" rel="stylesheet" type="text/css"><div id="CUB"><!-- MENU --><div class="menuCUBFR">Menu<div><!-- LIENS --><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a></div></div><!-- EVENEMENT EN COURS --><div class="chCUBFR">Chapitre III</div><!-- CONTEXTE --><div class="ctxtCUBFR">Contexte<!-- CONTENU --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 3 ANNONCES/EVENEMENTS - IMAGES 150*250 --><div class="eventsCUB"><div id="ASLID"><ul id="blocASLID"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li></ul></div></div><!-- ANGLAIS --><!-- CURRENT EVENT --><div class="chCUBEN">Chapter III</div><!-- CONTEXT --><div class="ctxtCUBEN">Context<!-- CONTENT --><div>Context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context</div></div><!-- MENU --><div class="menuCUBEN">Menu<div><!-- LINKS --><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a></div></div></div> Partie CSS : - Code:
-
#CUB { width:900px !important; } /* MENU FRANCAIS */ .menuCUBFR { position:absolute; height:235px; width:125px; padding:10px 5px 5px 5px; letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:16px; box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#400C0C; color:white; /* MODIFIABLE */ transition:all 1s linear; -webkit-transition:all 1s linear; } .menuCUBFR div{ position:absolute; z-index:5; margin-top:5px; text-transform:none; transform:scale(0); -webkit-transform:scale(0); transition:all 1s linear; -webkit-transition:all 1s linear; } .menuCUBFR:hover div{ transform: scale(1); -webkit-transform:scale(1); } /* LIEN MENU FRANCAIS */ .menuCUBFR a{ display:block; width:125px; padding:1px 0; overflow:hidden; text-align:center; font-size:9px; color:white; /* MODIFIABLE */ } .menuCUBFR a:hover { font-weight:bold; } /* CHAPITRE FRANCAIS */ .chCUBFR { position:absolute; margin-left:140px; width:220px; height:24px; padding:10px 0px; text-align:center; text-transform:uppercase; background:grey; color:white; font-size:22px; font-family:Times New Roman; /* MODIFIABLE */ } /* CONTEXTE FRANCAIS */ .ctxtCUBFR { position:absolute; margin-top:50px; margin-left:140px; width:200px; height:110px; padding:80px 10px 10px 10px; font-family:Times New Roman; text-align:center; text-transform:uppercase; font-size:24px; box-shadow:inset 0 0 45px rgba(0,0,0,0.3); background:#191919; color:white; /* MODIFIABLE */ transition:all 1s ease; -webkit-transition:all 1s ease; } .ctxtCUBFR:hover { width:200px; height:180px; padding:10px; } /* CONTENU CONTEXTE FRANCAIS */ .ctxtCUBFR div{ position:absolute; width:200px; height:10px; overflow:hidden; text-align:justify; font-size:11px; text-transform:none; font-family:Times New Roman; letter-spacing:1px; transition:all 1s ease; -webkit-transition:all 1s ease; opacity:0; } .ctxtCUBFR:hover div{ opacity:1; height:150px; overflow:auto; } /* SLIDESHOW PA */ .eventsCUB { position:absolute; margin-top:-10px; } /* CHAPITRE ANGLAIS */ .chCUBEN { position:absolute; margin-left:520px; width:230px; height:25px; padding:10px 0px; text-align:center; text-transform:uppercase; background:grey; color:white; font-size:22px; font-family:Times New Roman; /* MODIFIABLE */ } /* CONTEXTE ANGLAIS */ .ctxtCUBEN { position:absolute; margin-top:50px; margin-left:520px; width:210px; height:110px; padding:80px 10px 10px 10px; font-family:Times New Roman; text-align:center; text-transform:uppercase; font-size:24px; box-shadow:inset 0 0 45px rgba(0,0,0,0.3); background:#191919; color:white; /* MODIFIABLE */ transition:all 1s ease; -webkit-transition:all 1s ease; } .ctxtCUBEN:hover { width:210px; height:180px; padding:10px; } /* CONTENU CONTEXTE ANGLAIS */ .ctxtCUBEN div{ position:absolute; width:210px; height:10px; overflow:hidden; text-align:justify; font-size:11px; text-transform:none; font-family:Times New Roman; letter-spacing:1px; transition:all 1s ease; -webkit-transition:all 1s ease; opacity:0; } .ctxtCUBEN:hover div{ opacity:1; height:150px; overflow:auto; } /* MENU ANGLAIS */ .menuCUBEN { position:absolute; margin-left:755px; width:135px; height:235px; padding:10px 5px 5px 5px; letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:16px; box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#400C0C; color:white; /* MODIFIABLE */ transition:all 1s linear; -webkit-transition:all 1s linear; } .menuCUBEN div{ position:absolute; z-index:5; margin-top:5px; text-transform:none; transform:scale(0); -webkit-transform:scale(0); transition:all 1s linear; -webkit-transition:all 1s linear; } .menuCUBEN:hover div{ transform:scale(1); -webkit-transform:scale(1); } /* LIEN MENU ANGLAIS */ .menuCUBEN a{ display:block; width:135px; padding:1px 0; overflow:hidden; text-align:center; font-size:9px; color:white; /* MODIFIABLE */ } .menuCUBEN a:hover { font-weight:bold; } Instructions : I. Copier/coller le code initial dans un sujet dédié de sa partie administration II. Modifier le code à partir du logiciel de sa préférence III. Actualiser le code du sujet dédié IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration ∟ Affichage > Page d'accueil > Généralités ∞ Répéter les étapes II à IV à chaque modification
Aucune modification des éléments ne peut s'effectuer directement à partir du panneau d'administration.Remplacer le code du QEEL [lignes 173 à 221] par :- Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div class="QEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à / Welcome to<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 /," ")</script></div><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>messages / posts</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>membres / members</div></div><!-- EN LIGNE --><div id="onlineQEEL"><div class="tleOQEEL">Membres connectés / Members online</div><div class="onlineQEEL" id="onLINE">{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés /,"Utilisateurs enregistrés / Users online ");</script></div></div><!-- ANNIVERSAIRES --><div id="anvQEEL"><div class="tleAQEEL">Anniversaires / Birthdays</div><div class="anvQEEL"><table id="btDAY">{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table><script type="text/javascript">document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun membre ne fête son anniversaire aujourd'hui / No birthday to celebrate today"); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Aucun membre ne fête son anniversaire dans les 7 prochains jours/,"Aucun membre ne fête son anniversaire dans les 7 prochains jours / No birthday to celebrate in the next 7 days"); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Membres fêtant leur anniversaire dans les 7 prochains jours/,"Membres fêtant leur anniversaire dans les 7 prochains jours / Members celebrating their birthday in the next 7 days "); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Membres fêtant leur anniversaire aujourd'hui / Members celebrating their birthday today ");</script></div></div><!-- 24H --><div id="dayQEEL"><div class="tle24QEEL">24H</div><div class="dayQEEL"><table id="tlDAY">{L_CONNECTED_MEMBERS}</table><script type="text/javascript">document.getElementById('tlDAY').innerHTML=document.getElementById('tlDAY').innerHTML.replace(/Membres connectés au cours des 24 dernières heures /,"Membres connectés au cours des 24 dernières heures / Members connected in the last 24 hours ");</script></div></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div> </td></tr></table> <!-- END disable_viewonline -->
|
|