Type de mise à jour : Création d'un message d'accueil
Descriptif de la mise à jour :Mise à jour du feuillet CSS et intégration de HTML sans la partie message
Justification (si besoin) : Il en fallait une :p
Copie des éléments de code changés :- - Avant : Rien
- - Après :
HTML (affichage -> page d'accueil -> généralité)
- Spoiler:
- Code:
-
<br /><div class="separation"></div>
<br /><div class="bienvenue"><span>BIENVENUE</span></div>
<br /><div class="separation">
<table class="tablemessageaccueil" style="text-align: center;">
<tr>
<td><a href="http://test-test-testxxx.forumgratuit.org/f6-mises-a-jour">: Mises à jour :</a></td>
<td><a href="http://test-test-testxxx.forumgratuit.org/f5-partie-test-pour-ici">: Tutos et tests ici :</a></td>
<td><a href="http://test-test-testxxx.forumgratuit.org/f4-partie-test-pour-les-autres-forums">: Pour les autres :</a></td>
</tr>
</table>
</div>
<br />
<table class="tablemessageaccueil">
<tr>
<td class="titrenew">.:News:.</td>
<td class="blanc"></td>
<td class="titrestaff">.:Staff:.</td>
</tr>
<tr>
<td><div class="news">- Mise en place d'une Chatbox latérale <br/>
- Création du message d'accueil<br />
- Ajout de nouveau tutos</div></td>
<td class="blanc"></td>
<td>
<div class="infobulle" style="float: left;">
<img src="http://i46.servimg.com/u/f46/15/46/56/34/era10.jpg">
<span> Déesse Suprême <br />
Codeuse et graph à ses heures perdue <br />
Co-fondatrice </span>
</div>
<div class="infobulle" style="float: right;">
<img src="http://i46.servimg.com/u/f46/15/46/56/34/cha10.png">
<span> Déesse Suprême <br />
Graphiste spécialiste en mumusage <br />
Co-fondatrice </span>
</div>
</td>
</tr>
</table>
<br />
<p class="credits">.:Crédits:.<br />
Thème : Cha<br />
Codage : Eraendil<br /></p>
<br />
CSS (affichage -> images et couleurs -> couleur -< feuille de style CSS)
- Spoiler:
.categorie{
margin: 10px 0px;
border: 3px solid #1A1212;
border-radius: 15px:
-moz-border-radius: 15px;
-webkit-border-radius: 15px;}
.titrecategorie{
margin-left: 15px;
padding: 3px;
display: block;
width: 150px;
margin-top: -15px;
border-top: 2px solid #1A1212;
border-right: 1px solid #1A1212;
border-left: 1px solid #1A1212;
background-color: #1A1212;
color: #FF9300;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center}
body.chatbox {
min-width: 550px !important;
background-image:url("https://2img.net/r/ihimizer/img12/896/imagecb.png");
background-repeat: no-repeat;
padding: 0;
margin: 0;
background-color: #ccc6ae;
}
.separation
{
width: 800px;
height: 20px;
margin: auto;
background-color: #291908;
}
.bienvenue
{
width: 800px;
margin: auto;
font-family: "Times New Roman";
font-weight: bolder;
font-size: 30px;
color: #FF9300;
text-shadow: 0px 0px 2px #291908;
text-align: right;
}
.tablemessageaccueil
{
width: 800px;
margin: auto;
}
.titrenew
{
width: 600px;
font-family: Times New Roman;
color: #291908;
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #291908;
}
.blanc
{
width: 15px;
}
.titrestaff
{
width: 175px;
font-family: Times New Roman;
color: #291908;
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #291908;
}
.news
{
width: 500px;
max-height: 300px;
margin: auto;
overflow: auto;
font-family: Verdana;
color: #291908;
font-size: 11px;
text-align: justify;
padding : 10px;
}
.credits
{
width : 300px;
margin: auto;
text-align: center;
font-family: Verdana;
color: #291908;
font-size: 11px;
padding: 10px;
}
.infobulle span
{
position : absolute;
top : auto;
left : auto;
width : 85px;
height : 80px;
background-color: #CCC6AE;
display : none;
}
.infobulle:hover span{
display:block;
top : auto;
left : auto;
width : 85px;
height : 80px;
overflow : visible;
background-color: #CCC6AE;
}