Sidebar à droite dans le Twenty Fifteen WP thème

Pour changer la position du sidebar du thème Twenty Fifteen de gauche à droite, il faut rajouter les codes suivants dans le fichier style.css de votre child theme (thème enfant) :

@media screen and (min-width: 59.6875em) {
/* placing sidebar to the right side */
body {
    direction:rtl;
}
body::before {
    right:0 !important;
    left:auto !important;
}
.site-content,
.sidebar,
.site-footer {
    direction:ltr;
}
.site-content {
    float:right !important;
    margin-right:29.4118% !important;
    margin-left:auto !important;
}
.sidebar {
    float:right !important;
    margin-right:auto !important;
    margin-left:-100% !important;
}
.site-footer {
    float:right !important;
    margin:0 35.2941% 0 0 !important;
}
}

Faites attention que ces codes sont appliqués pour les écrans plus larges seulement (@media screen and (min-width: 59.6875em)), le sidebar disparait sur les écrans plus petites.

Une faille sur le navigateur Internet Explorer et Spartan


Un chercheur en sécurité a découvert une faille critique sur le navigateur de Microsoft, Internet Explorer. Celle-ci permettrait à une personne malintentionnée de piéger les internautes en créant des faux sites sans que l'utilisateur ne puisse s'en rendre compte...
Découvert le 13 octobre dernier, ce problème n'est actuellement toujours pas corrigé par Microsoft, et concerne aussi bien Internet Explorer que Spartan.

Lire l'article → sur le site de Clubic.com

Les commentaires conditionnels ne sont plus pris en charge


La prise en charge des commentaires conditionnels a été supprimée dans les modes standard et Quirks d’Internet Explorer 10 pour plus d’interopérabilité et de conformité avec HTML5. Les commentaires conditionnels sont donc désormais traités en tant que commentaires réguliers, comme dans les autres navigateurs...

Lire l'article → sur le site de Microsoft

Pour moi ça veut dire que

<!-- [if gte IE 9]><![endif]-->

n'a plus de sens.

Créer une adresse hotmail ou live avec l'extension .com

Quand vous créez une adresse de Hotmail ou Live, le système donne automatiquement une adresse française avec l'extension en .fr. Si vous voulez créer un adresse avec l'extension .com :

  • Ouvrez l'Internet Explorer → onglet Options Internet → onglet GénéralLanguesAjouter (si nécessaire) la langue Anglais (Etats-Unis) [en-US]' → mettre cette langue en tête de liste avec les boutons Monter et DescendreOK.
  • Fermer toutes les fenêtres d'Internet Explorer en cours.
  • Déconnectez-vous du compte Hotmail actuel si ouvert, puis allez à l'adresse http://hotmail.com/ et cliquer sur Créer un compte maintenant (Sign up now). Les domaines hotmail.com, outlook.com et live.com seront proposés.

Show - Hide div en inline-block

En utilisant la fonction slideToggle, il faut déclarer notre div display: none dans notre feuille de style et quand on click sur le bouton, jQuery affiche la div en block. Mais comment faire si on veut notre div en inline-block ? Utilisez la méthode suivante :

.div {
display: inline-block;
}
$('.div').hide();

$('.bouton').bind('click', function() {
    $('.div').slideToggle( '1000','linear' );
    return false;
    $(this).text($(this).text() == "Ouvrir" ? "Fermer" : "Ouvrir"); // texte du bouton - optionnel
})

Lire la suite

Ajouter des margins à la table

Quand on utilise le nouveau css pour afficher une div en table (display:table ou display:table-row ou encore display:table-cell, etc.), l'ajout des margins est impossible. Pour contourner le problème, vous pouvez donner des bordures transparentes :

div {
display: table-cell;
border-bottom: 10px solid transparent;}

Un formulaire de contact gratuit avec anti spam pour Blogger

Beaucoup de gens cherchent un formulaire de contact avec anti spam code pour Blogger et en plus gratuit. Je vous propose Foxyform qui offre un formulaire en plusieurs langues, notamment en français. L'installation est très facile : vous rajoutez des champs souhaités, puis vous devez copier/coller le code sur la page de votre contact.

Les contenus des pseudos classes :before et :after


La base

On peut donner des éléments à coté gauche et droite (ou avant et après) d'un autre élément, par exemple une espace vide (blank) avant le texte, une flèche après le texte ou des guillemets avant et après du texte, mais aussi une symbole de copyright ou une symbole monétaire après un champs de formulaire, etc. Il faut déclarer les sélecteurs en attachant les pseudos éléments/classes :before (ça veut dire "avant") et :after (ça veut dire "après") comme p:before , div:after, etc., et avec la propriété content et sa valeur qui doit être mise entre des guillemets (content : "").

Lire la suite