Overblog
Suivre ce blog Administration + Créer mon blog

over blog

2019-11-25T19:55:59+01:00

Un bel effet de Noël sur ses propres mots!

Publié par Coquelikosafrane

 

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 : 

nom de l'image

 

Voir les commentaires

2019-09-23T18:47:10+02:00

Comment mettre un gif ou image animée en fond de blog sous Overblog?

Publié par Coquelikosafrane

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

 

Voir les commentaires

2019-03-01T17:29:59+01:00

Avec le nouvel OverBlog comment remettre un lien sur une image et la redimensionner en 300px de large ?

Publié par Coquelikosafrane

 

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>

 

 

 

 

 

Voir les commentaires

2016-01-06T19:14:27+01:00

Quelques codes HTML.

Publié par Coquelikosafrane

 

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.

 

 

Voir les commentaires

2016-01-06T18:09:03+01:00

Signaler plus les liens (OB).

Publié par Coquelikosafrane


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}

 

 

 

 

 

 

 

Voir les commentaires

2016-01-06T18:01:42+01:00

Lien survolé avec espacement des lettres.

Publié par Coquelikosafrane


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é .

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Voir les commentaires

2015-10-04T08:31:54+02:00

Raccourci vers mes articles css.

Publié par Coquelikosafrane

 

 

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/  

 

Voir les commentaires

2014-08-24T19:40:15+02:00

Récupérer son icône sur l' Arc en ciel du moral.

Publié par Coquelikosafrane

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 :

 

gggggggggg

 

 

 

Voir les commentaires

2014-01-11T23:48:39+01:00

Ajouter à son bureau une adresse mail sous Chrome .

Publié par Coquelikosafrane

 

 

* 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 !

 

 

 

Free userbars

 

 

Voir les commentaires

2013-10-14T16:36:18+02:00

Pas devant l'écran.

Publié par Coquelikosafrane

 

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 .

 

  

Voir les commentaires

Girl Gift Template by Ipietoon - Hébergé par Overblog