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
En règle générale, s'il y a un ascenseur, c'est que le contenu du module est plus large que le contenant. Mais, il peut arriver que le contenant soit entièrement visible et pourtant un tout petit ascenseur s'est créé, très inesthétique. On peut donc le...
Bonjour, nous sommes le Les ficelles d'Anna K ont déménagé sur Blogspot: Les Nouvelles Ficelles d'Anna K Pensez à mettre à jour vos favoris et vos liens. Retrouvons-nous sur Les Nouvelles Ficelles d'Anna K avec des articles mis-à...
Le but est de faciliter la navigation sur votre blog : plus elle sera aisée, plus longtemps le visiteur restera sur votre blog. En bas de vos articles, il y a des numéros de pagination. Ils n'ont d'intérêt que si votre visiteur clique dessus pour aller v...
Le but est de faciliter la navigation sur votre blog : plus elle sera aisée, plus longtemps le visiteur restera sur votre blog. En bas de vos articles, vous avez sans doute mis l'étiquette "Publié dans : la catégorie". Elle n'a d'intérêt que si elle inci...
Sous FF, les flêches suivent le défilement de la page et permettent de monter et de descendre quelle que soit la position dans la page Sous IE, les flêches restent en bas et permettent de remonter. Collez en mode source/HTML du pied de page <div a...
En laissant seulement Etablir sa Configuration (26/06/2006 catégorie : généralités et savoir-faire) Vous complétez ou rajoutez dans votre CSS .resumeArticle { display:none;}
Vous allez dans le CSS, vous complétez la ligne avec ce qui est en rouge : .afterArticle { border:1px solid #000033; } Vous obtenez Supposions que vous désiriez un encadrement plus prés des mots, vous rajoutez .afterArticle { border:1px solid #000...
C'est-à-dire que tous les résumés d'articles pairs auront la même apparence et tous les résumés d'articles impairs un autre design. Ca peut être utile pour les blogs qui comportent plusieurs résumés d'articles en page d'accueil : ça allège l'aspect visu...
Nous allons maintenant afficher les flux des blogs en lien sur le blog. Allez sur SNAP Dans le menu en haut à droite, choisissez Français. Cliquez sur Commencer maintenant. Customisez votre gadget (pensez à cliquer sur Advanced Options pour choisir l...
Confiance concerne ceux qui viennent de créer un blog et souhaitent le personnaliser. Privilege et Premium contient des Iframe, Form et Javascript. La Deco d'Anna K. propose des bannières, textures, tags, blinkies, glitters, calendriers, horloges...
Mon article avant toute modification : Vous allez dans Configurer - Accueil . Vous cliquez sur le petit marteau en haut à droite du module Article Vous cliquez sur Résumé d'article et choisissez le nombre de caractères par résumé. 100 caractères ...
Allez chez GoogleGadget Paramétrez votre Mahjong (titre-taille-bordures) Cliquez sur obtenir le code <script src="http://gmodules.com/ig/ifr?url=http://googlegadgets.neoteksystems.com/Mahjonggadget.xml[...]
Si vous avez enlevé le soulignement de vos liens d'article, il peut être difficile de les reconnaître. Alors pourquoi ne pas mettre un gif Liens à leur droite ? Ou trouver des gifs Liens ? Chez FONDECRANIMAGE Dans le CSS, vous rajoutez .contenuArt...
Sur ce modèle : Ca peut être intéressant pour signaler à vos visiteurs une page importante à voir sur votre blog. Vous allez sur FREEWEBSITERIBBONGENERATOR Vous saisissez votre texte, le lien, la police. Vous choisissez la couleur de police et de ba...
Un exemple : Vous pouvez donner un design spécifique à un commentaire et sa réponse par groupe pair et impair : Commentaire1/réponse1 - groupe 1 : design 1 Commentaire2/réponse2 - groupe 2 : design 2 Commentaire3/réponse3 - groupe 3 : design 1 Com...
C'est-à-dire que tous les articles pairs auront la même apparence et tous les articles impairs un autre design. Ca peut être utile pour les blogs qui comportent plusieurs articles dans la même page : ça allège l'aspect visuel. Un exemple : Pour les ...
Pour cela, il faudra aller dans le CSS : Design > Mode Avancé > cocher personnaliser Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran Je vous rappelle qu'un encart est l'...
Cette liste sans lien peut-être intéressante à utiliser. Et comme elle est facilement réalisable ... Collez en mode source/HTML <center><select style="background-color: #000033; color: #f5f5dc; font-family: Arial; font-size: 12; width: 150px; ...
Vous avez 5 modules Texte Libre à disposition, mais vous voulez donner un design particulier à chacun. Il va donc falloir donner un nom à ceux que vous voudrez distinguer. 1ère étape : Vous allez dans Configurer puis Options Globales puis Réglages...
Une infobulle est une information qui apparaît au survol du lien par la souris. Ce n'est pas très difficile. Copiez le pavé suivant <a href="URL DU LIEN" target="_blank" title="INFOBULLE DU LIEN">NOM DU LIEN</a></p> Vous personna...
Pour cela, il faudra aller dans le CSS : Design > Mode Avancé > cocher personnaliser Après chaque modification, pensez à enregistrer faire CTRL+F5 pour écraser le cache et voir les changements à l'écran POUR UNE COULEUR : Vous rajoutez ce ...
Dans ce cas n°2, plus compliqué, nous aborderons le tableau dont chaque cellule a une couleur différente "au repos" et une couleur différente au survol de la souris A lire : Cas n°1 PREMIERE PARTIE : Vous collez en mode source/html le pavé suivant &...
Mon coin détente Vous allez dans le CSS (comment?), vous créez un nouveau paragraphe : /* ----------Module Page---------- */ .pages .box-titre h2 représente le titre du module Page. Une fois que vous l'avez crée, vous rajoutez seulement ce...
Dans ce cas n°1, nous aborderons le tableau dont toutes les cellules ont la même couleur "au repos" et la même couleur au survol de la souris C'est moins difficile à réaliser qu'il n'y paraît. PREMIERE PARTIE : Vous collez en mode source/html le pavé ...
C'est, sans doute, une des premières opérations à effectuer. Avant même l'écriture de la première page . Vous allez dans le CSS (comment?), .page représente le contenu des pages. Pour centrer, vous rajoutez .page {text-align : center ; ...
Il faut aller dans le CSS et rajouter ce qui est en rouge. Pour centrer .divPageTitle h2{text-align:center;} Pour changer la couleur .divPageTitle h2{color:#000066 ; } Pour mettre en gras : le titre est a priori en gras .divPageTitle h2 {fon...
Ce qui permet de bien distinguer les groupes commentaire/réponse. Dans le CSS adéquat, vous rajoutez la ligne suivante .responseOption {padding-bottom:50px; background-image:url(http://www.casimages.com/img/gif/0707110416256265840768.gif); background-r...
Pour cela, il faudra aller dans le CSS : Design > Mode Avancé > 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 c...
Vous allez dans le CSS : accueil ou article selon l'endroit où se trouve votre module Texte Libre Vous créez le bloc /* --------------- Module Texte Libre------------------ */ Si vous désirez effectuer plusieurs changements, vous ne créez qu'un seule ...
L'exercice n'est pas des plus faciles. Ce nouveau module se placera sous le dernier module de la colonne. Comme on fixe une distance entre ce module et le haut du blog, il ne faut pas que les modules au-dessus aient des hauteurs qui varient trop. Dans l...
L'intérêt : si vous voulez mettre votre adresse mail sur votre blog, des robots peuvent la relever et vous envoyer des spams, pas si c'est une image comme celle-ci Allez sur NEXODYNE Saisissez votre adresse mail Cliquez sur Generate Votre icône ap...
Dans le CSS, on remplace border-bottom:1px solid #800080; dans la ligne .barreHautArticle par l'adresse de l'image .beforeArticle { background: url(adresse de l'image); background-repeat:no-repeat;background-position:bottom; } background-repeat...
C'est, sans doute, une des premières opérations à effectuer. Avant même l'écriture du premier article. Vous allez dans le CSS (comment?), .article représente le contenu des articles. Pour centrer, vous rajoutez .article {text-align : ce...
Une iframe est un cadre incorporé dans une page Web.C'est un petit code tout simple. Il permet d'appeler une page dans une autre page à la taille voulue et à l'endroit désiré. Supposons que vous vouliez proposer à vos visiteurs des calendriers à utilis...
Des thèmes WordPress ou Blogger adaptés pour OverBlog par 4 passionnés de design, CSS et HTML : Anna K - les ficelles d'Anna K - Aide pour créer et personnaliser un blog Mam'zelle Bégonia - Begonia est une pipelette. Raconter sa vie et donner son av...
Si vous avez masqué la date dans vos articles, il peut être intéressant aussi de la masquer dans la liste récapitulative de vos articles. Dans votre CSS global, rajoutez la ligne suivante .DateListe {display:none;}
Il faut un peu tricher. En fait, nous allons mettre une texture en background dans certaines lignes du CSS et ensuite fixer des marges autour de l'image pour donner un semblant de cadre. Choisissez de préférence une texture assez colorée, "habillée". ...
Allez sur EDITEUR JAVASCRIPT PREMIERE ETAPE : CREEZ VOTRE MENU EN LIGNE 1) A l'aide des menus déroulants, choisissez vos fonds, couleur, polices.. 2) Saisissez le titre de vos menus. Dans mon exemple, je reprends les titres de mon menu déroulant...
Allez sur LES CITATIONS 2 choix s'offrent à vous : LA CITATION DU JOUR Copiez le code donné et collez le en mode Source/HTML à l'endroit où vous le voulez <script language="JavaScript" src="http://www.les-citations.net/distant/citation...
Je donne ce nom en référence à accueil splash (dont vous trouverez l'explication :ICI). C'est un article avec un design personnalisé : en général, sans entête, sans colonne et sans pied de page. La transformation d'un article en article Splash se fa...
Allez sur NEOCOUNTER Cliquez sur Neocounter - Affichez votre traffic et vos visiteurs en-ligne par pays Cliquez sur S'enregistrer Choisissez la langue française dans le menu Complétez le formulaire (adresse email et mot de passe) Après réception du m...
Vous êtes en confiance, vous n'avez pas la possibilité de réaliser un menu déroulant en javascript ou vous êtes en Privilège/Premium et vous n'avez pas envie de vous lancer là-dedans. Le but de cet article est donc de vous donner des idées de classem...
Lorsque votre visiteur pointera sa souris sur un lien menant à un site ou à un blog, une image de la destination de ce lien apparaîtra. Allez sur SNAP Etape 1 : Saisissez l'adresse de votre blog et votre adresse email Cliquez sur Go to Step 2 E...
Pour réaliser un encadrement spécifique dans un article, on créé un tableau. Ce qui donne ce code à coller en mode source/html et à compléter : <center> <table cellspacing="0" cellpadding="40" width="90%" background="adresse imag...
Allez sur BUSINESS-OPPORTUNITIES Saisissez votre URL et vous obtenez la valeur de votre blog, calculée grâce à des données Technocrati. Ce n'est pas indispensable, mais marrant. Vous obtenez ensuite un code que vous collez en mode source/HTML et ...
Vous allez chez QUICK-WEB Vous vous inscrivez (nom-prénom-adresse email-pays-login(pseudo)-mot de passe-adresse du blog-nom du blog-catégorie) Réception d'un mail, vous cliquez sur le lien pour valider votre inscription Retour sur le site Sur la ...
RAPPEL : RSS est un format XML de syndication Internet de plus en plus populaire et est utilisé par les sites d'information et les blogs pour partager et distribuer leurs contenus. Atom est concurrent et vise à remplacer RSS à terme. Il peut arri...
Rendez vous chez FIL INFO FRANCE Copiez le code réservé aux sites amateurs et donc gratuit <IFRAME width="468" height="300" src="http://www.fil-info-france.com/webmasters/filinfos2.htm" name="Copyrigth_ok_AUT130905"> </IFRAME> Col...
Il faut aller dans le CSS Articles et rajouter ce qui est en rouge ou toute la ligne si elle n'existe pas. Pour centrer #articleAccueil .divTitreArticle h2 {text-align:center;} Pour changer la couleur #articleAccueil .divTitreArticle h2 {text-deco...
Si vous voulez savoir et faire savoir la date du dernier passage de google sur votre blog, allez sur MYPAGERANK. Complétez : adresse du blog et design du bouton. Cliquez sur Submit Copiez le code <a href="
Autres sites dans la même catégorie :
- My Epokhe
- Agence id design
- Tout savoir sur les liens sponsorisés
- Tutorialblog
- Référencement, Design et Cie
- Buzzistic
- Enaty > Outils
- Million Dollars Screenshot
- Do you Miaouw?
- Dew's blog