Oldiblog

 Fermer
Créer son blog KaZeo
Discuter sur les forums
Tchatter
Oldicaces >>
  Créer son blog KaZeo     Rap et RnB     Communauté Ados     Créer un blog gratuit Vendredi 27 novembre 2009   St Séverin  
Astuce et compagnie
 

puce Sommaire des articles de cette rubrique
   

puce Page 5 (le 22/03/2006 à 09h21)

 

 

-Code du coeur et des papillons.

 

 

 

</script>

<div id="dot0" style="position: absolute; visibility: hidden; height: 20; width: 20;">
    <img border="0" src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/Onehartx.gif" >
</div>
<div id="dot1" style="position: absolute; height: 20; width: 20;">
    <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/Onehartx.gif" >
</div>
<div id="dot2" style="position: absolute; height: 20; width: 20;">
    <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot3" style="position: absolute; height: 20; width: 20;">
 <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot4" style="position: absolute; height: 20; width: 20;">
 <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot5" style="position: absolute; height: 20; width: 20;">
 <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot6" style="position: absolute; height: 20; width: 20;">
 <img src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot7" style="position: absolute; height: 20; width: 20;">
    <img border="0" src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot8" style="position: absolute; height: 20; width: 20;">
    <img border="0" src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<div id="dot9" style="position: absolute; height: 20; width: 20;">
    <img border="0" src="http://blog.doctissimo.fr/php/blog/LE_REFLET_DE_NOS_COEURS/skins/images/3.gif" >
</div>
<script LANGUAGE="JavaScript">
<!-- hide code


var nDots = 10;

var Xpos = 0;
var Ypos = 0;

  // fixed time step, no relation to real time
var DELTAT = .01;
  // size of one spring in pixels
var SEGLEN = 10;
  // spring constant, stiffness of springs
var SPRINGK = 10;
  // all the physics is bogus, just picked stuff to
  // make it look okay
var MASS = 1;
// Positive XGRAVITY pulls right, negative pulls left
// Positive YGRAVITY pulls down, negative up
var XGRAVITY = 0;
var YGRAVITY = 50;
// RESISTANCE determines a slowing force proportional to velocity
var RESISTANCE = 10;
  // stopping criterea to prevent endless jittering
  // doesn't work when sitting on bottom since floor
  // doesn't push back so acceleration always as big
  // as gravity
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
  // BOUNCE is percent of velocity retained when
  // bouncing off a wall
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

  // always on for now, could be played with to
  // let dots fall to botton, get thrown, etc.
var followmouse = true;

var dots = new Array();
init();

function init()
{
    var i = 0;
    for (i = 0; i < nDots; i++) {
        dots[i] = new dot(i);
    }
   
    if (!isNetscape) {
        // I only know how to read the locations of the
        // <LI> items in IE
        //skip this for now
        // setInitPositions(dots)
    }
   
    // set their positions
    for (i = 0; i < nDots; i++) {
        dots[i].obj.left = dots[i].X;
        dots[i].obj.top = dots[i].Y;
    }
   
   
    if (isNetscape) {
        // start right away since they are positioned
        // at 0, 0
        startanimate();
    } else {
        // let dots sit there for a few seconds
        // since they're hiding on the real bullets
        setTimeout("startanimate()", 1000);
    }
}

 

function dot(i)
{
    this.X = Xpos;
    this.Y = Ypos;
    this.dx = 0;
    this.dy = 0;
    if (isNetscape) {
        this.obj = eval("document.dot" + i);
    } else {
        this.obj = eval("dot" + i + ".style");
    }
}


function startanimate() {
    setInterval("animate()", 20);
}


// This is to line up the bullets with actual LI tags on the page
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why
// Still doesn't work great
function setInitPositions(dots)
{
    // initialize dot positions to be on top
    // of the bullets in the <ul>
    var startloc = document.all.tags("LI");
    var i = 0;
    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
        dots[i+1].X = startloc[i].offsetLeft
            startloc[i].offsetParent.offsetLeft - DOTSIZE;
        dots[i+1].Y = startloc[i].offsetTop +
            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
    }
    // put 0th dot above 1st (it is hidden)
    dots[0].X = dots[1].X;
    dots[0].Y = dots[1].Y - SEGLEN;
}

// just save mouse position for animate() to use
function MoveHandler(e)
{
    Xpos = e.pageX;
    Ypos = e.pageY;  
    return true;
}

// just save mouse position for animate() to use
function MoveHandlerIE() {
    Xpos = window.event.x + document.body.scrollLeft;
    Ypos = window.event.y + document.body.scrollTop;  
}

if (isNetscape) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onMouseMove = MoveHandler;
} else {
    document.onmousemove = MoveHandlerIE;
}


function vec(X, Y)
{
    this.X = X;
    this.Y = Y;
}

// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].Y - dots[j].Y);
    var len = Math.sqrt(dx*dx + dy*dy);
    if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
    }
}


function animate() {
    // dots[0] follows the mouse,
    // though no dot is drawn there
    var start = 0;
    if (followmouse) {
        dots[0].X = Xpos;
        dots[0].Y = Ypos;
        start = 1;
    }
   
    for (i = start ; i < nDots; i++ ) {
       
        var spring = new vec(0, 0);
        if (i > 0) {
            springForce(i-1, i, spring);
        }
        if (i < (nDots - 1)) {
            springForce(i+1, i, spring);
        }
       
        // air resisitance/friction
        var resist = new vec(-dots[i].dx * RESISTANCE,
            -dots[i].dy * RESISTANCE);
       
        // compute new accel, including gravity
        var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
            (spring.Y + resist.Y)/ MASS + YGRAVITY);
       
        // compute new velocity
        dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);
       
        // stop dead so it doesn't jitter when nearly still
        if (Math.abs(dots[i].dx) < STOPVEL &&
            Math.abs(dots[i].dy) < STOPVEL &&
            Math.abs(accel.X) < STOPACC &&
            Math.abs(accel.Y) < STOPACC) {
            dots[i].dx = 0;
            dots[i].dy = 0;
        }
       
        // move to new position
        dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;
       
        // get size of window
        var height, width;
        if (isNetscape) {
            height = window.innerHeight + window.pageYOffset;
            width = window.innerWidth + window.pageXOffset;
        } else {
            height = document.body.clientHeight + document.body.scrollTop;
            width = document.body.clientWidth + document.body.scrollLeft;
        }
       
        // bounce off 3 walls (leave ceiling open)
        if (dots[i].Y >=  height - DOTSIZE - 1) {
            if (dots[i].dy > 0) {
                dots[i].dy = BOUNCE * -dots[i].dy;
            }
            dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
            if (dots[i].dx > 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
            if (dots[i].dx < 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = 0;
        }
       
        // move img to new position
        dots[i].obj.left = dots[i].X;  
        dots[i].obj.top =  dots[i].Y; 
    }
}

// end code hiding -->
</script>

 

Merci!

Au revoir!

 

 

 

[ Ajouter un commentaire | 0 commentaire(s) | Imprimer | Permalien ]

puce Page 4 (le 22/03/2006 à 09h20)

-Code pour les petits coeurs

 

 

coeurs.

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
Image0 = new Image();
Image0.src = "http://blog.doctissimo.fr/php/blog/FIESTA/skins/images/21.gif";
Amount = 20;
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt) {
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
Xmouse=(document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
si[i].style.pixelLeft = Xpos[i] + wscrll;
si[i].style.pixelTop = Ypos[i] + hscrll;
si[i].style.width = grow[i];
si[i].style.height = grow[i];
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
MouseBubbles();
//  End -->
</script>

 

 

 

 

 

[ Ajouter un commentaire | 0 commentaire(s) | Imprimer | Permalien ]

puce Page 3 (le 20/03/2006 à 18h13)

brillants qui suient votre cuseur.
:

Image du "Refuge d'Estrélia"

 

 

 

 

 

 

 

-Code des petits brillants

 

 

 brillants qui suient votre cuseur.

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
 
var trailLength =10; // nombres d'images
var path = "http://blog.doctissimo.fr/php/blog/uneeternitedetoiles/skins/images/brillante010.gif";
 
var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img  width=25height=25 src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img  width=61 height=27 src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
   }
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
 
//  End -->
</script>
</body>
 
<!--fin-->

 

[ Ajouter un commentaire | 0 commentaire(s) | Imprimer | Permalien ]

puce Page 2 (le 20/03/2006 à 18h10)

Des astuces pour t'aider à construire ton blog

 
 

 

 

-Code pour mettre une image avec du texte dessus

 

 

 

Ton texte ici...

 

Tu rentres l'adresse de ton image, puis ton texte (en rouge).

 

 

<DIV align=center>
<DIV id=msn style="WIDTH: 738px"><IMG height=554 src="http://ADRESSE DE VOTRE IMAGE" width=738 align=right>
<DIV style="FLOAT: left; WIDTH: 738px">
<P><FONT face="Lucida Handwriting" size=5>VOTRE TEXTE ICI</FONT></P></DIV></DIV></DIV>

 

 

 
 
 
 
 

 

 

-Code pour curseurs animés

 

 

nom :<style>
BODY { cursor:url("adressse du curseur"); }
</style>

 

Ce code doit se trouver en premier dans le billet.

Tu peux mettre un curseur différent par billet.

Mettre l'URL , pour le nom c'est facultatif.

 

 

 

 

 

 

-Code pour mettre une photo opaque avec du texte dessus

 

 

 

A toi de trouver le texte

à écrire et à mettre ici


 

 

<DIV style="WIDTH: 536px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 554px; HEIGHT: 336px" height=500 src="ADRESSE DE VOTRE IMAGE" width=580 align=right>
<P></P>
<DIV style="WIDTH: 537px; HEIGHT: 355px">
<P align=center>&nbsp;
<P align=center><FONT face="Lucida Handwriting, Cursive" color=#00ff00 size=5>A toi de trouver le texte </FONT>
<P align=center><FONT face=Isabelle color=#ffffff><FONT color=#00ff00><FONT face="Lucida Handwriting, Cursive" color=#00ff00 size=4>à&nbsp;écrire et à mettre ici</FONT></FONT>
<P align=center><FONT size=4><BR></FONT></P></FONT></DIV></DIV><DIV></DIV>

 

Trois effets possible en changeant le style (ici 2) par 1,2 ou3.

Trois positions possible pour align= left  :gauche,

right  :droit et  center  :centre, pour l'image et le texte.

 

Fais des essais et tu trouveras ce que tu recherches.

 

-Un autre exemple en supprimant le texte, et en changeant le style.

 

 

                                                         

                     Effets en haut style:2 en bas:1                             

 
 
 

 

 

-Code pour cette fenêtre

 

 

 

 

Tu mets à l'intérieur de la fenêtre du texte, des codes, mais pas d'mage

 


 


 

 

 

 

-Code pour menu déroulant

 

 

 

Menu déroulant  

 

 

 

 

 

 

Menu déroulant  

<!-- DEBUT DU SCRIPT MENU DEROULANT-->
<p><form NAME="menu">
<div align="center"><center><p>
Menu déroulant&nbsp;&nbsp;<select NAME="popup"
onChange="change_site();" style="background-color:000000; color:red" size="1">
<option VALUE="http://recette.oldiblog.com/?page=lastarticle&id=503535">-&nbsp;&nbsp;&nbsp;Astuces pout ton blog&nbsp;&nbsp;&nbsp;-</option>
<option VALUE="">-&nbsp;&nbsp;astuces</option>
<option VALUE="http://recette.oldiblog.com/?page=news">-&nbsp;&nbs; new</option>
<option VALUE="">-&nbsp;&nbsp;</option>
<option VALUE="http://recette.oldiblog.com/?page=livredor">-&nbsp;&nbsp;livre d'or</option>
<option VALUE="http://recette.oldiblog.com/?page=catjeux">-&nbsp;&nbsp;les jeux</option>
</select> </p>
</center></div>
</form>
<script>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>
</p>
<!-- FIN DU SCRIPT MENU DEROULANT-->

 

 

Tu rajoutes autant options que tu as besoin.
 
 
 
 

 

 

-Code pour créer une liste avec un lien.

 

 

 

Tu peux mettre autant de lignes que tu as besoin.

Tu peux faire autant de listes que tu veux.

 

 

 

<div id="cadre">
<div id="bloccadre">
<h1>VOTRE TITRE ICI</h1>
<ul>
<li><a href="#" accesskey="VOTRE LIEN  1 ICI">VOTRE TITRE 1</a></li>
<li><a href="#" accesskey="VOTRE LIEN 2 ICI">VOTRE TITRE 2</a></li>
<li><a href="#" accesskey="VOTRE LIEN 3 ICI">VOTRE TITRE 3</a></li>
<li><a href="#" accesskey="VOTRE LIEN 4 ICI">VOTRE TITRE 4</a></li>
<li><a href="#" accesskey="VOTRE LIEN 5 ICI">VOTRE TITRE 5</a></li>
</ul>
</div>
</div>

 

 

 
 
 
-Fais un copier-coller de cette fenêtre, comme l'indique le titre, et ensuite tu mets ce que tu veux dedans.
N'oublies pas de changer le titre.
 
 
 

 

 Fais un copier, coller de la fenètre. 
 
 

 

 

 

                  
 
 
 
 
 

 

[ Ajouter un commentaire | 0 commentaire(s) | Imprimer | Permalien ]

puce Page 1 (le 20/03/2006 à 18h04)

03/2006 à 17h42)

:

Des astuces pour t'aidé à construire ton blog

 

 

 

(Tous ces codes sont ceux que j'ai utilisé pour mon blog pour plus d'astuces consulte ma page adresses utiles clic ici)

 

 

 

 

- Code des couleurs

 

 

 

 

Tu veux la couleur bleu en haut à gauche, son code est:00 (rouge) 00(vert) FF(bleu).

 

 

Tu inséres ce code en HTML.

Rouge

Vert

Bleu

00

33

66

99

CC

FF

00

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

33

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

66

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

99

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

CC

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

FF

00

 

 

 

 

 

 

33

 

 

 

 

 

 

66

 

 

 

 

 

 

99

 

 

 

 

 

 

CC

 

 

 

 

 

 

FF

 

 

 

 

 

 

Rouge

Vert

00

33

66

99

CC

FF

Bleu

 
 
 
 
 

 

- Code pour les transitions de pages 

 

 

      Tu remplaces le chiffre rouge par le nombre que tu veux de 1 à ... et tu regardes le résultat

   Place le code en HTML en premier dans tous les billets.

 

:</script>

<title>Couet's R&ecirc;veries</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=3)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3.0,Transition=3)">

 

 

 

 

 

- Code pour avoir une phrase défilante

 

 

 

 

  Tu peux aussi changer les valeurs: color; police de caractère ( en orange)

 Tu mets la phrase de ton choix (en rouge)

 

<MARQUEE><FONT color=#FF0000><FONT face="Comic sans MS, sans-serif" size=6>Voilà le résultat, à toi d'essayer...</FONT>&nbsp;</FONT></MARQUEE>

 

Voilà le résultat, à toi d'essayer... 

 

 

 

 

 

 

- Code pour avoir une phrase rebondissante

 

 

 

 

-Comme pour la phrase défilante, tu peux changer les valeurs en rouge.

 

<MARQUEE behavior=alternate bgColor=#ffffff><FONT color=#ff0000><FONT size=4><B><FONT style="BACKGROUND-COLOR: #ffffff"><FONT face="Comic sans MS, sans-serif" color=#000000>Tu mets ici ton message</FONT></FONT></B></FONT></FONT></MARQUEE>
<CENTER></CENTER

 

 

 

Tu mets ici ton message

 

 

 

 

 

- Code pour rendre son bloc transparent  pour msn

 

 

 

    Le code doit se toujours trouver dans le premier billet.

 

<DIV>
<TABLE>
<TBODY></TBODY></TABLE></DIV></TABLE>
<DIV></DIV>

 

ou

 

<TABLE>

<TBODY></TBODY></TABLE>

<DIV></DIV></TABLE>

 

 

 

 

-Code pour mettre 3 gifs ou images côte à côte

 

 

 

 

<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: left; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #ffff00">Adresse gif de gauche</DIV>
<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: right; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #66ffff">Adresse gif de droite</DIV>Adresse gif du centre

 

   Ce qui te donne:

 

 

 

 

 

 

    Tu peux remplacer les valeurs en orange selon ton désir.

   Il faut aussi que tu héberges tes images, je te donne une adresse :http://grafx-upload.com

    Tu récupéres l'adresse, en faisant un copier, et tu la colles à la place d'une adresse gif en bleu.

 

 

 

 

-Effet de texte selon Mike

 

 

 

 

 

 Sous chaque exemple, le code HTML à copier.  Dans ces codes, j'ai mis une couleur rouge pour les valeurs que tu peux changer:  taille, couleur et écriture selon ton désir.

 Amuses-toi et fais-toi plaisir.

 

 

 

Chez Mike

 <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: Glow(Color=#00FF00, Strength=6)">Chez Mike</span>

 

 

Pascal

  <span style="width: 100%; font-size: 24px; font-family: Tahoma; color: green; Filter: Glow(Color=#00FF00, Strength=8)">Pascal</span>

 

Pour d'autre conseille, va dans article!

 

[ Ajouter un commentaire | 1 commentaire(s) | Imprimer | Permalien ]

 

puceMises à jour

 - Dans les émoïcone, préférer-vou :(par ordre) Sondage 19/03/2006
 - vos recette sur le blog!! News 16/03/2006
 - Action Articles 10/04/2006
 - Bouré chocolat Photos 21/02/2006
 - question & compagnie Liens 21/06/2006