Blog d'aide de Blog4ever

:b0:
En esp?rant qu'il vous plairas ^^

Partie 1 :



Partie 2 :



Derni?re modification le 25-01-2010 ? 11:58:31

:b1: Valentin

J'ai commencé les bordures et j'avance tranquillement.
Quel est ce logiciel qui permet de voir le css?

Merci pour ces tutos et

Bonne soirée. :sol:

:b1: et :b2:
Il y en à plein des logiciel mais la tu n'en a pas besoin ;)
Bonne personnalisation ;)

Cordialement, Valentin.

:b0: Valentin
J'ai bien suivi et me voici avec des champs de textes personnalisés.

J'ai mis
input[name=pseudo]{
background:#163bde;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input[name=pseudo]:hover,:focus{
background:#000000;
color:#fff;
}

La fonction focus devrait maintenir la couleur noire jusqu'au prochain clic et le hover juste le survol.
Si je met :hover,:focus le focus ne fonctionne pas.
:b2:

Salut Simon,
alors faut mettre :

input[name=pseudo]:hover :focus{
background:#000000;
color:#fff;
}



Derni?re modification le 27-01-2010 ? 12:39:28

:b0: Valentin

non rien à faire.
:b2: :by:

Bon alors fait de forcig ^^


input[name=pseudo]{
background:#163bde;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}
input[name=pseudo]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}

input[name=pseudo]:focus{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}

:b0: re

Rien à faire le mode focus ne va pas.

Sans doute poser la question à KL.
J'ai même essayé:
input[name=pseudo]a:hover,:focus{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}
:by:

Sisi sa marche j'ai testé.
Ajoute ça :
input[name=pseudo]:focus{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}
Car la tu ne l'as pas ajouté.

:b0: re
j'ai dû faire un test car voici:

input[name=pseudo]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}

input[name=pseudo]:focus{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}

input [name=email]{
background:#2b7aca;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input [name=email]:hover{
background:#000000;
color:#fff;
}

input [name=email]:focus{
background:#000000;
color:#fff;
}


Je ne sais pas si on se comprend bien pour FOCUS pour moi c'est : je clic et ça reste 000000; noir même si la souris se déplace.
et ça reprend la couleur de départ au clic suivant sur une autre cellules.
Je clic "pseudo c'est noir puis le noir s'en va si je clic sur e-mail.En ce moment le noir s'en va car c'est en mode "hover"
:by:

Je crois avoir trouver en regardant tout ton code, remplace tout (pas tout tout le css juste les input et tout) pas cela :
input[type=submit]{
background:green;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
}

input[type=submit]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}



textarea {
background:#163bde;
color:#fff;
font-weight:bold;
border: 3px outset #ffcc00;
font: 17pt monotype corsiva;
}

input[type=text]{
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);
}

input[type=text]:hover{
background:#000;
border: 3px outset #ffcc00;
color:#fff;
}

input[type=text]:focus{
background:#000;
border: 3px outset #ffcc00;
color:#fff;
}



Tu avais mis des type et des name donc il ne savais plus quoi choisir donc il faisais son ptit mélange

:by: :b1: Valentin

Désolé de répondre si tard mais j'ai dû m'absenter.

Je ne sais plus LOL, donc voici mon code complet:

/*début de construction des bordures*/

input[type=text]{
background:#163bde;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input[type=submit]{
background:green;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
}

input[type=submit]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}

input[type=text]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}


textarea {
background:#163bde;
color:#fff;
font-weight:bold;
border: 3px outset #ffcc00;lor:#fff;
font: 17pt monotype corsiva;

}

input[name=pseudo]{
background:#163bde;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input[name=pseudo]:hover{
background:#000000;
color:#fff;
}

input[name=pseudo]:focus{
background:#000000;
color:#fff;
}


input [name=email]{
background:#2b7aca;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input [name=email]:hover{
background:#000000;
color:#fff;


}
input [name=email]:focus{
background:#000000;
color:#fff;


}
input [name=site]{
background:#2b7aca;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);

}

input [name=site]:hover{
background:#000000;
color:#fff;


}
input [name=site]:focus{
background:#000000;
color:#fff;


}




/*fin*/


Je note au passage que je n'ai pas mis de code pour : "nbfourni" et "ajouter" et pourtant ces 2 cellules sont actives avec le code hover et noir.

remplace tout cela par :
input[type=submit]{
background:green;
color:#fff;
border: 3px outset #ffcc00;
color:#fff;
}

input[type=submit]:hover{
background:#000000;
color:#fff;
border: 3px inset#ffcc00;
color:#fff;
}



textarea {
background:#163bde;
color:#fff;
font-weight:bold;
border: 3px outset #ffcc00;
font: 17pt monotype corsiva;
}

input[type=text]{
border: 3px outset #ffcc00;
color:#fff;
background-image: url(http://paysages-corses.blog4ever.com/blog/url_artimage-192458-2447626-4626.html);
}

input[type=text]:hover{
background:#000;
border: 3px outset #ffcc00;
color:#fff;
}

input[type=text]:focus{
background:#000;
border: 3px outset #ffcc00;
color:#fff;
}

:b1: Valentin

Rien à faire voici la page :flech: [lien]

Mais ce n'est pas grave , il doit bien y avoir une faute.
La fontion focus est un peu spéciale.
Bonne soirée et merci pour le bon suivi de ce tuto.
:sol: :sol:

Chez moi ça marche mais je crois que internet explorer ne reconnais pas focus, mais sache que sa marche ;)
Et en principe quand on fait un tuto il est mieux de répondre aux question diverses ^^

:b1: Valentin

C'est bien de savoir que ça marche.
IE8 RECONNAIT LA COULEUR ASCENSEUR (scrollbar)mais pas les autres navigateurs.
Je pense que firefox est plus pointu.
ça me tente de télécharger firefox, au moins pour voir les réglages avec 2 navigateurs.
:by:

C'est sur que niveau reconnaissance code Firefox est de loin le meilleurs.
Après si sa marche sur firefox sa ne marche peut être pas sur ie mais si sa marche sur ie sa marche forcément sur firefox.
Voili voilou ^^

:b1: re

J'ai téléchargé firefox et tout est bon.
J'ai même pû regler mon lecteur :flech: [lien]
qui était décalé.( enfin le lecteur c'est un essai)
Ce qui veut dire que tes tutos ne sont pas si mauvais

:by: Bonne fin de soirée.

Merci :ptdr:
Quand tu fait des réglages regarde les sur firefox et ie ;)

Bonne continuation.