Bonjour chers Cowblogueurs Cowblogueuses,

Aujourd'hui, nous allons vous expliquer comment changer les propriétés de la page 'Contacter'. Tout du moins, la mise en forme du bouton et des champs de saisie.

En voici le code, qui va vous permettre de changer tout ça :
Bien évidemment, il est à insérer dans la feuille de Style CSS.
Premium requis.


Afin de mieux comprendre ce que nous voulons vous expliquer,
voici un aperçu des propriétés par défaut :


Comme vous l'avez sans doute remarqué, le 1er champ de saisie correspond à : #user_email, le 2nd correspond à #email_content, puis enfin, #contactsub correspond au bouton 'Envoyer le message'.

Maintenant, nous allons appliquer ce code à notre page CSS.
En voici les résultats :


Puis en image maintenant :


Bien évidemment, les paramètres sont modifiables à souhait.
Bisous, et bonne journée.

Bonjour chers Cowblogueurs Cowblogueuses,

Le thème d'aujourd'hui va vous permettre de changer les propriétés d'une image pour l'a rendre semi transparente, comme dans le menu de droite "GeekandGirl en Images".

En voici le code :


Remarque :
01. Bien évidement l'opacité peut varier selon vos goûts pouvant aller de 0 à 1.
02. Ne fonctionne que sous Mozilla Firefox.
03. Ce tutoriel a été inspiré de ce forum.

Bonjour chers Cowblogueurs Cowblogueuses,

Le thème d'aujourd'hui va vous permettre de changer les propriétés de votre curseur par défaut.
Remarque : ce tutoriel a été trouvé sur internet.

En voici le code :



- auto, le curseur par défaut.
- nw-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche.
- crosshair, curseur en forme de croix fine.
- n-resize, curseur en forme de double petite flèche verticale.
- default, curseur en forme de grosse flèche.
- se-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche.
- pointer, curseur en forme de main avec un doigt déplié.
- sw-resize, curseur en forme de double petite flèche en diagonale bas gauche vers haut droit.
- move, curseur en forme de quatre flèches en croix.
- s-resize, curseur en forme de double petite flèche verticale.
- e-resize, curseur en forme de double petite flèche horizontale.
- w-resize, curseur en forme de double petite flèche horizontale.
- ne-resize, curseur en forme de double petite flèche en diagonale bas gauche vers haut droit.
- text, curseur en forme de sorte de grand I.
- help, curseur en forme de flèche et « ? ».
- wait, curseur en forme de sablier.
- inherit, la forme du curseur hérite de son parent.
- progress, curseur en forme de flèche avec sablier.
- not-allowed, curseur en forme de rond barré.
- no-drop, curseur en forme de main avec un doigt déplié avec un rond barré.
- col-resize, curseur fait de deux traits verticaux avec une flèche de chaque coté.
- row-resize, curseur fait de deux traits horizontaux avec une flèche de chaque coté.
- url (votre URL), curseur personnalisé à l'extension .cur ou .csr.

Bonjour cher Cowblogueurs, Cowblogueuses,

Aujourd'hui, l'équipe de GeekandGirl a décider de vous donner quelques astuces pour améliorer la qualité de votre feuille de style selon vos envies. Malheureusement, le thème d'aujourd'hui requiert l'offre Premium, puisque nous entrons dans la page du CSS. Bref, afin de personnaliser votre « chez-vous » du meilleur possible, voici les deux termes abordés aujourd'hui :
- Enlever le gras de vos dates dans les commentaires postés.
- Enlever ou personnaliser la date de parution de votre/vos Tweet(s).


Comme vous l'avez sans doute aperçu, le gras de vos dates dans les commentaires est mis par défaut. De ce fait, l'équipe de GeekandGirl s'est penchée sur la question, car il faut dire que ce n'est pas au goût de tous les Cowblogueurs(ses). 

Voici le code a copier puis à coller dans votre feuille de style :


Bien évidemment, vous pouvez aussi changer la couleur, les effets, etc. en les insérant dans ce code.
Bien sûr si vous souhaiter garder le gras, n'oublier pas d'enlever le font-weight:normal;.


Dans le module Twitter, les dates de parution de vos Tweets sont aussi mis par défaut. C'est pourquoi nous avons décider de vous donner le code, qui va vous permettre de soit supprimer ces dates, soit de les personnaliser.

De ce fait, voici le code pour les supprimer :


Bien évidemment, vous pouvez garder votre date si vous le souhaiter et ainsi la personnaliser à votre guise.
Vous pouvez ainsi y changer la couleur, les effets, etc. en les insérant dans ce code, sans oublier bien sûr d'y enlever le display:none;.


Et voilà, de petits codes bien sympathiques, qui vous seront sans doute utile.
N'hésitez pas, bien sûr, à poser des questions, le tutoriel est avant tout créer pour vous venir en aide.