Overblog
Suivre ce blog Administration + Créer mon blog

over blog

Permettre la lecture d'une radio sur son blog .

Publié le par Coquelikosafrane



Il suffit de faire un copier-coller et de mettre les lignes suivantes sur son blog en les personnalisant si on veut ! 

Ce ne sont que quelques radios françaises mais on peut en rajouter ! !

Un simple clic sur le nom de la radio permettra l'ouverture d'un player .


* Chérie FM .


* Europe 1 .


*  France Info .


* Fun Radio .


* Nostalgie .


* NRJ .


* Rires & Chansons .


* RFM .


* RTL .


* Vitamine Radio .


* Virgin Radio .






 

Publié dans Over blog

Partager cet article
Repost0

Jolis effets sur liens .

Publié le par Coquelikosafrane


Mes effets actuels :

a:hover { text-transform:uppercase;text-decoration:none; color:#9E9E9E; letter-spacing: 5px; font-weight:bold; color:MidnightBlue;cursor:URL(http://www.cursorpedia.com/ani/white sparkle.ani);}



 

Publié dans Over blog

Partager cet article
Repost0

Une image fixe en fond (OB).

Publié le par Coquelikosafrane



Pour personnaliser le fond de son blog :

Il suffit de recopier cette ligne et de la placer ou l'on veut dans le CSS.


background-image: url("
adresse de l'image") ;
background-repeat: no-repeat ;
background-attachment: center ; etc.... }

sinon   :   background-color:transparent



Ou bien changer la ligne body :


body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image:url(adresse de l'image); }

Par exemple : un de mes scripts habituel . : 

body    { font-family: tahoma; font-size:14px; color:#000000;background-color:#6699FF;background-image:url(
http://idata.over-blog.com/1/12/72/17/a/sbbg1.png);background-position:center;background-repeat:no-repeat;background-attachment:fixed}



 

Publié dans Over blog

Partager cet article
Repost0

La balise text-transform.

Publié le par Coquelikosafrane



Dans le css du blog, on peut personnaliser pas mal de choses y compris le texte .

Ceci est possible avec la balise :    {text-transform} 

On peut y ajouter quelques fonctionnalités :

none : Définit du texte normal, avec des lettres minuscules et majuscules  .

capitalize :  Chaque mot dans un texte commence par une lettre majuscule  ;

uppercase : Seulement des lettres majuscules  .

 * lowercase :Seulement des lettres minuscules  .


 

Publié dans Over blog

Partager cet article
Repost0

Liens survolés avec espacement des lettres et en majuscules .

Publié le par Coquelikosafrane


Du coup avec les 2 articles précédents; on peut mélanger plusieurs effets sur les liens survolés dans le css.

Par exemple :

a:hover { text-transform:uppercase;text-decoration:none; color:#9E9E9E; letter-spacing: 15px;
 font-weight:bold;
 color:navy;
}}



Cool, non !!

Publié dans Over blog

Partager cet article
Repost0

Programme télé sur blog .

Publié le par Coquelikosafrane



Pour obtenir ceci :






Il suffit de coller le code suivant :


<iframe src="http://static.programme-tv.net/programme-tv-webmasters/programme-tnt.html" style="width:955px;margin:15px;height:500px;"></iframe><noframe><a href="http://www.programme-tv.net/programme-tnt.html">Programme TNT</a></noframe> .


 

Publié dans Over blog

Partager cet article
Repost0

Code html ou BB .

Publié le par Coquelikosafrane


Pour répondre sur les forumls et si les hébergeurs le supporte :

Il suffit de transformer du html en bb :

Code html :

<a href="Adresse du site http ..." target="_blank" title="Nom du site ou de l'image .">
<img src="Adresse de l'image hébergée " border="0" alt="Nom du site ou de l'image."></a> <br>
<a href="Adresse du site http...." target="_blank" title="Nom du site ou de l'image .">Petit mot pour le visiteur ou visualisateur.</a>


Qui devient le bbcode suivant :


[url=Adresse du site http ...]
[img]Adresse de l'image hébergée .jpeg...[/img][/url]
[url=Adresse du site http...]Nom du site ou de l'image[/url]

Publié dans Over blog

Partager cet article
Repost0

Texte entouré .

Publié le par Coquelikosafrane





Bienvenue chez Coquelikosafrane ! !




Le code :

<marquee style="border:#6600FF  5px dashed">
<p style="text-align: center;"><span style="font-size: 012t;"><br>Bienvenue chez Coquelikosafrane ! !</span></p> .

Tout est personnalisable et de plus avec les balises dotted, solid, dashed ..



Encore plein d'astuce sur mes articles ici .



Publié dans Over blog

Partager cet article
Repost0

Texte actif en forme de vague .

Publié le par Coquelikosafrane


Un petit code html tout bien personnailisable !!



Un petit texte actif :

 

Bienvenue chez
Coquelikosafrane
Pour obtenir cet effet , le code est :

<center><marquee height="120" behavior="alternate" direction="up" scrollamount="2" style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>Bienvenue chez<br>Coquelikosafrane</center></marquee></center>


On peut agir sur les différents paramètres comme la direction, le scrolldelay, le scrollamount et bien sûr les différents paramètres du filtre wave.

Par exemple :


Avec un scrolldelay de 150 :

 

Bienvenue chez
Coquelikosafrane


Avec un scollamount de 4 :

 

Bienvenue chez
Coquelikosafrane


Avec paramètres personnalisés du filtre :

 

Bienvenue chez
Coquelikosafrane


Pour animer une image de la même façon : le lien : ici .


Encore plein d'astuce sur mes articles : le lien  ici .




Publié dans Over blog

Partager cet article
Repost0

Générateur de Layout en ligne .

Publié le par Coquelikosafrane


Quoi de mieux et de plus simple ??

Il faut aller sur le site de : Smoke420.

Il suffit de rentrer quelques données et de choisir les couleurs .

Il faut ensuite cliquer sur Generate et récupérer les codes .

Il suffit de faire un copier-coller dans son css .




Publié dans Over blog

Partager cet article
Repost0

Qui suis-je ??

Publié le par Coquelikosafrane


Je l'ai trouvé tout mimi ce petit tag avec ses coutures qui me rappellent les chaussures de Flo .

Je ne sais pas si elle les traîne encore, depuis le temps !! ?? 

Du coup je le récupère et le link en en-tête !



About Me Graphics

Publié dans Over blog

Partager cet article
Repost0

Barre de défilement textuelle en ligne .

Publié le par Coquelikosafrane


Pour obtenir ce genre de barre de défilement comme celle-ci :


Bienvenue chez Coquelikosafrane ! !


*  Soit on se prend la tête à taper le code du genre :


<div style="width:100%;padding:0;margin:0;border-style:solid;border-width:1;border-color:antiquewhite;">
<MARQUEE bgcolor="darkslateblue" border="0" align="middle" scrollamount="2"  scrolldelay="90" behavior="scroll" align="middle"  width="100%" height="50" style="font-family: Courier New, Courier, mono; color: skyblue; font-size: 20">
Bienvenue chez Coquelikosafrane ! !
</MARQUEE>
</div>



*  Soit on se rend sur le site de : Webdeveloper.

* et on complète les cases et on choisit les couleurs et la vitesse de défilement .

*  Et voilà .

Pour en savoir plus sur le code html pour les débutants comme moi :

RV sur mes articles : lien ici .


Publié dans Over blog

Partager cet article
Repost0

Mini-news.

Publié le par Coquelikosafrane

Que pensez-vous de mon design hivernal ? Plutôt cool, non ??

 

Publié dans Over blog

Partager cet article
Repost0

Personnaliser du texte .

Publié le par Coquelikosafrane

 




Avec le site de http://glowtxt.com/ on peut décorer joliment son texte .

Très sympa.

Et puis tiens, en cette période de l'année :



 





 Quoi de plus marrant et de joli sur son blog que de jolis articles écrits en caractères particuliers et même encore mieux avec des caractères particuliers et en couleurs dégradées .

LA CLASSE ! ! 

Il existe 3 sorte d'écriture bizarre :

weird (étrange en français, pour génération skyblog et msn) car certaines lettres sont à l’envers ,

h4xx0r (geeks gamers), les chiffres remplacent les lettres

BrEeZaH , une lettre sur deux  est en majuscule



Par exemple : 

υиє é¢яιтυяє тяèѕ ραятι¢υℓιèяє :  єи ωιєя∂ .

un3 é(r!7ur3 7rè5 p4r7!(u1!èr3 : 3n h4xx0r.

UnE ÉcRiTuRe tRèS PaRtIcUlIèRe : Un bReZaH.



Le générateur d'écritures se trouve sur les sites de :


 * http://www.coolmessenger.nl/weirdmaker.php


*
http://tsitso.free.fr/html/outilskyblog.html


* http://wwwhome.cs.utwente.nl/~gunninkcjm/weirdmaker.htm .

 

 








 





Publié dans Over blog

Partager cet article
Repost0

Design d'Halloween .

Publié le par Coquelikosafrane

body    { font-family: Verdana;arial; verdana;courrier; times; font-size:small;background-color:000000;background:url(http://nsm02.casimages.com/img/2009/10/18//091018085315129904669032.jpg);  background-repeat:repeat; background-attachment: fixed; }


#global {padding: 0px; margin: 0px auto; width: 1200px;}
.ln {clear:both;}  
.cl {float:left;} 
#cl_0_0{width:100%; margin:0 0 5px 0;}  
#cl_1_0{margin:0px; width:190px;}  
#cl_1_1 {margin:0 0 0 1px; width:855px; padding:15px;}  
#cl_2_0 {width:100%;}  
 
#cl_0_0 {margin-bottom:15px;}  
#cl_2_0 {margin:15px 0 0 0;}  
.box {width:100%; overflow:hidden;}a      { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#9E9E9E}
#top h1 { padding:0px; margin:0px;color:black; }
body {cursor:url("http://downloads.totallyfreecursors.com/cursor_files/pumpkin.cur");}

#top    { padding:0 5px;   width:100%; background-color:transparent; border-bottom: 1px solid gray;}

#footer   { clear:both; color: transparent; border-top:transparent; }
#footer p { margin:0px; padding: 10px; background:transparent; }

.box-titre  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-c.png) repeat-x top; margin:0px; padding:0px; overflow: hidden;}
.box-titre h2{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-g.png) left top no-repeat; margin:0px; padding:0 0 0 5px; height:26px;font-size:x-small}
.box-titre span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  height:26px;}

.box-footer  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-c.png) repeat-x top; margin:0px; padding:0px; height:16px; font-size:6px;}
.box-footer h2{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-g.png) left top no-repeat;margin:0px; padding:0px; }
.box-footer  span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  }

.beforeArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; }
.titreArticle{
...
background: url(http://idata.over-blog.com/1/12/72/17/a/lion-baille-20060614.gif) no-repeat scroll top left ;
padding-left: 100px;
padding-bottom : 25px;
padding-top : 20px;
}
.titreArticle:hover {
background: url(http://idata.over-blog.com/1/12/72/17/animaux500.gif) no-repeat scroll top left ;
padding-left: 100px;
padding-bottom : 45px;
padding-top : 20px;
}

.article    { margin-top:50px; padding:0px; border-bottom:2px dotted; background:url(
http://nsm02.casimages.com/img/2009/10/18//091018092753129904669387.jpg);border-style:dashed;
 border-width:2px;
 border-color:000000;}

.box{margin:auto; margin-bottom:5px; padding:0px;font-size:x-small;background:url(
http://nsm02.casimages.com/img/2009/10/18//091018092753129904669387.jpg);}
.box-content { border:0px none; border-right:1px solid #6D87DC; border-left:1px solid #6D87DC; border-top:1px solid #6D87DC; padding:5px ;font-size:x-small;border-style:dashed;
 border-width:2px;
 border-color:000000;}

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption   {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}
#cl_1_1 { border-left:1px solid #999; padding:0 5px}

.beforePage {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; }

.page    { margin-top:10px; padding:0px; }
.page p  { padding:0px 0px 5px 5px; margin:0px; }

.divPageTitle h2{text-decoration:none;}
.divPageTitle h2:hover {text-decoration:none;}

Publié dans Over blog

Partager cet article
Repost0

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