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.

---

Cet article provient de Labo NPDS 2015-2024

L'url pour cet article est : https://labo.infocapagde.com/sections.php?op=viewarticle&artid=1