Overblog

Suivre ce blog

Administration + Créer mon blog

over blog

Changer la couleur de police (OB) .

Publié le 8 juin 2007 par Coquelikosafrane

Pour changer la couler de la police des artices; des la présentation et de "publié par" :

Tout en haut dans background:#fdf0da;color: # mettre la couleur voulue;}

Changer la couleur de fond du blog (OB) .

Publié le 8 juin 2007 par Coquelikosafrane

Tout en haut de votre CSS :

Dans la ligne : Background:#valeur de couleur voulue

Couleur des modules (OB) .

Publié le 8 juin 2007 par Coquelikosafrane

Dans les lignes suivantes on peut intervenir sur les différentes couleurs, sur l'épaisseur des traits en jouant sur le nombre de pixels des border-top et des border-bottom :

On peut vraiment personnaliser les modules à notre gré :

.box-titre {
border-bottom: 1px solid #couleur voulue;
background-color:#couleur voulue;
}

.box {
background-color: #couleur voulue;
border-bottom: 2px dotted #transparent;
}

.box-content {
border-top: 2px solid #couleur voulue;

Mettre un fond transparent (OB) .

Publié le 7 juin 2007 par Coquelikosafrane

Changer ces lignes comme suit :

Les articles :

.contenuArticle { background:transparent; }

Les modules :

.box { background:transparent ; }

Le titre des modules :

.box-titre h2 { background:transparent; }

Une image en fond d'article (OB).

Publié le 7 juin 2007 par Coquelikosafrane

Il faut coller les lignes suivantes avec l'url de l'image voulue en dessous de titreArticle:hover :

.article    { margin-top:10px; padding:0px; border-bottom:1px dotted #808080; background-image:url(http://idata.over-blog.com/1/12/72/17/a/fleur.gif
);}

ou bien une image sur un autre serveur :

.article    { margin-top:10px; padding:0px; border-bottom:1px dotted #808080; background-image:url(http://serv1.upload4you.free.fr/2007/06/1181404670.peg
);}

Menu déroulant en html.

Publié le 7 juin 2007 par Coquelikosafrane

Le script :

<form>
<select onChange="location = this.options
[this.selectedIndex].value">
<option value="" selected>Selectionner une page<option>
<option value="index.htm">Acceuil</option>
<option value="page.htm">Page</option>
</select>
</form>

Texte défile simplement

Publié le 7 juin 2007 par Coquelikosafrane

Mon texte défile tranquille

<MARQUEE>Mon texte défile tranquille</MARQUEE>

Faire un lien

Publié le 7 juin 2007 par Coquelikosafrane

Pour l'ouvrir dans une nouvelle fenêtre :

Exemple :

Mon blog à moi !

<a href="http://coquelikosafrane.over-blog.com/" target="_blank">Mon blog à moi !</a><br/>

Le code qui fait ouvrir la nouvelle fenêtre c'est : target="_blank"

Texte vif comme l'éclair vitesse=60

Publié le 7 juin 2007 par Coquelikosafrane

Un texte très rapide: vit=60

<MARQUEE SCROLLAMOUNT="60">Un texte très rapide: vit=60</MARQUEE>

Texte lent vitesse 3

Publié le 7 juin 2007 par Coquelikosafrane

Un texte très lent: vit=3

<MARQUEE SCROLLAMOUNT="2">Un texte très lent: vit=3</MARQUEE>

Texte vers le haut

Publié le 7 juin 2007 par Coquelikosafrane

Un texte vers le haut !<MARQUEE DIRECTION="up">Un texte vers le haut !</MARQUEE>

Vers la gauche

Publié le 7 juin 2007 par Coquelikosafrane

Vers la gauche

<MARQUEE DIRECTION="left">Vers la gauche</MARQUEE>

Vers la droite

Publié le 7 juin 2007 par Coquelikosafrane

Vers la droite

<MARQUEE DIRECTION="right">Vers la droite</MARQUEE>

Texte rebondissant

Publié le 7 juin 2007 par Coquelikosafrane

Le texte rebondissant

<MARQUEE BEHAVIOR="alternate">Le texte rebondissant </MARQUEE>

Le script :

<marquee direction="down"><marquee>Texte qui va de droite à gauche et de haut en bas</marquee></marquee>

Texte qui va de droite à gauche et de haut en bas

Le script :

<marquee direction="up"><marquee>Texte qui va de droite à gauche et de bas en haut</marquee></marquee>

Texte qui va de droite à gauche et de bas en haut

Texte qui va de gauche à droite et de bas en haut

Le script :

<marquee direction="down"><marquee direction="right">Texte qui va de gauche à droite et de haut en bas </marquee></marquee>

Texte qui va de gauche à droite et de haut en bas

Le script :

<a style="cursor:url('url du curseur')"><img src="url de l'image hébergée"></a>

Ce qui donne :

Par exemple un pauvre petit némo qui va se faire manger !!

Le script :

<marquee scrollday="une valeur en milliseconde" direction="down ou right ou up">Le texte qui sera comme saccadé</a>

Le texte qui sera comme saccadé

Taille de la fenêtre du texte.

Publié le 6 juin 2007 par Coquelikosafrane

On peut faire que le texte se promène sur toute la largeur de la page mais on peut aussi mettre une commande pour une certaine taille de fenêtre :

Le script :

<font face="TT" color="#ffffff" size="4"><marquee width="250" bgcolor="#000000" height="30">On peut mettre la taille que l'on veut avec les tailles de HEIGHT et WIDTH et la police et background voulu.</marquee></font>

Ce qui donne :

On peut mettre la taille que l'on veut avec les tailles de HEIGHT et WIDTH .

Texte de type ascenseur.

Publié le 6 juin 2007 par Coquelikosafrane

Le script :

<HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION=up & down </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<TABLE width="45%" border=0><TR>
<TD WIDTH="50%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="up"
BGCOLOR="white" WIDTH="100%" HEIGHT=200>
<CENTER>Le texte voulu avec un retour à la ligne avec <br> entre chaque mot</CENTER>
</MARQUEE></TD>
</TR></TABLE>
</BODY>
</HTML>

Par exemple :

Je
vous
remercie
de
parcourir
mes
articles.

J'ai
appris
plein
de
choses
sur mon
blog

Texte saccadé .

Publié le 6 juin 2007 par Coquelikosafrane

Le script :

<MARQUEE SCROLLDELAY="500" BGCOLOR="nom de la couleur du background">
Le texte que l'on souhaite voir défilé</MARQUEE>
</BODY>
</HTML>

La commande suivante :

<BODY BGCOLOR="white" TEXT="black">

se met au début des lignes du script pour choisir la taille de la police et de sa couleur .

Ce qui donne par exemple :

Intervalle long entre les déplacements - 500ms

Un autre exemple beaucoup plus rapide.

Merci à toi visiteur ....

Publié le 1 mai 2007 par Coquelikosafrane

Merci à toi, visiteur Internaute de passer un moment sur mon petit espace virtuel...Merci à toi, visiteur Internaute de passer un moment sur mon petit espace virtuel... Merci à toi, visiteur Internaute de passer un moment sur mon petit espace virtuel... Merci à toi, visiteur Internaute de passer un moment sur mon petit espace virtuel...

Par exemple :

Il suffit de mettre le code suivant :

<CENTER><A HREF="http://www.cartepostalevirtuelle.com" target=_blank><B>Cartes virtuelles</B></A></CENTER><IFRAME width=468 height=800 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no bordercolor=#000000 SRC=http://www.cartepostalevirtuelle.com/rapidocarte.php?ID=1925444769&BGcolor=F7F7FF&ftcolor=000000&lkcolor=0000FF><BR></IFRAME>

<< < 1 2 3 4