Overblog
Suivre ce blog Administration + Créer mon blog

over blog

Un joli curseur sur les liens(OB).

Publié le par Coquelikosafrane


Marre de la flêche classique; rien de plus simple; il suffit d'aller télécharger des curseurs marrants sur le web comme par exemple chez Chezpasglop; il y a déjà le lien d'hébergement; trop pratique !! 
Il suffit d'aller dans votre css et de faire un copier coller .

Par exemple pour avoir un petit raton-laveur :

 

a             { text-decoration:underline; color:#5675A4; font-size:110%; }

a:hover { text-decoration:none; color:#123456;cursor:URL("http://chezpasglop.ifrance.com/cur/raton_laveur.cur");


Publié dans Over blog

Partager cet article
Repost0

Lien vers le haut de page (OB).

Publié le par Coquelikosafrane

 


Vous avez de longs articles et vous voulez faciliter la navigation de vos visiteurs ?

Rien de plus simple que de faire un lien vers le haut de votre page; actuelle;il s'entend bien !!

Il faut pour celà aller dans l'administration de votre blog:

* clic sur le rond icône Configurer en haut de la page

* une fois la fenêtre ouverte; cliquer dans la fenêtre pied de page .

* Taper le texte voulu : Haut de page ,par exemple

* Sélectionner uniquement le texte qui vient d'être tapé; faire un lien avec comme adresse l'adresse complète de votre blog puis dans l'onglet destination du lien clic sur Fenêtre supérieure(_top)

* OK

* Valider





C'est fini .

Tout ceci peut être ajouté à la fenêtre de l'accueil et bien sûr celle des articles .

Publié dans Over blog

Partager cet article
Repost0

Texte qui apparaît sur un lien lors du passage de la souris dessus (OB) .

Publié le par Coquelikosafrane

Mon petit blog perso 

Passer la souris au dessus de mon texte ci -dessus .

Une fenêtre apparaît avec un texte personnel dedans .

Le script :

<a href="http://coquelikosafrane.over-blog.com/" target="_blank" title="Coquelikosafrané; le blog qui débute fort !">Mon petit blog perso </a>







Publié dans Over blog

Partager cet article
Repost0

Mettre une infobulle sur une image (OB) .

Publié le par Coquelikosafrane



lapinbiz.gif



  Une image toute simple sans effet lorsque l'on passe la souris dessus .







On fait un script du style :

<img class="GcheTexte" height="136" alt="Votre message que vous souhaitez voir paraïtre" src="L'adresse de votre image hébergée sur OB ou non" width="125" key="751d06b45ba53f0fb41100f5befe6e8c" /> 


Merci à toi internaute d'essayer mes astuces










Il faut rajouter alt="texte" au code et voilà c'est tout ...

Publié dans Over blog

Partager cet article
Repost0

Le tour des modules (OB) .

Publié le par Coquelikosafrane


Vous voulez personnalisez le tour de vos modules alors à vous de jouez avec le CSS à ce niveau là :

.box{margin:auto; margin-bottom:5px; padding:0px;}
.box-content { border:0px none; border-right:1px solid #6D87DC; border-left:1px solid #6D87DC; border-top:1px solid #6D87DC; padding:5px }

Tout est personnalisable les marges, le padding (espace entre le texte t le cadre en haut et en bas ); les différentes couleurs et aussi le style de traits .
De ce fait on peut obtenir quelque chose dans le style suivant :

Image hébergée gratuitement chez www.imagehotel.net

Pour les pointillés remplacer le mot solid par dotted.

Pour les tirets par dashed .

.box{margin:auto; margin-bottom:5px; padding:0px;}
.box-content { border:0px none; border-right:10px dashed #6D87DC; border-left:1px dotted #000000; border-top:1px solid #159753; padding:5px }


Sympa, non?



Publié dans Over blog

Partager cet article
Repost0

Inversion miroir de texte :

Publié le par Coquelikosafrane


Pour une inversion verticale :

Inversion Verticale

Le script :

<div style="width:300px;font-size:20pt;filter: flipv;">Le texte voulu .</div>



Pour inversion horizontale :

Inversion Horizontale

Le script :

<div style="width:300px;font-size:20pt;filter: fliph;">Le texte voulu .</div>




Publié dans Over blog

Partager cet article
Repost0

Texte défilant.

Publié le par Coquelikosafrane

Pour un effet digne du cinéma, il faut le script suivant :
 

<marquee behaviour="alternate" direction="up" scrollamount="1" scrolldelay="50" loop="-1"> Pour un effet digne du cinéma, il faut le script suivant ></marquee>

Publié dans Over blog

Partager cet article
Repost0

Texte écrit sur une image .

Publié le par Coquelikosafrane

0

Je tape mon texte comme je veux : Le script :

<div style="width: 200px">
<p align="center"><img style="width: 282px; height: 226px" height="554" alt="" src="http://idata.over-blog.com/1/12/72/17//pageaccueil.jpeg" width="738" align="right" /></p>
<div style="float: left; width: 297px; height: 241px">
<p align="center">Je tape mon texte comme je veux : Le script :</p>
</div>
</div>









 

Publié dans Over blog

Partager cet article
Repost0

Inversion miroir de texte :

Publié le


Pour une inversion verticale :

Inversion Verticale

Le script :

<div style="width:300px;font-size:20pt;filter: flipv;">Le texte voulu .</div>



Pour inversion horizontale :

Inversion Horizontale

Le script :

<div style="width:300px;font-size:20pt;filter: fliph;">Le texte voulu .</div>




Publié dans Over blog

Partager cet article
Repost0

Faire un lien vers votre boîte aux lettres pour vos visiteures (OB) .

Publié le par Coquelikosafrane


Pour que le mot contact ouvre la messagerie automatiquement .

contact


Le script :

<a href=mailto:dantrium@caramail.com>contact</a>








Publié dans Over blog

Partager cet article
Repost0

Liste en html (OB).

Publié le par Coquelikosafrane


VOTRE LISTE .
Le script :

<div id="cadre">
<h4>VOTRE LISTE .</h4>
<div>
<ul>
 <li><a accesskey="Adresse du lien 1" href="#">Item 1</a></li>
 <li><a accesskey="Adresse du lien 2 " href="#">Item 2</a></li>
 <li><a accesskey="Adresse du lien 3 " href="#">Item 3</a></li>
 <li><a accesskey="Adresse du lien 4 " href="#">Item 4</a></li>
 <li><a accesskey="Adresse du lien 5 " href="#">Item5</a></li>
</ul>
</div>
</div>
<span style="display: none; overflow: hidden; width: 0px; height: 0px">

Publié dans Over blog

Partager cet article
Repost0

Une image en fond d'article (OB).

Publié le par Coquelikosafrane


Le script : 

<table bordercolor="#000000" height="100%" cellspacing="0" cellpadding="0" width="100%" background="http://idata.over-blog.com/1/12/72/17//011109-1120-0007-lsls.jpg" border="0">
 <tbody>
  <tr>
   <td>
   <p>&nbsp;</p>
   </td>
  </tr>
 </tbody>
</table>

On voit donc ici toute l'importance d'une image raccordable.



On voit donc ici ce que ça donne avec une texture raccordable.
 
Le script : 

<table bordercolor="#000000" height="100%" cellspacing="0" cellpadding="0" width="100%" background="
http://idata.over-blog.com/1/12/72/17//denim5.jpg" border="0">
 <tbody>
  <tr>
   <td>
   <p>&nbsp;</p>
   </td>
  </tr>
 </tbody>
</table>





Publié dans Over blog

Partager cet article
Repost0

Une image différente en fond pour chaque article (Ob).

Publié le par Coquelikosafrane

Tout est paramétrable dans le script ; la taille de la fenêtre du texte; la hauteur et la largeur de la fenêtre de la couleur.

Une image en fond rien que pour un article .... Qu'en pensez-vous? Sympa, non?


<div align="center">
<div id="msn" style="width: 600px"><img height="200" alt="" src="http://www.layouthut.com/layouts/Stripes/Greenblue" width="600" align="right" />
<div style="float: left; width: 500px">
<p><font face="Lucida Handwriting" size="5">Une image en fond rien que pour un article ....
 Qu'en pensez-vous? </font></p>
</div>
</div>
</div>


Moi je trouve ça vraiment sympa !!

 

Le script du soleil :

<div align="center">
<div id="msn" style="width: 558px"><img height="554" alt="" src="http://www.layouthut.com/layouts/Summer/Red-Summer-Sun" width="558" align="right" />
<div style="float: left; width: 558px">
<p><font face="Lucida Handwriting" size="5">Moi je trouve &ccedil;a vraiment sympa !! </font></p>
<div>&nbsp;</div>
</div>
</div>
</div>

Publié dans Over blog

Partager cet article
Repost0

Calendrier (OB).

Publié le par Coquelikosafrane


En surfant je viens de tomber sur le site de Seekcodes.

Il y a plein de choses à découvrir ,des trucs à mettre sur votre blog...

Comme ce calendrier :



<embed src="http://www.seekcodes.com/Flash/calendar2.swf" width="160" height="180" scale="ShowAll" loop="loop" menu="menu" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed> <span style="display: none; overflow: hidden; width: 0px; height: 0px">
 

Publié dans Over blog

Partager cet article
Repost0

Une image en fond avec le texte dessus .

Publié le par Coquelikosafrane

 

 

Sympa comme effet non ?
Le script :

<div style="width: 536px"><img style="filter: alpha(opacity=80, finishOpacity=5,style=1); width: 554px; height: 336px" height="500" alt="" src="http://idata.over-blog.com/1/12/72/17//011109-1120-0007-lsls.jpg" width="580" align="right" />
<p>&nbsp;</p>
<div style="width: 537px; height: 355px">
<p align="center">&nbsp;</p>
<p align="center"><font face="Lucida Handwriting, Cursive" color="#000000" size="5">Sympa comme effet non ?</font></p>
<p align="center"><font face="Isabelle" color="#fffff0" size="4">J'adore comme effet; trop chouette</font></p>
<p align="center"><font size="4"><br />
</font></p>
</div>
</div>
<div>&nbsp;</div>


 

 

 

Sympa comme effet non ?

<div style="width: 536px"><img style="filter: alpha(opacity=100, finishOpacity=0,style=2); width: 554px; height: 336px" height="500" alt="" src="http://idata.over-blog.com/1/12/72/17//28.jpg" width="580" align="right" />
<p>&nbsp;</p>
<div style="width: 537px; height: 355px">
<p align="center">&nbsp;</p>
<p align="center"><font face="Lucida Handwriting, Cursive" color="#000000" size="5">Sympa comme effet non ?</font></p>
<p align="center"><font face="Isabelle" color="#fffff0" size="4">J'adore comme effet; trop chouette</font></p>
<p align="center"><font size="4"><br />
</font></p>
</div>
</div>
<div>&nbsp;</div>

 




 

Publié dans Over blog

Partager cet article
Repost0

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