MER
MER
Carte des utilisateurs
Glossaire
icon_npds_glossaire

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | Autres

Langue
En ligne

Il y a actuellement 2 visiteur(s) et 0 membre(s) en ligne.

Devenez membre privilégié en cliquant ici

Chat anonyme -1
92.184.1.😎

sondage 2
Test sondage
Résultats  Anciens sondages
  • Votes : 12
Agenda

Octobre
2022

L M M J V S D
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Jour avec événement(s)
Jour férié
Galeries Photo
Activité du Site

Pages vues depuis 20/04/2015 : 15 323 915

  • Nb. de membres 43
  • Nb. d'articles 5
  • Nb. de forums 50
  • Nb. de sujets 9
  • Nb. de critiques 1

Top 10  Statistiques

Github jpb
Index / Modèle / Modifications des thèmes

Rajouts à  faire dans la CSS -

(417 mots dans ce texte ) -  lu : 1067 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 {  /* 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.

Autres publications de la sous-rubrique3

Catégories
    Article du Jour
    Il n'y a pas encore d'article du jour.
    Un Bloc à  passer à  gauche
    pour test