Bienvenue sur ADI SARL
  Nécessite une traduction [** Create an account **] |
AccueilSujetsTéléchargemmentsVotre CompteSoumettre un ArticleTop  


  • formulaire mail

  • Rajouts à faire dans la CSS

    (417 mots dans ce texte )  -   lu : 459 Fois     Page Spéciale pour impression

    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.




    Retour à la sous-rubrique :






    109.28.2.:-P
    109.28.2.:b
    109.28.2.
    80.119.1.test

    Cliquez ici pour entrer

    0 personnes connectées.




    Il n'y a pas encore d'Article du Jour.






    Charte - Contact - Admin - Firefox  RSS 1.0
    A.D.I SARL service informatique particulier et pro Copyright 2004-2015


    Thème adapté pour NPDS par Skullito

    Temps : 0.1226 seconde(s)