Un site (html/css) par Mathieu

par wlaidet

Voici son site :

http://tableauxmaths.fr/productions_eleves/site_mathieu_chaine_utube

Voici les codes html et css :

Le html d’une des pages :

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>mathrix007</title>
                <link rel="stylesheet" href="style/style.css"/>
        </head>
        </body> <!-- c'est dans body que sera present le contenu de ma page -->
       
<header>
                <p style="color:#33FFFF;">
                        <div id="titre">
                                <h1>Ma chaîne Youtube Mathrix007</h1>
                        </div>
                </p>

                <div>
    <div>
        <a href="https://www.facebook.com/profile.php?id=100009141549019" title="facebook"><img src="http://korben.info/wp-content/themes/korben2013/hab/facebook_icon.png"></a>
       
       
        <a target="_blank" title="Google +" href="https://plus.google.com/share?url=" title="google+><img src="http://korben.info/wp-content/themes/korben2013/hab/gplus_icon.png" alt="Google Plus" /></a>
       
    </div>
    <div>
       
    </div>
</div>
<ul>

<div id="fol">
        <a href="mes jeux et mes amis.html"><p style="color:#33FFFF;"> Mes jeux et mes  amis </p></a>
</div> 
       
</ul>
       
<div id="image">
       
        <figure><p style="color:#33FFFF;"><img src="image/images.jpg" alt="mon logo"                    title="Mon logo"/>
       
                <figcaption>Mon logo de chaîne</figcaption></figure>
                </div>
        </header>
<p>
<div id="video">

<iframe class="player" src="http://www.youtube.com/embed/OQQY7smhosw?enablejsapi=1&amp;wmode=transparent&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;showinfo=1" width="600" height="480" frameborder="0" allowfullscreen="allowfullscreen"><p style="color:#33FFFF;"></iframe>

</div>
</p>

<h2>
<p style="color:#33FFFF;">
<div id="texte">
<fieldset> <legend>Mathrix007 </legend>
<p>Bonjour,<br/>
 je me présente, je commence une nouvelle chaîne youtube sous le nom de Mathrix007.
Mon nom vient de matrix le film et 007 comme vous l'avez deviné.</p>
</fieldset>

</div>
</h2>

</p>  
<div id="url">
<p style="color:#33FFFF;"><strong><a href="https://www.youtube.com/channel/UCtznqM8fRpLih2JZty6kZkQ" title="Ma chaîne YouTube"><h2>le lien :https://www.youtube.com/channel/UCtznqM8fRpLih2JZty6kZkQ</h2></a></strong></p>
</div>
        </body>
</html>

Télécharger

Le css de cette page :

div#titre{
text-align:center;
font-family: Verdana, sans-serif;
color: orange;
}

div#image{
text-align:center;
font-family: Verdana, sans-serif;
color: orange;
}


div#video{
color: #33FFFF;
text-align:center;
font-family: Verdana, sans-serif;
}



div#url {
text-align:center;
font-family: Verdana, sans-serif;
}


body
{
background-image: url("fond.png")
}

table {
 border-collapse:collapse;
 width:90%;
 }
th, td {
 border:1px solid yellow;
 width:20%;
 color: orange;
 font-family: Verdana, sans-serif;
 }
td {
 text-align:center;
 color: orange;
 font-family: Verdana, sans-serif;
 }
caption {
 font-weight:bold
 }
 
 div#texte
 {font-family: Verdana, sans-serif;
 color: #33FFFF;
 }
 
 

 
 header {
    display: block;
}

fol #{

}

a:visited
{
    color: orange;
}

a:hover
{
   text-decoration: underline;
   color: green;
}

Télécharger