Les ficelles d'Anna KDans : 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
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...
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;}
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 ...
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...
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...
Allez sur WEBMASTEROO Copiez le code, de ce type
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...
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 ...
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 ...
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...
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...
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...
Allez sur Adresse-ip Copiez le code donné, de ce type
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...
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
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%; }
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 :...
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 ...
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...
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
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[...]
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è...
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...
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...
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 ...
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...
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; }
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 */
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...
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...
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...
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 ...
Vous allez à cette adresse : JEJAVASCRIPT Vous collez les 2 pavés à la suite, tels quels, dans le mode source/html.
Un code tout simple donné par Référencement-1ère-page A coller en HTML pour obtenir
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...
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...
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...
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 */
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 */
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...
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...
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. ...
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 ...
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...
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...
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...
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...
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...
Vous allez dans le CSS et rajoutez ce qui est en rouge .date { margin-top:10px; }
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 :
- My Epokhe
- Enaty > Outils
- Etienne Mineur Archives
- Magavenue
- Do you Miaouw?
- Million Dollars Screenshot
- Dew's blog
- Mixiz
- Inside AdSense
- Emma 2.0