• Générateur de CSS

    Par Papasti dans Scripts, html et css sur Eklablog le 11 Octobre 2011 à 11:43
    J'ai réalisé un nouveau générateur de CSS qui vous donne automatiquement le sélecteur choisi pour votre blog Eklablog. Ce tuto se trouve ici:Générateur de code CSS

    Bienvenue.

    Vous allez pouvoir ici faire différents tests pour la génération de votre code CSS. Ce formulaire vous permet de définir une couleur de fond, une image de fond avec sa taille et sa position ainsi que differents styles, attributs de texte, d'ombrage et de bordures. J'ai regroupé les fonctions qui me semblaient les plus utiles mais n'hésitez pas a me faire part des améliorations que vous aimeriez voir ou des problèmes que vous rencontrez.

    Fonctionnement

    Remplissez les différentes cases, jouez avec les réglages et cliquez sur le bouton appliquer. Lorsque votre choix est fait il vous suffit de copier le code css indique en bas de page.
     
    Image de Fond Texte
    Ombrage Bordure
    Nom de la balise :
    Largeur : px
    Hauteur : px
    Générateur de CSS Générateur de CSS
    PaddingGénérateur de CSS
    Gauche : px   Droite : px
    Haut : px   Bas : px
    Couleur de fond

    Ceci est un exemple pour illustrer le rendu obtenu. Vous pouvez ainsi apprécier l'effet visuel avant de générer le code.

     

    25 commentaires

  • Hadopi de flop en flop !

    Par Papasti dans Actu le 1 Octobre 2011 à 08:52

    L'Hadopi, vous vous souvenez, c'est cette entité dont la mission est de traquer les pauvres pirates internautes que nous sommes.

    On ne compte plus les bourdes et autres bêtises qu'ils commettent (cela avait commencé avec leur logo dont la police de caractères était soumise à droit d'auteur) mais là, ils viennent de taper un grand coup!

    Dans leur rapport d'activité publié ce 29 septembre, ils ont laissé apparaître (en page 143) des informations concernant un pirate présumé, notamment son IP qu'ils attribuent à Orange alors que celle-ci appartient à un abonné Free .

    L'erreur a vite été signalée et ils se sont empressés de noircir les informations sur le document. Bravo pour la réactivité mais il reste un problème ! Si l'on télécharge ce document (j'ai fait le test hier soir), et qu'on l'ouvre avec Inkscape par exemple, on peut tout simplement supprimer ces zones noircies et ainsi retrouver les informations cachées.

    Je leur tire donc mon chapeau, tant leur bêtise est affligeante. Mais c'est vrai qu'avec un budget de 11 millions d'euros pour payer 3 gus dans un bureau, c'est trop difficile de trouver des gens avec un minimum de compétence.

    En résumé, cet organisme peut nous poursuivre pour défaut de sécurisation et pourtant, ils nous démontrent chaque jour qu'eux même en sont incapables.

    Regardez plutôt la petite démo de Korben.

    Au moins, cela m'a permis d'apprendre qu'on pouvait ouvrir un PDF avec Inkscape. Merci Hadopi


    6 commentaires

  • [Javascript] Interagir à l'aide des éléments Input

    Par Papasti dans Scripts, html et css sur Eklablog le 16 Septembre 2011 à 15:16

    Votre blog n'est pas un site complet qui vous permette de faire des choses très complexes à base de PHP et de bases de données Mysql.

    On peut cependant assurer une certaine interaction à l'aide du javascript et de l'élément HTML Input

    Supposons que vous souhaitiez faire une page qui permette de calculer des surfaces, des périmètres et autres volumes.

    Cela est possible   Regardez l'exemple ci dessous:

    Largeur:     Longueur:     

     

    Dans cet exemple, j'ai placé deux boites Input (Largeur et Longueur) et un bouton Surface. Lorsque l'on clique sur le bouton, on fait appel à une fonction Javascript (calculsurface) en lui envoyant les valeurs contenues dans Largeur et Longueur.

    Cette fonction calcule le produit des deux nombres et renvoie le résultat.
    Si dans largeur ou longueur, vous mettez du texte, alors la fonction detecte que le résultat n'est pas un nombre à l'aide de la méthode IsNaN (en anglais : Is Not a Number)

    Code de l'exemple


    <script type="text/javascript">// <![CDATA[
    function calculsurface(nombre1,nombre2)
    {
    if(isNaN(nombre1*nombre2) == true)
    {
        alert('Veuillez saisir des nombres');
    }
    else
    {
        alert ('La surface est de: '+nombre1*nombre2);
    }
    }
    // ]]></script>
    <form method="get">
    Largeur:<input style="width: 50px;" name="largeur" type="text" value="5" />&nbsp;&nbsp;&nbsp;&nbsp; Longueur: <input style="width: 50px;" name="hauteur" type="text" value="10" /> &nbsp; &nbsp;&nbsp; <input onclick="calculsurface (largeur.value,hauteur.value);" type="button" value="Surface" /></form>

     

    Vous pouvez maintenant laisser libre cours à votre imagination pour remplir vos fonctions javascript.


    13 commentaires

  • [HTML] La balise <IFrame>

    Par Papasti dans Scripts, html et css sur Eklablog le 16 Septembre 2011 à 10:25

    Peut être avez vous envie sur votre blog d'afficher la page d'un autre blog.

    Pour celà, rien de plus facile. Une simple balise HTML et c'est fini. Pour tester, cliquez sur les boutons ci-dessous.

     

     

    Dans cet exemple, j'ai créé 3 balises <div>  (s'appellant respectivement fr1 , fr2 et fr3 ) contenant chacune une <iframe>.
    Chaque balise est initialement rendue invisible avec la propriété style="display:none;"
    Il ne reste plus ensuite qu'à jouer sur les états "visible" ou "invisible" de chacune des <div> en modifiant leur état avec les méthodes hide (cacher) et show (montrer).

    En cliquant sur un bouton, on rend visible la balise correspondant et on cache les autres.


    En plus de la balise <iframe> vous avez aussi appris à mettre un bouton et montrer ou cacher un élément

    Code correspondant à l'exemple ci-dessus




    9 commentaires