Rajouts à faire dans la CSS
Sur les anciens themes, 4 manipulations doivent être réalisées sur la feuille de style :
1) Supprimer la balise span de l'edito
/*****************/
#editorial span {
display: none;
}
2) Ajouter le complement pour vos formulaires sous peine d'affichage cahotique /************************************************************************
CSS Complémentaire pour vos Formulaires
*************************************************************************/
form { /* Délimitation de votre Formulaire*/
padding: 2px;
width: 99%;
}
form p {
line-height:100%;
}
fieldset { /* Regroupe les différentes zones de votre Formulaire */
padding: 15px; /* padding in fieldset support spotty in IE *//*margin: 0;*/
border: 1px solid #000000;
}
legend { /* Titre pour identifier chaque fieldset */
font-size:1.1em;
color: #183a55;
font-weight: bold;
padding-bottom:3px;
}
label {
display: block;
float: left;
width: 180px;
margin-top: 3px;
padding-right: 10px;
text-align: right;
}
input[type=Submit], [type=Reset], [type=Return] {
background-color: #f4912c;
padding:1px 5px 1px 1px;
border: #ffffff 1px solid;
color: #ffffff;
text-decoration: none;
}
input[type=radio] {
border: 0;
background:transparent
}
input[type=Image] {
border: 0;
}
input, select, radio, checkbox, textarea {
border: #000000 1px solid;
color: #000000;
background-color: #ffffff;
margin-top: 2px;
padding: 0;
}
input[type=text]:focus, textarea:focus{
background-color: #dbeaf2;
}
form label span {
color: red;
}
/* Utilisé dans user ! */
form br {
clear:left;
}
3) Ajouter le code nécessaire pour faire fonctionner les infoBulles /************************************************************************
Liens Tooltip ==> Info Bulles
Initialement prévu pour Download / fonctionnel ou vous le souhaitez
*************************************************************************/
a.tooltip {
/*color: gray;*/
border-bottom: 1px dotted gray;
}
a.tooltip em {
display:none;
}
a.tooltip:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
a.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
top: 20px;
left: -10px;
padding: 5px;
color: #000;
border: 1px solid #bbb;
background: #ffc;
width:170px;
text-align: left;
}
a.tooltip:hover em span {
position: absolute;
top: -7px;
left: 15px;
height: 7px;
width: 11px;
margin:0;
padding: 0;
border: 0;
}
4) Ajouter la class .textbox_no_mceEditor à .textbox comme ci dessous :
.textbox .textbox_no_mceEditor { /* Champs de formulaire */
...
...
}
Normalement que ce soit avec un ancien thème en php pur ou autre tout devrait fonctionner. |