Un bel effet de Noël sur ses propres mots!
Un site en ligne très facile d'utilisation.
Le lien : https://wordart.com/create .
Voici 2 exemples de créations actuelles avec mon texte :
over blog
Comment mettre un gif ou image animée en fond de blog sous Overblog?
Envie de changer de fond de blog et de mettre un peu d'animation ?
Il suffit de mettre un gif raccordable qui se trouve sur le net .
Une fois dans son css : mettre les lignes suivantes :
body {
background-image: url('adresse de l'image hébergée');
background-attachment: fixed;
background-repeat: repeat;
}
Avec par exemple l'image suivante : http://dl9.glitter-graphics.net/pub/3567/3567609qpxw3v0kwc.gif
Avec le nouvel OverBlog comment remettre un lien sur une image et la redimensionner en 300px de large ?
Après un peu de recherche ce jour voici le code :
<p><center><a width="300" target="_blank" title="clic pour ouvrir l'image dans une nouvelle fenêtre" href="adresse de l'image"><img alt="nom de l'image" width="300" src="adresse de l'image" /></a></p></center>
Quelques codes HTML.
La commande <html> donne le début du document.
La commande </html> donne la fin du document.
2) - La commande <head> donne le début de l'en tête
La commande </head> donne la fin de l'en tête.
3) - La commande titre est nécessaire pour les moteurs de recherche.
La commande <title> donne le début du tire.
La commande </title> donne la fin du titre.
4) - La commande <body> donne le début du corps.
La commande </body> donne la fin du corps.
La commande lang=" ..." donne la langue du document .
* FR France
* DE Allemagne
* ES Espagne
* EN Royaume-Uni
* EN-US Etats Unis
<br> : saut de ligne
<p>...</p> : retour chariot et saut de ligne
<b>...</b> : style gras
<i>...</i> : style italique
<u>...</u> : style souligné
<font> : paramètres de la police (par exemple : <font color="#000000" face="Arial">
<hr> : insère une ligne horizontale
<H1> à <H6> et </H1> à </H6> : titres pré-formatés du plus élevé au moins élevé
<a>...</a> : appel à un lien
<img> : insertion d'image
<title>...</title> : titre qui s'affiche dans la barre de titre de la fenêtre de navigation
Toujours les refermer en suivant l'ordre dans lequel on les a ouverte :
la dernière balise ouverte sera la première à être fermée et ainsi de suite.
Signaler plus les liens (OB).
Pour que vos visiteurs soient plus attirrés par vos liens; il est possible de leur ajouter un petit effet .
Dans votre css il faut remplacer les lignes a et a:hoover par le script suivant; en sachant que tout est personnalisable :
Les color - dotted ....
a { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#123456;border-top:5px dotted #4B0082; border-bottom:5px dotted #4B0082; }
On peut même mettre en italique, gras...
A:hover {color: #4B0082; font-style: italic; font-weight: bold}
Lien survolé avec espacement des lettres.
Avec le code suivant :
a:hover {
letter-spacing: 15px;
font-weight:bold;
color:DeepPink;
}
Ce devient mon code actuel pour montrer le résultat mais auparavant les lignes sde mon css :
a:hover {
color: #0080FF;
text-decoration: underline;
}
On peut personnaliser le lien survolé avec un espacement des lettres et un effet de font .
La commande Letter-spacing permet de choisir le nombre de pixels que l'on veut entre 2 lettres du lien survolé .
Raccourci vers mes articles css.
En cours de réalisation mais pour répondre à Myriam si tu veux ce week end commencer à bosser sur ton css voici quelques liens :
http://coquelikosafrane.over-blog.com/search/css/
Récupérer son icône sur l' Arc en ciel du moral.
Depuis quelques jours il semble que le téléchargement des icônes quotidiens plante régulièrement .
En fait il suffit d'être patient, même si il y a la fenêtre noire qui apparaît et le mot "obtenir sa récompense" en grisé, si on attend environ une minute, il devient vert et cliquable !
Petit essai de ce soir :
ca semble fonctionner :
Ajouter à son bureau une adresse mail sous Chrome .
* Une fois Chrome ouvert,
* Sélectionner l'url,
* La copier ,
* Retourner sur le bureau,
* Clic droit,
* Clic sur "nouveau" puis " raccourci" ,
* Dans la case "Entrer l'emplacement de l'élément",
* Faire un "coller",
* Clic sur "suivant", puis "terminer" puis mettre le nom souhaité dans le raccourci et
* C'est tout !
Pas devant l'écran.
A ne pas oublier !!
Lorsqu'on utilise pas mal les chats et les réseaux sociaux il arrive que l'on s'absente de devant son écran!
Un petit acronyme bien pratique : AFK = Away From Keyboard .
Comment intégrer une vidéo YouTube sur sa page ?
Rien de bien compliqué !
* Une fois sur le site de partage vidéo :
* Clic sur le mot Partager,
* Clic sur le mot Intégrer,
* Sélectionner le code qui apparaît dans le cadre,
* Copier le code,
* Une fois sur sa page de rédaction d'article, faire un " coller " dans la section HTML.
* Publier .
Effet de zoom sur image lors du survol de la souris .
Effet de zoom :
Il peut être agréable de faire un effet de zoom sur une photo lors du survol de la souris .
On ne veut pas obligatoirement afficher cet effet à tout le css uniquement à un article, du coup lors de la rédaction d'un article avec image , on peut ajouter les lignes suivantes d'html :
<meta content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
a img {border:none}
a:hover {border:0px }
a:hover img {width:200px ; height:200px}
--></style>
<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>
On peut personnaliser la taille de l'image non survolée et aussi celle de l'image survolée .
* On agit sur la taille de la non survolée dans la ligne :
<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>
* On agit sur la taille de la survolée dans la ligne :
a:hover img {width:200px ; height:200px}
Taille du texte en css.
Il est bien de personnaliser son texte et surtout de jouer avec les différentes tailles de polices.
Pour ce faire, il suffit d'aller dans son mode css et de jouer avec le nombre de pixels ou size.
De genre :
pour avoir une police de 14 pixels de tailee il faut taper la ligne de code : font-size:14px .
Et on personnalise.
Fond de blog fixe.
Il est agréable de personnaliser son blog avec des couleurs et des fonds personnels.
Suivant les fonds et les textures une fatigue des yeux peut vite arriver et du coup une baisse de l'attention de la part des lecteurs.
Pour qu'une image ne bouge pas, dans le corps de body, il faut personnaliser son css avec la ligne commande : background-attachment: fixed; .
Par exemple :
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; color:#000;background:url(adresse url de l'image hébergée); background-repeat:repeat; background-attachment: fixed; }
En espérant avoir été utile.