Index / Modèle / Modifications des thèmes

Rajouts à faire dans la CSS -

(405 mots dans ce texte ) -  lu : 184 Fois


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 {
    padding-top: 2px;
    width: 99%;
}
form p {
    line-height:100%;
}
fieldset {
    padding: 15px;
}
legend {
    font-size:1.1em;
    color: #b80b36;
    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: #548dd1;
    padding:1px 5px 1px 1px;
    border: #000000 1px solid;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
input select, radio, checkbox, textarea {
    border: #ffd572 1px solid;
    color: #000000;
    background-color: #ffffff;
    margin-top: 5px;
    padding: 0;
}
input radio {
    background-color: transparent;
    border: 0;
}
form label span {
    color: red;
}
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:200px;
}
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.

Menu
Pedigrees et qualifs sur le Net!

Trot-Pedigree.net

Plus de contenu