blog test de simon



boite ascenseur

 

https://static.blog4ever.com/2013/03/734029/060.jpg

Petit tuto pour faire ce poisson

 

ICI ON MET LE TEXTE OU LE TUTO en faisant un copier/coller dans la fenêtre

 

 

*******************************************

 

https://static.blog4ever.com/2013/03/734029/7887_c320b.gif

Petit tuto pour cette guitare

 

ICI ON MET LE TEXTE OU LE TUTO en faisant un copier/coller dans la fenêtre
 

 

**********************************

 

https://static.blog4ever.com/2013/03/734029/85289_c2280.gif

Petit tuto pour faire ce disque

 

ICI ON MET LE TEXTE OU LE TUTO en faisant un copier/coller dans la fenêtre
 

 

 

 

 

*******************************************

 

https://static.blog4ever.com/2013/03/734029/60973_59436.gif

Petit tuto pour cette guirlande

Page de demonstration

 
ICI ON MET LE TEXTE OU LE TUTO en faisant un copier/coller dans la fenêtre
 
 

 

****//////////////////////////*****

 

 Pour réaliser cet article il faut suivre les indications plus bas.

 

 

Voici le code CSS à mettre en Début d'article

c'est plus simple que de le mettre dans le Css du blog

 
<style type="text/css"><!--
div#bloc1 {
    border: 3px dashed yellow;
    border-radius: 20px;
    height: 100px;
    overflow: scroll;
    width: 450px;
    background: #a58;
    resize: both;

    margin-right: auto;

    margin-left: auto;
}

div#bloc1:hover {
 background: #000;

color:#fff;  
}
/* css fenêtre2*/
div#bloc2 {
    background: blue none repeat scroll 0 0;
    border: 5px dashed green;
    border-radius: 20px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
    resize: both;
    width: 450px;
}
div#bloc2:hover {
    background: #c99 none repeat scroll 0 0;
    color: yellow;
}

/*css fenêtre 3*/
div#bloc3 {
border: 3px dashed yellow;
border-radius: 20px;
height: 100px;
overflow: scroll;
width: 450px;
background: #000 none repeat scroll 0 0;
resize: both;
margin-right: auto;
margin-left: auto;
color:#fff;
}

div#bloc3:hover {
background: #000;
color:yellow;
}



/*fenêtre 4*/

div#bloc4 {
background: red none repeat scroll 0 0;
border: 5px dashed green;
border-radius: 20px;
height: 100px;
margin-left: auto;
margin-right: auto;
overflow: scroll;
resize: both;
width: 450px;
}
div#bloc4:hover {
background: #c99 none repeat scroll 0 0;
color: yellow;
}
--></style>

 

 

*******************************************

Pour la construction de cette article il faut mettre les fenêtres.

 

On copie autant de fois que l'on veut de fenêtres ( dans cet article il y en a 4 )

donc on mettra 4 codes avec des n° différents. ( le css comporte 4 blocs différents )

 

<p>&nbsp;</p>
<p style="text-align: center;">Petit tuto </p>
<p>&nbsp;</p>
<div id="bloc1" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p>&nbsp;</p>
<p>&nbsp;</p>

************************************

 

<p>&nbsp;</p>
<p style="text-align: center;">Petit tuto </p>
<p>&nbsp;</p>
<div id="bloc2" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p>&nbsp;</p>
<p>&nbsp;</p>

***********************************

 

<p>&nbsp;</p>
<p style="text-align: center;">Petit tuto </p>
<p>&nbsp;</p>
<div id="bloc3" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p>&nbsp;</p>
<p>&nbsp;</p>

****************************************

 

<p>&nbsp;</p>
<p style="text-align: center;">Petit tuto </p>
<p>&nbsp;</p>
<div id="bloc4" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p>&nbsp;</p>
<p>&nbsp;</p>

 

 

 

***************************

 Voici le code complet à mettre dans le HTML DE L'ARTICLE.

 

<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">Petit tuto</p>
<p style="text-align: center;">&nbsp;</p>
<div id="bloc1" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">************************************</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">Petit tuto</p>
<p style="text-align: center;">&nbsp;</p>
<div id="bloc2" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">***********************************</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">Petit tuto</p>
<p style="text-align: center;">&nbsp;</p>
<div id="bloc3" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">****************************************</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">Petit tuto</p>
<p style="text-align: center;">&nbsp;</p>
<div id="bloc4" style="text-align: center;">ICI ON MET LE TEXTE OU LE TUTO <strong>en faisant un copier/coller dans la fen&ecirc;tre<br /></strong></div>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">****************</p>
<style type="text/css"><!--
div#bloc1 {
    border: 3px dashed yellow;
    border-radius: 20px;
    height: 100px;
    overflow: scroll;
    width: 450px;
    background: #a58;
    resize: both;

    margin-right: auto;

    margin-left: auto;
}

div#bloc1:hover {
 background: #000;

color:#fff;  
}
/* css fenêtre2*/
div#bloc2 {
    background: blue none repeat scroll 0 0;
    border: 5px dashed green;
    border-radius: 20px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
    resize: both;
    width: 450px;
}
div#bloc2:hover {
    background: #c99 none repeat scroll 0 0;
    color: yellow;
}

/*css fenêtre 3*/
div#bloc3 {
border: 3px dashed yellow;
border-radius: 20px;
height: 100px;
overflow: scroll;
width: 450px;
background: #000 none repeat scroll 0 0;
resize: both;
margin-right: auto;
margin-left: auto;
color:#fff;
}

div#bloc3:hover {
background: #000;
color:yellow;
}

/*fenêtre 4*/

div#bloc4 {
background: red none repeat scroll 0 0;
border: 5px dashed green;
border-radius: 20px;
height: 100px;
margin-left: auto;
margin-right: auto;
overflow: scroll;
resize: both;
width: 450px;
}
div#bloc4:hover {
background: #c99 none repeat scroll 0 0;
color: yellow;
}
--></style>

 

 



29/11/2016
15 Poster un commentaire
⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 19 autres membres