Commande page d'accueil.

Sam 26 Mar - 17:58
Largeur maximale : 900
Hauteur maximale : Pas spécialement de maximale.
Schéma : schéma par ici
Éléments : Tout sur le schéma, j'espère ne rien avoir oublié. :)
Images : Pour les images, je souhaiterais volontiers que vous laissiez les espaces images de sorte que je puisse les mettre directement moi-même et pour vous éviter du travail supplémentaire, ma commande étant déjà assez complexe.
Animations : Image qui laisse place au contexte dans le gros bloc "contexte" (voir schéma), et de même dans le bloc staff, avec une zone d'image sur le carré du Staffien qui laisse place aux informations (pseudo, disponibilité et mp & profil) D'éventuels informations sont mises directement dans le schéma de façon claire.
Informations supplémentaires : Merci beaucoup, j'espère ne pas trop en demander et que votre expérience dans le domaine permettra de réaliser ce codage, je n'en doute point.
Revenir en haut Aller en bas
Dim 27 Mar - 4:00
Bonsoir,

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/COOC_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="COOC"><!-- LIENS & TOP-SITES --><div class="boxCOOC"><!-- LIENS - 10 MAXIMUM --><div class="lksCOOC"><span>Liens</span><!-- CONTENU LIENS --><a href="" target="_blank">Lien</a><!-- II --><a href="" target="_blank">Lien</a><!-- III --><a href="" target="_blank">Lien</a><!-- IV --><a href="" target="_blank">Lien</a><!-- V --><a href="" target="_blank">Lien</a><!-- VI --><a href="" target="_blank">Lien</a><!-- VII --><a href="" target="_blank">Lien</a><!-- VIII --><a href="" target="_blank">Lien</a><!-- IX --><a href="" target="_blank">Lien</a><!-- X --><a href="" target="_blank">Lien</a></div><!-- 3 TOP-SITES EN 35*35 --><div class="topCOOC"><span>Top-sites</span><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a></div></div><div class="boxCOOC"><!-- CONTEXTE & NOUVELLES --><div class="boxCOOC"><!-- MESSAGE DE BIENVENUE --><div class="welcCOOC">Message de bienvenue</div><!-- CONTEXTE --><div class="ctxtCOOC"><!-- IMAGE 405*150 --><img src="http://www.aht.li/2857942/405150.png" /><!-- CONTENU CONTEXTE --><p>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</p></div><!-- NOUVELLES --><div class="newsCOOC">■ le 00/00/00 : ...<br/>■ le 00/00/00 : ...<br/>■ le 00/00/00 : ...</div></div><div class="boxCOOC"><!-- STAFF - IMAGES EN 85*85 --><div class="staffCOOC"><span>Staff</span><!-- I --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:crimson;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- II --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- III --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><br/><!-- IV --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- V --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- VI --><div><!-- IMAGE --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div></div><!-- MEMBRE DU MOIS & COUP DE COEUR --><div class="mdcCOOC"><!-- MEMBRE DU MOIS --><div class="mdmCOOC"><!-- IMAGE 150*35 --><img src="http://www.aht.li/2857943/15035.png" /><!-- LIEN VERS PROFIL MEMBRE DU MOIS --><p><a href="" target="_blank">Pseudonyme</a></p></div><!-- COUP DE COEUR - IMAGE EN 150*35 --><div class="cdcCOOC"><a href="" target="_blank"><img src="http://www.aht.li/2857943/15035.png" /></a></div></div></div><!-- TITRE PARTENAIRES --><div class="tleCOOC">Partenaires</div><!-- 13 PARTENAIRES EN 50*50 --><div class="partCOOC"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div></div>

Partie CSS :
Code:
/* PAGE D'ACCUEIL */
/* BLOC LIENS */
.lksCOOC {
border-color:white !important; background:lightcoral !important;
}
/* TITRE BLOC LIENS */
.lksCOOC span{
color:white !important;
}
/* LIEN BLOC LIENS */
.lksCOOC a{
color:#efefef !important;
}
/* BLOC TOP-SITES */
.topCOOC {
border-color:white !important; background:lightcoral !important;
}
/* TITRE TOP-SITES */
.topCOOC span{
color:white !important;
}
/* MESSAGE DE BIENVENUE */
.welcCOOC {
background:lightcoral !important; color:white !important;
}
/* BLOC CONTEXTE */
.ctxtCOOC {
border-color:white !important;
}
/* CONTENU CONTEXTE */
.ctxtCOOC p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* BLOC NOUVELLES */
.newsCOOC {
border-color:white !important; color:black !important;
}
/* BLOC STAFF */
.staffCOOC {
border-color:white !important;
}
/* TITRE STAFF */
.staffCOOC span{
color:white !important;
}
/* CONTENU STAFF */
.staffCOOC div p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffCOOC div p a{
color:#ccc !important;
}
/* BLOC MEMBRE DU MOIS */
.mdmCOOC {
border-color:white !important;
}
/* CONTENU MEMBRE DU MOIS */
.mdmCOOC p {
background:rgba(0,0,0,0.8) !important;
}
/* LIEN CONTENU MEMBRE DU MOIS */
.mdmCOOC p a{
color:white !important;
}
/* COUP DE COEUR */
.cdcCOOC {
border-color:white !important;
}
/* TITRE PARTENAIRES */
.tleCOOC {
background:lightcoral !important; color:white !important;
}
/* BLOC PARTENAIRES */
.partCOOC {
border-color:white !important;
}
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum