Overblog
Suivre ce blog Administration + Créer mon blog

over blog

Faire connaître son blog.

Publié le par Coquelikosafrane

Plusieurs petits astuces à connaître :

* Vérifier sa Page Rank (PR) sur Google :

- Se connecter sur http://google.audiencestv.com/ , taper l'adresse de son blog et demander la recherche.


* Trouver un nom de domaine pour son blog et pour ses articles explicites .


* S'inscrire sur des moteurs de recherche et des annuaires généralistes :

- http://www.google.fr/addurl/ .

- http://search.yahoo.com/info/submit.html .

- http://www.scoopeo.com/scoop/list .

- http://tapemoi.com/ .

- pour connaître d'avantages d'annuiares il suffit de faire une recherche sur le web.


* Mettre une liste de sites amis et se faire inscrire sur celles d'autres bloggers.

* S'inscrire sur des forums, laisser un maximum de fois son adresse de blog.

Publié dans Over blog

Partager cet article
Repost0

Météo locale .

Publié le par Coquelikosafrane

 Click for Toulon, France Forecast

Click for Toulon, France Forecast

Pour obtenir ce type de gadgets sur les pages d'un blog ;

* il suffit d'aller sur : http://french.wunderground.com/

* compléter les coordonnées de sa ville ou du pays désiré

* descendre sur la page jusqu'à avoir la ligne : GET YOUR WEATHER STICKER

* récupérer le code html et faire un copier - coller sur une de ses propres pages en mode source .

C'est tout simple .

Publié dans Over blog

Partager cet article
Repost0

Poème, dicton, bisou, pensée du jour .

Publié le par Coquelikosafrane

Publié dans Over blog

Partager cet article
Repost0

Google Rank.

Publié le par Coquelikosafrane

 Googlebot passe régulièrement sur les blogs . Il sert à référencer les nouveaux articles, calculer le pagerank. 

Pour connaître son dernier passage, il suffit d'ajouter un code .

Il faut aller sur mypagerank.net ;

* taper l'adresse de son blog 

*Changer la couleur du texte et du fond du bouton.
* Copier le code fourni et le coller sur son blog en mode source .

Publié dans Over blog

Partager cet article
Repost0

Décorer son blog avec des objects en chute libre !

Publié le par Coquelikosafrane


A mettre dans l'en-tête du blog ; dans le code html et non le css ! ! 

Le triple x correspond à l'adresse de votre gif hébergé .


<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:8; height:450; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; z-index:645"><img src="xxx"></marquee> <br> <br>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; z-index:600"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; z-index:645"><img src="xxx"><</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; z-index:645"><img src="xxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; z-index:645"><img src="x"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; z-index:645"><img src="xxxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; z-index:645"><img src="xxxxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; z-index:645"><img src="xxxxx"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:60; z-index:645"><img src="xxxxf"></marquee>

Publié dans Over blog

Partager cet article
Repost0

Horloge de Noël (OB).

Publié le par Coquelikosafrane

D'après le site : http://watch.relatime.com/

<embed width="140" height="140" quality="best" type= "application/x-shockwave-flash"  wmode="transparent" src= "http://watch.relatime.com/RelatimeWebWatch.swf?skinName=dot_xmas"> </embed>





Un petit script pour une horloge avec des décorations de Noël.

Publié dans Over blog

Partager cet article
Repost0

Améliorer un menu déroulant.

Publié le par Coquelikosafrane


Je vous avais parlé des menus déroulants dans cet article : lien 

mais avec les quelques lignes ci-dessous je souhaite le peaufiner un peu :

Alors voici pour un joli menu déroulant comme celui-ci:




Le script pour le menu ci-dessus :

<select id="banmenu" style="font-size: 10px; color: #6a2300; font-family: verdana" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://coquelikosafrane.over-blog.com/'+choix,'')}" name="banmenu">
<option value="-" selected="selected">Choisissez :</option>
<option value="">Accueil</option>
<option value="url du 1&#176; item">Le 1&#176; item</option>
<option value="url du 2&#176; item">Le 2&#176; item</option>
&gt;</select>
 

Tout est paramètrable : la taille de la police, la couleur, la font....:




Un exemple :

Le script : 

<select id="banmenu" style="font-size: 30px; color: #157890; font-family: courrier" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://coquelikosafrane.over-blog.com/'+choix,'')}" name="banmenu">
<option value="-" selected="selected">Choisissez :</option>
<option value="">Accueil</option>
<option value="url du 1&#176; item">Le 1&#176; item</option>
<option value="url du 2&#176; item">Le 2&#176; item</option>
&gt;</select>

Publié dans Over blog

Partager cet article
Repost0

Galerie d'images verticales.

Publié le par Coquelikosafrane

 





 

Je vous file le script permettant de faire la galerie ci-dessus :

<div align="center">
<div style="border-right: black 2px solid; border-top: black 2px solid; scrollbar-highlight-color: #789456; overflow: scroll; border-left: black 8px solid; width: 400px; color: transparent; scrollbar-3dlight-color: #0080ff; border-bottom: black 2px solid; scrollbar-darkshadow-color: #0080ff; height: 419px; background-color: #0080ff" align="center"><br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="http://www.ww64.com/uploads/backgrounds/XmasLay038.jpg" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="http://i140.photobucket.com/albums/r6/cwm1021/layout_bg/051214mouse08.jpg" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="http://i140.photobucket.com/albums/r6/cwm1021/layout_bg/01.jpg" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="http://images.cbimg5.com/myspace/31/7555.jpg" width="320" border="0" /></p>
</div>
</div>
<br />

Le script de base : 

<div align="center">
<div style="border-right: black 2px solid; border-top: black 2px solid; scrollbar-highlight-color: #789456; overflow: scroll; border-left: black 8px solid; width: 400px; color: transparent; scrollbar-3dlight-color: #0080ff; border-bottom: black 2px solid; scrollbar-darkshadow-color: #0080ff; height: 419px; background-color: #0080ff" align="center"><br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la première image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la deuxième image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la troisième image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la quatrième image hébergée" width="320" border="0" /></p>
</div>
</div>
<br />


Publié dans Over blog

Partager cet article
Repost0

Joli cadre animé avec image et texte .

Publié le par Coquelikosafrane

Voici un script que j'ai trouvé sur le net mais je ne me souviens plus où.

Il permet de faire un cadre avec 2 cases dans lesquelles on peut mettre le texte que l'on veut et les images que l'on souhaite à la dimension voulue .


Le script : 

<div>
<table style="width: 300px; height: 1px" bordercolor="#000000" cellspacing="15" cellpadding="50" align="center" background="l'adresse de l'imagedu fond hébergée" border="5">
    <tbody>
        <tr>
            <td>
            <div align="center"><strong><em><u><font size="4">Le texte voulu .font></u></em></strong></div>
            </td>
            <td>
            <div align="center"><font color="#ff00ff" size="3"><img height="150" alt="" src="l'adresse de la photo hébergée" width="400" /></font></div>
            </td>
        </tr>
    </tbody>
</table>
</div>
</div>

2 petits exemples rapides : 



 
Submarine ! !


Plutôt sympa, non ?? .



 

Publié dans Over blog

Partager cet article
Repost0

Une image qui mouve

Publié le par Coquelikosafrane




Le script : 

<p align="center"><marquee scrollamount="1" scrolldelay="50" direction="up" behaviour="alternate"><img alt="" src="l'adresse de l'uimage hébergée" /></marquee></p>

Publié dans Over blog

Partager cet article
Repost0

Mettre un cadre autour du blog.

Publié le par Coquelikosafrane

Avec ce petit script à mettre sous les lignes background dans le css : 

 border-color:000000;
 border-width:17px ;
 border-style: solid;
  }

Il suffit de paramétrer la couleur, la taille ...

Publié dans Over blog

Partager cet article
Repost0

Cadre avec image qui déborde et ascenseur vertical .

Publié le par Coquelikosafrane


Mon script :

<table style="width: 411px; height: 452px" background="http://idata.over-blog.com/1/12/72/17//011109-1120-0007-lsls.jpg">
 <tbody>
  <tr>
   <td>
   <p align="center"><font face="Arial, Cursive" color="#333879" size="5"><strong>Mon menu :</strong></font></p>
   </td>
  </tr>
  <tr>
   <td>
   <div align="center">
   <div style="overflow: auto; width: 300px; height: 260px">
   <p align="center"><font face="Arial , Cursive" color="#333879" size="4">votre texte ici</font></p>
   </div>
   </div>
   </td>
  </tr>
 </tbody>
</table>








Publié dans Over blog

Partager cet article
Repost0

Une horloge pour votre blog.

Publié le par Coquelikosafrane

Plusieurs sites qui vous proposent de jolis horloges pour vos blogs et sites :

En html; donc aucun problème pour OB.

 

 sur clockmysite


Les sonneries sont particulières mais ça change des autres blogs !!

Moi j'adore !




Vous n'avez plus qu'à recopier le code ci-dessous :

<object id="MonHorloge" 

codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0

height="250" width="250" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="6615" 

name="_cx" /><param value="6615" name="_cy" /><param name="FlashVars" /><param 

value="
http://www.virtualsined.com/clock/horloge.swf" name="Movie" /><param 

value="
http://www.virtualsined.com/clock/horloge.swf" name="Src" /><param value="Transparent" 

name="WMode" /><param value="-1" name="Play" /><param value="-1" name="Loop" /><param value="High" 

name="Quality" /><param name="SAlign" /><param value="-1" name="Menu" /><param name="Base" /><param 

value="always" name="AllowScriptAccess" /><param value="ShowAll" name="Scale" /><param value="0" 

name="DeviceFont" /><param value="0" name="EmbedMovie" /><param name="BGColor" /><param 

name="SWRemote" /><param name="MovieData" /><param value="1" name="SeamlessTabbing" /></object>


 
D'autres horloges :







trop mimi; j'adore !!

Le code :
<iframe src="http://lecoindesylvie.site.voila.fr/pendule14.htm" width=147 height=106MARGINWIDTH=0 

MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe>

Allez vite visiter le site de Sylvie.

Encore d'autres super sympa sur le site de Myspace.

 
 

 

Publié dans Over blog

Partager cet article
Repost0

Modes de texte simples

Publié le par Coquelikosafrane


 Gras
<B> ... </B>
Italique <I> ... </I>
Souligné <U> ... </U>
Taille du texte <Font Size=?> ... </Font>
Couleur du texte : <Font Color="code couleur au format #$$$$$$"></Font>  
Aller à la ligne <BR>
Texte avec exposant  <Sup> ... </Sup>
Texte avecindice <Sub> ... <Sub>





























Avec la balise <font>  on utilise le nom des couleurs de base :

Silver, Gray, White, Black, Maroon, Red, Green, Lime, Purple, Fuchsia, Olive, Yellow, Navy, Blue, Teal, Aqua:


  Silver
  Gray
  White
  Black
  Marron
  Red
  Green
  Lime
  Purple
  Fuchsia
  Olive
  Yellow
  Navy
  Blue
  Teal
  Aqua


Publié dans Over blog

Partager cet article
Repost0

Un texte en forme de vagues (OB).

Publié le par Coquelikosafrane


E
n allant faire un tour sur le site de smiliz vous pourrez faire un joli texte en forme de vagues .
Vraiment très chouette et facile à utiliser.



Publié dans Over blog

Partager cet article
Repost0

<< < 1 2 3 4 5 6 7 8 > >>