Modification de code (PA)

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 anglais

Merci énormément :D
Revenir en haut Aller en bas
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:
 
Revenir en haut Aller en bas
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:
 
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum