Editer le module SP Quick Contact

[dolnar]

Bonjour à tous et à toutes,

Je suis entrain de modifier le module SP Quick Contact afin qu'il ressemble à ce formulaire :

http://www.loopingcommunication.eu/#contact

Mais je suis bloqué au niveau du rendu de mon formulaire par rapport au bordure de ce dernier.
J'ai appliqué la propriété "border-style:none" sur les champs du formulaire en fonction des positions
(top, left et right), mais mon rendu laisse apparaitre une bordure au dessus des champs du formulaire.
Sauriez vous comment je peux régler ce problème.

Voir mon rendu :

Amicalement,
Dolnar

[lomart]

Re : Editer le module SP Quick Contact

Bonjour,

Je pense que cette règle CSS doit convenir

.actAsDiv {
  border-width: 0 !important;
}

[dolnar]

Re : Editer le module SP Quick Contact

Salut, j'ai trouvé la solution. J'ai utilisé la propriété "Box-shadow: none;"


Merci lomart, pour ta proposition.

Maintenant comment je fais pour que lorsque je clique sur l'un des champs du formulaire
le champs vire au noir et non pas seulement au survole.

Voir le code que j'ai utilisé:

<CODE>
/* SP Quick Contact Form
================================*/
div.sp-module
{
margin-top: 25px;
}

#sp-quickcontact-form textarea#message
{
height: 80px;
resize: none;
}

#sp-quickcontact-form input#name,
#sp-quickcontact-form input#email,
#sp-quickcontact-form input#subject,
#sp-quickcontact-form input#sccaptcha,
#sp-quickcontact-form textarea#message
{
width: 100%;
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-bottom: 2px solid #6bbb30;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
box-shadow: none;
}

#sp-quickcontact-form input#name:focus,
#sp-quickcontact-form input#email:focus,
#sp-quickcontact-form input#subject:focus,
#sp-quickcontact-form input#sccaptcha:focus,
#sp-quickcontact-form textarea#message:focus
{
outline: none;
}

#sp-quickcontact-form input#name:active,
#sp-quickcontact-form input#email:active,
#sp-quickcontact-form input#subject:active,
#sp-quickcontact-form input#sccaptcha:active,
#sp-quickcontact-form textarea#message:active
{
border-bottom: 2px solid #002e1a;
}

#sp-quickcontact-form input#name:hover,
#sp-quickcontact-form input#email:hover,
#sp-quickcontact-form input#subject:hover,
#sp-quickcontact-form input#sccaptcha:hover,
#sp-quickcontact-form textarea#message:hover
{
border-bottom: 2px solid #002e1a;
}

#sp-quickcontact-form input#name::-moz-placeholder,
#sp-quickcontact-form input#email::-moz-placeholder,
#sp-quickcontact-form input#subject::-moz-placeholder,
#sp-quickcontact-form input#sccaptcha::-moz-placeholder,
#sp-quickcontact-form textarea#message::-moz-placeholder
{
color: #6bbb30;
}

#sp-quickcontact-form input#sp_qc_submit.button
{
width: 131px;
min-height: 35px;
font-weight: 600;
color: white;
background-color: #6bbb30;
padding: 5px;
border: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#sp-quickcontact-form input#sp_qc_submit.button:hover
{
background-color: #002e1a;
}
</CODE>

[dolnar]

Re : Editer le module SP Quick Contact

Je ne reçois pas les messages dans ma boite mail après remplissage du formulaire. Quelqu'un aurait-il récemment utilisé ce module pour son site web?

Amicalement,
Dolnar

[dolnar]

Re : Editer le module SP Quick Contact

Il fonctionne mieux sur le serveur d'hébergement. Mais pas sur mon serveur local (WampServer). J'ai configuré le système -> serveur sur le PHPMail, cela fonctionne en ligne mais pas en local. Mais le rendu des données dans ma boite de messagerie ne me donne pas un bon aperçu du contenu. J'ai pas la possibilité d'éditer l'affichage du contenu des mails envoyé via le formulaire. Le module Balbooa Form propose cette approche mais il n'est pas éditable du coté de sa mise en forme tel que l'est SP Quick Contact.

[bedbed]

Re : Editer le module SP Quick Contact

Il fonctionne mieux sur le serveur d'hébergement. Mais pas sur mon serveur local (WampServer). J'ai configuré le système -> serveur sur le PHPMail, cela fonctionne en ligne mais pas en local. Mais le rendu des données dans ma boite de messagerie ne me donne pas un bon aperçu du contenu. J'ai pas la possibilité d'éditer l'affichage du contenu des mails envoyé via le formulaire. Le module Balbooa Form propose cette approche mais il n'est pas éditable du coté de sa mise en forme tel que l'est SP Quick Contact.

Salut

je n'arrive pas à modifier la couleur du texte du captcha de ce module.

lorsque je fait

#sp-quickcontact-form input#name,
#sp-quickcontact-form input#email,
#sp-quickcontact-form input#subject,
#sp-quickcontact-form input#sccaptcha,
#sp-quickcontact-form textarea#message
{
color:#ffffff !important;
}

tous les textes deviennent blanc saus celui du sccaptcha

Tu peux m'aider?

[GraphiqueDesign]

Re : Editer le module SP Quick Contact

Ce ne sont pas des images qui servent dans le captcha par exemple ?

[bedbed]

Re : Editer le module SP Quick Contact

Ce ne sont pas des images qui servent dans le captcha par exemple ?

non c'est du texte. il faut juste repondre à une question du genre 1+1=?

la modification de la couleur de ce texte fonctionne sous mozilla mais pas sous chrome et safari.