Les couleurs en vrai étaient plus belles (vous pouvez encore les voir sur le formulaire d'inscription à la Newsletter) - boutons jaunes au repos et verts au survol, leur padding était mieux sous FF, mais dans l'urgence j'ai fait les captures d'écran comme ça venait, sous IE et FF sans faire attention...
Et voilà ce que j'ai fait pour finalement que sept jours :
/*== Formulaires */
#miniGlobal {margin-top:45px}
#formComment, #divRecommander, #divNewsletter {background:#222; border:1px solid #000; padding:15px 10px 20px; font-family:Verdana; font-size:11px; color:#786e5a}
#miniGlobal h2 {margin:0 0 15px 0; padding:15px 0 0 0; font-family:Verdana; font-size:14px; color:#930; font-weight:bold} /* padd > avec margin ie remonte h2 */
#divNewsletter h2 {font-size:13px}
#miniGlobal #spmk p {margin:0; padding:0} /* ie écarte plus le h2 */
input, textarea {background:#333 url(http://idata.over-blog.com/1/67/55/37/mosa.png) fixed; border:1px solid #000; font-family:Verdana; font-size:11px; color:#786e5a;} /* boutons, champs, texte */
input.w100prct {width:98%; padding:1px 2px; margin:0 0 2px}
#miniGlobal textarea#Texte, #comm textarea {width:97%; height:110px; margin-left:1px; margin-bottom:10px; padding:5px} /* zone de saisie de texte (97% à cause d'un décalage à droite) */
label, #formComment .floatR em {color:#930} /* label à gauche et 'visible par l'auteur...' */
legend {padding:0 5px;} /* (Ob) pas trouvé... laissé, des fois que...*/
#divTexte .nomargin, #divTexte .nopadding {display:block; padding-top:10px; margin-bottom:-5px; font-size:11px} /* pour décoller "rédigez ici votre com" */
#formComment #divTexte {font-size:10px} /* me prévenir par mail */
#divRecommander p, #divNewsletter p, #formComment p {margin:5px 0; padding-top:5px}
#divRecommander span {font-size:100%}
#divNewsletter .legalNotice {margin:15px 12px; font-size:12px; color:#380} /* evtl. margin:15px; essayer sur place/au titre */
#miniGlobal .hitSubmit, #miniGlobal .submit {margin:15px 0 5px; padding:3px; font-size:14px; color:#b88300; font-weight:bold; cursor:pointer} /* boutons publier, envoyer, s'inscrire */
#miniGlobal .center input:hover {color:#480}/* les mêmes survolés */
#miniGlobal input.checkbox, input#texteImage, #divTexte input {background:#555045; border:1px solid #000} /* saisie 3 caractères (et carrés à cocher, blancs grr... ie met la couleur derrière, ff nada cf scrollbar - divTexte pour ie sinon carré bas bordé 333) */
#miniGlobal .error {border:1px solid #eaa600; width:96%; font-weight:normal; color:#eaa600; margin-top:10px} /* en jaune */
strong label {padding:0 5px 0 14px; font-size:13px; letter-spacing:0.08em} /* recopiez ici etc... */
#divRecommander strong label {padding:0 10px 0 18px} /* le pousser + */
#texteImage {width:70px; height:24px; margin:0 4px; text-align:center; font-family: Book Antiqua, Bookman Old Style, serif; font-size:19px; font-weight:bold; color:#000; letter-spacing:0.3em} /* champ où recopier les caractères */
#img_key {margin:10px 2px -8px; border:1px solid #000} /* l'img des trois caractères */
#miniGlobal a img {margin:0 1px; border:1px solid #000} /* les deux flèches */
#miniGlobal a:hover img {border-color:#eaa600}
#miniGlobal .ok {color:#480; margin-top:50px; font-size:16px; text-align:center}
#miniGlobal .closeWindow {margin-top:15px; background:#555045; border:1px solid #000; border-right:2px solid #111; border-bottom:2px solid #111; padding:5px; font-size:14px; font-weight:bold; cursor:pointer}
#miniGlobal .closeWindow:hover {background:#444035}
Essais Nouveaux formulaires : on reprend tout à zéro - merci Ob...
Nouvelle mouture vue avec la web developer...
...malheureusement en vrai sous FF ça donne ça :
et sous IE7 - écartant plus - pour les petits écrans ce n'est pas génial :
ceux qui ne bougeront pas l'ascenseur ne verront pas ce qui est caché
Ça y est, vous pouvez me laisser un com, j'ai refait des formulaires lisibles ! Bon, sous IE j'ai juste limité les dégâts, mais j'ai au moins réussi à liquider l'ascenseur, par contre les boutons (publier etc.) je laisse tomber...
Vous pouvez les voir comme il faut avec Firefox ! Bon, le voici :
Mais "Recommander" est toujours en compote... Version Over-blog :
(avec, il faut le dire, l'interférence de mon fond noir...) attention ça fait mal !
Et pour le remplir, ça devient carrément le parcours du combattant !
Et "Recommander la photo" ça vient faire quoi là ?!
Oulala... bon, laisse tomber...
Hé, hé, avant de décider de l'éliminer j'avais quand-même commencé par virer les horribles liens facebook et consorts (si vous voulez le tuyau, y a qu'à demander), mais vu l'usine à gaz que c'est ce formulaire, personne ne va jamais s'en servir... alors pourquoi me fatiguer à le rendre présentable...
Donc, suite aux changements de formulaires chez Ob, je boycotte celui-ci, sans pour autant vous priver de partager ce merveilleux blog avec vos amis :
Recette perso, bien plus simple, et qui marche au moins sous Firefox et IE8
Pour recommander une page en particulier, pareil, clic droit sur son titre juste sous la bannière, et puis choisir "Envoyer le lien..." ( clic gauche ) (sous Firefox et paraît-il Internet Explorer 8, les autres je ne sais pas...)
Et puis si vous voulez l'envoyer à tout votre carnet d'adresses :) (je rigole !) faites outils > sélectionner les destinataires et mettez-les dans la case CCI (ça évite que vos adresses n'essaiment partout... trop peu de gens le font)
Merci !
), l'administration est devenue imbuvable et des pubs pourries, même invisibles, ralentissent l'affichage.
