Adresse du forum : http://meteor.bbconcept.net/
Description des éléments : J'ai fais 1 schéma pour chaque fois que l'on passe la souris sur une image, mais voici le rendu original :
- Le rendu lorsque l'on passe la souris sur l'image principale:
- Le rendu lorsque l'on passe la souris sur une des images du Staff (petits icons de gauche):
- Le rendu lorsque l'on passe la souris sur la première image à droite:
- Le rendu lorsque l'on passe la souris sur la deuxième image à droite:
- Le rendu lorsque l'on passe la souris sur la troisième image à droite:
Couleurs ou tons : Alors, voici pour les couleurs ;
• Couleur du Texte : #FF9900
• Bordures : #FF9900
• Blocs du texte de Présentation et des Partenaires : #3E9EFF
• Blocs du Titre du Forum, des Images de Staff, des Liens et du Bloc Principal : #99CCFF
Images : J'aimerais que ce soit au codeur qui impose ses dimensions des images en sachant que :
• Les images de Staff ne doivent pas dépasser les 40*40px.
• Les images des Partenaires doivent faire 50*50px.
• L'image Principale doit faire la taille du Bloc Principal.
• Malgré le fait que ce n'est pas apparent sur les schémas, les images de droite doivent faire la même tailles, sans dépasser les 75*75px.
Autres précisions : J'ai un peu de base en HTML, ou CSS ; je saurais donc remplacer les couleurs, les images ou autres, ne vous en fait pas trop pour moi ♥.
• Largeur du Forum : 850px.
Je tiens à ce que la PA soit, quasiment, de la même largeur du forum.
Je remercie chaudement celui ou celle qui pendra ma PA en charge ♥.
EDIT : J'ai déjà du CSS ; le voilà pour ceux que ça intéresserais :
- CSS:
.barre_nav {
position: absolute;
left: 0px;
top: 480px;
right: 0px;
}
.bodyline {
-moz-border-radius: 10px;
background-attachment: fixed;
background-image:url(URL);
background-repeat: repeat;
background-position: top left;
border: 2px solid #1B71E4;
border-left: 5px solid #1B71E4;
border-right: 5px solid #1B71E4;
}
tr.post span.gensmall {display : none;}
#i_logo {
margin-right: -10px;
margin-left: -10px;
margin-top: -10px;
margin-bottom: -40px;
}
/* NAVIGATION */
a.mainmenu{
color: #FFFFFF;
cursor: crosshair;
font-size: 16px;
text-shadow: 1px 1px 0 #1B71E4;
font-family: FrankRuelh;
text-transform: lowercase;
-moz-transition-property: color, background-color;
-webkit-transition-property: color, background-color;
-o-transition-property: color, background-color;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}
/*BRIC A BRAC*/
body { cursor: crosshair }
a:hover { cursor:ne-resize; }
a:link {
text-decoration: none;}
a:hover{text-decoration: none !important; }
a { text-decoration: none; }
.quote {
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #1B71E4;
line-height: 125%;
border: #1B71E4;
border-style: solid;
border: 1px #1B71E4 solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}
.code {
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #1B71E4;
border: 1 px #1B71E4;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px; }
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
.dernsujet {
padding: 5px;
margin: 5px;
border-left: 2px solid #1B71E4;
border-right: 2px solid #1B71E4;
border-radius: 50px;
text-align: center;
}
/*TEAMS*/
.team1
{
text-transformation: uppercase;
color: #FF0000;
text-shadow: 1px 0 0 black;
}
/*AVATAR*/
div.post_profile
{
background: #E4EDEC;
padding: 15px;
border: 2px solid #CADBD9;
border-radius: 20px;
}
/*SELECTION*/
::selection { background-color: #1B71E4; color: #ffffff; }
::-moz-selection { background-color: #1B71E4; color: #ffffff; }
/*CARNET DE VIE*/
.montrerfeuilleperso
{ height: 49px;
text-align: center;
overflow: hidden;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
-ms-transition: 2s;
-khtml-transition: 2s;
}
.montrerfeuilleperso:hover
{ height: 115px;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}
/*CATEGORIES FORUMS*/
.titreforum {
font-family: Trebuchet MS;
margin-left: 30px;
font-size: 22px;
color: #1B71E4;
margin-bottom: -21px;
}
.titreforum:hover {
font-family: Trebuchet MS;
margin-left: 0px;
font-size: 22px;
color: #3c85e8;
margin-bottom: -21px;
}
.forumline
{
background-color: #FFFFFF;
border-left: 4px solid #1B71E4;
border-right: 4px solid #1B71E4;
padding: 10px;
}
Dernière édition par SNMitsuki le Mar 22 Oct 2013 - 11:09, édité 1 fois