Les ficelles d'Anna K

Dans : Création de sites

Blog d'aide et d'astuces pour la création et la personnalisation d'un blog

Les ficelles d Anna K.

Aide et astuces pour creer et personnaliser un blog

  • 15/03/2010 Proposer aux visiteurs de changer la couleur de fond
    Dans le CSS, vous collez cela .red { background-image: none; background-color: red; } .green { background-image: none; background-color:green; } .blue { background-image: none; background-color: blue; } Puis dans le mode source/HTML de l'articl...
  • 14/03/2010 Encadrer l'entête
    Vous allez dans le CSS et vous rajoutez ce qui est en rouge /* entete */ #top { padding:0px; background-color: #ddd; background:URL(http://fdata.over-blog.com/0/37/17/67/thumbs/textures/mauve/mauvestore.jpg); border: ridge 3px #9999FF;}
  • 13/03/2010 Mettre un ascenseur dans une colonne de côté
    Le numéro de la colonne change avec son emplacement. Il faut donc compter : Si c'est la 1ère à gauche, elle se nomme : #ln_1 #cl_1_0 Si c'est la 2nde en partant de la gauche, elle se nomme : #ln_1 #cl_1_1 Si c'est la 3ème en partant de la ...
  • 12/03/2010 Numérotation des pages dans catégorie
    Vous allez dans le CSS (comment ?). Vous créez ces lignes, elles n'existent pas .pagination représente le numéro de la page active .pagination a représente le numéro des autres pages Si vous désirez effectuer plusieurs changement...
  • 11/03/2010 Modifier le texte sous les articles concernant les commentaires
    Auparavant, il était assez compliqué de modifier ces lignes, il fallait intervenir sur le CSS et le résultat n'était visible que sous FF. Maintenant, il vous suffit d'aller dans Configurer > Options globales > Modération et de saisir vos modificati...
  • 11/03/2010 Afficher la blague du jour - Privilège
    Allez sur WEBMASTEROO Copiez le code, de ce type
  • 10/03/2010 Le lien de la Catégorie dans "Publié dans :"
    sommaire Vous allez dans le CSS (comment ?) , dans le bloc consacré aux articles, vous complétez (ou rajoutez) la ligne POUR CHANGER LA TAILLE .linkTopic {font-size: 20px; } POUR LE SOULIGNER .linkTopic {text-decoration...
  • 09/03/2010 Mettre un fond dans les modules
    Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher personnaliser Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran POUR METTRE UNE COULEUR : Rajoutez ce qui ...
  • 08/03/2010 Mettre un fond dans les commentaires
    Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher personnaliser Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran POUR METTRE UNE COULEUR : rajoutez ce qui ...
  • 07/03/2010 Déplacer le contenu du module W3C
    Le module W3C ou syndication permet à vos visiteurs de connaître l'adresse de votre flux RSS et ainsi de s'y inscrire. Pour les inciter, vous pouvez avoir envie de le mettre plus en valeur. Votre flux sur Over-Blog se présente ainsi http://adresse-du...
  • 06/03/2010 Proposer aux visiteurs de changer l'image de fond
    Vous collez cela dans le CSS avec vos propres adresses d'images : .purple { background-image: url(url_de_l_image_1); } .black { background-image: url(url_de_l_image_2); } .pink { background-image: url(url_de_l_image_3); } Puis, vous collez dan...
  • 05/03/2010 Faire des liens scintillants au survol de la souris
    PREMIERE ETAPE : Trouvez un gif animé scintillant et hébergez le. Où et Comment ? Voir l'article : Installer des gifs animés DEUXIEME ETAPE : Vous avez une adresse URL pour ce gif. Par exemple : http://up.mezimages.com/up/10/1245569f...
  • 04/03/2010 Installer un compteur de pages vues
    Allez sur Adresse-ip Copiez le code donné, de ce type
  • 03/03/2010 Etre joignable sans donner son adresse email
    Tout en bas de la page du blog, il y a cette ligne Créer un blog sur over-blog.com - Contact - C.G.U. - Reporter un abus Vous cliquez (clic droit de la souris) sur Contact. Une fenêtre s'ouvre, vous copiez son adresse qui apparaît en haut de vo...
  • 02/03/2010 Encadrer les images
    Normalement la ligne img existe déjà dans votre CSS, il suffit donc de la compléter avec ce qui est en rouge : img { border:1px solid #ff000; } Ensuite, si l'on désire un encadrement particulier, se référer à l'article sur les bordures : ICI
  • 01/03/2010 Eviter l'effet peek-e-boo sur IE
    C'est lorsque des pans entiers de paragraphes disparaissent à l'écran sous IE. Le remède, ajoutez ce qui est en rouge : .article { line-height: 1.4em; } autre solution : .article { height: 1%; }
  • 28/02/2010 Connaître la densité de mots-clés de votre blog
    Il suffit d'aller sur ESPACE2001 et de saisir l'adresse URL de votre blog et vous aurez un résultat trés détaillé : 414 mots clefs uniques trouvés 416 mots clefs doubles trouvés 304 mots clefs triples trouvés Densité des mots clefs uniques pages :...
  • 27/02/2010 Mettre un fond dans l'entête
    Il est possible de mettre un fond différente dans plusieurs endroits du blog. Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher personnaliser Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache ...
  • 26/02/2010 Proposer des devinettes Mr et Mme ont un fils - Privilège
    Un widget pour amuser vos visiteurs : Monsieur et Madame ont un fils... Le code, à trouver sur Monsieur-et-Madame.fr, à copier et à coller en HTML : Remplacez le x (en rouge) par le nombre de devinettes voulues. Et on obtient :(visible en prévisuali...
  • 26/02/2010 Proposer les actualités informatiques - privilège
    Allez sur ABONDANCE Copiez le premier code Puis un des codes suivants proposés, par exemple : complet(3) Collez les deux à la suite en mode source/HTML et vous obtenez
  • 25/02/2010 Proposer le programme ciné - Privilège
    Allez sur SORTIES CINEMA Plusieurs choix possibles : Premier choix : Copiez ce code au cinema collez le en mode source/HTML et vous obtenez Deuxième choix Il suffit[...]
  • 24/02/2010 Proposer une grille de mots croisés nouvelle chaque jour - Privilège
    Allez sur ATELIER DUOTANG Vous avez le choix entre 3 codes à insérer sur votre blog, selon le design choisi. Par exemple : Vous le collez en mode source/HTML de l'endroit où vous désirez voir apparaître ces mots croisés et vous obtenez Le "problè...
  • 23/02/2010 Mettre une image devant la date
    Vous allez dans le CSS et vous rajoutez ce qui est en rouge .date { background-image:url(http://fdata.over-blog.com/0/37/17/67/thumbs/articles/icones-bloc2.gif); background-repeat:no-repeat;padding-left:40px; } Il faudra jouer avec le nombre de p...
  • 21/02/2010 Installer un compteur de visites depuis la création du blog
    On place normalement les compteurs, soit dans le message d'accueil, l'entête ou un module "texte libre". En confiance, on ne peut pas mettre de Javascript. OU LE TROUVER ? Le plus facile est de prendre celui de la FAQ d'Over-blog : Compteur Sach...
  • 20/02/2010 Mettre un fond dans le titre des modules
    Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher Appliquer ma feuille de style personnalisée Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran POUR METTRE ...
  • 19/02/2010 Mettre un fond dans les articles
    Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher Appliquer ma feuille de style personnalisée Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran Ce fond appar...
  • 19/02/2010 Barrer les liens visités
    Lorsqu'un visiteur clique sur un lien, celui-ci est ensuite barré. Ce qui facilite la navigation. Rajoutez dans le CSS ce qui est en rouge a:visited { text-decoration: line-through; }
  • 18/02/2010 Mettre automatiquement en majuscule les mots des liens
    Vous allez dans le CSS et rajoutez ce qui est en rouge. a { text-decoration:none; color: #5675A4 ; font-size:100%; text-transform:uppercase ; } /* lien */
  • 17/02/2010 Modifier la ligne en haut du pied de page
    Vous allez dans le CSS, il s'agit de cette ligne /* Bas de page */ #footer { clear:both; color: #333; border-top: 1px solid gray; } Pour la supprimer, vous modifiez ce qui est en rouge. #footer { clear:both; color: #333; border-top: 0px solid...
  • 16/02/2010 Installer des lignes importées dans les articles
    Les lignes sont des images comme les autres : seules leurs dimensions diffèrent. Elles sont généralement utilisées comme transition : à la fin des articles, des modules ... OU LES TROUVER ? Sur le site QUIGIF, on peut trouver quelques lignes origi...
  • 15/02/2010 Personnaliser la barre OB
    Toutes ces lignes sont à rajouter dans le CSS : Pour changer son fond html body .expand .buttons {background-image: url(adresse du fond) !important;} Pour changer sa largeur Supposons que vous vouliez qu'elle fasse la largeur de votre global qui fai...
  • 15/02/2010 Les différentes formes de curseur
    Il existe diverses façons de transformer son curseur. LES CURSEURS CLASSIQUES : Ils sont définis par des termes informatiques : Code Forme default Flêche crosshair Croix text Curseur texte vertical-text Curseur texte ...
  • 14/02/2010 Réaliser un menu déroulant en Javascript - Privilège
    Vous allez à cette adresse : JEJAVASCRIPT Vous collez les 2 pavés à la suite, tels quels, dans le mode source/html.
  • 13/02/2010 Avoir une icône "My googlepagerank"
    Un code tout simple donné par Référencement-1ère-page A coller en HTML pour obtenir
  • 12/02/2010 Mettre un fond différent selon les modules
    Il est possible de mettre un fond différente dans plusieurs endroits du blog. Pour cela, il faudra aller dans le CSS : Design > Mode CSS > Appliquer ma feuille de style personnalisée Après chaque modification, pensez à enregistrer faire CTRL+F5...
  • 11/02/2010 Le Forum Over-Blog
    Avant de vous rendre sur le forum, avez-vous pensé à prendre un pseudo et un avatar ? Sinon, rendez-vous dans cet article. L'UTILITE DU FORUM Le forum est administré par des modérateurs. Avec l'aide de blogueurs bénévoles, ils vont vous aider à r...
  • 10/02/2010 Vérifier votre blog sous d'autres résolutions d'écran et d'autres navigateurs
    Lors de modifications importantes de design, il peut être intéressant de voir si la taille, les proportions de votre blog restent les mêmes, les plus idéales possibles avec des écrans de résolution différente et d'autres navigateurs que le vôtre. Au li...
  • 09/02/2010 Mettre automatiquement en minuscule les mots des liens
    Vous allez dans le CSS et rajoutez ce qui est en rouge. a { text-decoration:none; color: #5675A4 ; font-size:100%; text-transform:lowercase ; } /* lien */
  • 08/02/2010 Mettre automatiquement en majuscule la 1ère lettre de chaque mot des liens
    Par exemple : Mettre En Capital La Première Lettre Vous allez dans le CSS et rajoutez ce qui est en rouge. a { text-decoration:none; color: #5675A4 ; font-size:100%; text-transform:capitalize ; } /* lien */
  • 07/02/2010 Adresse de votre blog
    Le piège classique, on est tous (ou à peu près) tombé dedans, est de chercher son blog sur google en inscrivant www.annak.over-blog.com (par exemple) Bien sûr, on ne trouve rien. Affolement ! La solution est simple : il n'y a pas de www. La bonne...
  • 06/02/2010 Changer l'écriture des liens au survol de la souris
    Mettre les liens en bleu lorsqu'ils sont inactifs, puis en rouge au passage de la souris. Vous rajoutez ce qui est en rouge a { color : blue; } a:hover { color : red; } Mettre les liens en noir non soulignés lorsqu'ils sont inactifs, puis...
  • 05/02/2010 Installer des gifs animés
    OU TROUVER UN GIF ANIME ? Chez Gifs pour ton blog : Un blog Over-Blog dans lequel Manon propose divers types de gifs : Mangas, prénoms, bébés, papillons, etc...un choix délirant Beau choix de gifs animés de toutes natures à la Maison du Soleil. ...
  • 04/02/2010 Installer les différentes formes de curseur
    PREMIERE SOLUTION : INSTALLER UN CURSEUR CLASSIQUE (croix, main, fléches...) Choisissez dans l'article Les différentes formes de curseur, celui que vous désirez Allez dans le CSS (comment ?) Vous y rajoutez ce qui est en rouge (par exemple pour ...
  • 03/02/2010 Mettre un fond transparent dans le titre des modules
    Ce n'est possible que lorsque le fond précédent est une couleur Vous allez dans le CSS et vous rajoutez ce qui est en rouge .box-titre h2 { background:transparent; } Si le fond est une image, il faudra l'enlever en rajoutant .box-titre h2 { b...
  • 02/02/2010 Mettre un fond transparent dans les modules
    Ce n'est possible que lorsque le fond précédent est une couleur. Vous allez dans le CSS et vous rajoutez ce qui est en rouge .box { background:transparent ; } Si le fond est une image, il faudra l'enlever en rajoutant .box { background-image:non...
  • 01/02/2010 Mettre un fond transparent dans tous les articles
    Ce n'est possible que lorsque le fond précédent est une couleur Vous allez dans le CSS et vous rajoutez ce qui est en rouge .contenuArticle { background:transparent; } Si le fond est une image, il faudra l'enlever en rajoutant .contenuArticle { b...
  • 31/01/2010 Mettre un fond transparent - Généralités
    Il est possible de mettre un fond transparent dans l'accueil, les articles et les modules. L'intérêt est qu'on voit ainsi mieux le fond général du blog. Le design est plus aéré. Pensez à utiliser une couleur d'écriture assez soutenue pour qu'on puiss...
  • 30/01/2010 Mettre un fond dans le pied de page
    Il est possible de mettre un fond différent dans plusieurs endroits du blog. Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher Appliquer ma feuille de style personnalisée Après chaque modification, pensez à enregistrer fair...
  • 29/01/2010 Augmenter l'espace au dessus de la date
    Vous allez dans le CSS et rajoutez ce qui est en rouge .date { margin-top:10px; }
  • 28/01/2010 Mettre un fond dans tout le blog
    Il est possible de mettre un fond différent dans plusieurs endroits du blog. Pour cela, il faudra aller dans le CSS : Design > Mode CSS > cocher Appliquer ma feuille de style personnalisée Après chaque modification, pensez à enregistrer faire CTRL+F5 sur...
  • Autres sites dans la même catégorie :