:bd:
voilà ce que j'ai fait pour le moment :
:flech:
[lien]
Voici le CSS personnalisé :
header .image {
height:400px;
}
header h1 {
background-image: url(
https://static.blog4ever.com/2013/02/727680/logo-GOS-02-2014.png);
}
nav{
background: #e0ebef;
margin-top: 0px;
}
nav a {
text-align : center;
background: #;
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd1-menu-GOS-.png);
background-repeat: no-repeat;
padding: 2px 10px;
margin-top: 20px;
color: #33626d;
border: 2px ridge #d7beea;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
text-align : center;
color: #000000;
border: 2px groove #33626d;
}
nav ul {
margin: 0 20px 0 0;
float: right;
}
nav .recherche_nav {
float: left;
}
nav li{
/*background-image: url('
https://static.blog4ever.com/2013/02/727680/fd1-menu-GOS-.png');
background-repeat: no-repeat;*/
padding-left: 0px;
background-position: left center;
}
.menu_bloc {
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd1-menu-GOS-.png);
background-repeat: repeat;
margin: 20px 5px;
border: 2px outset #d7beea;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
.menu_bloc ul {
background: #e0ebef;
padding: 5px 2px;
border: 2px ridge #d7beea;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
- khtml-border-radius: 10px;
border-radius: 10px;
}
.fond-cote {
background: #e0ebef;
}
article{
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-article-GOS-02-2014.png);
background-repeat: repeat-y;
color: #codecouleur;
}
#private-messages {
padding: 5px;
border : 1px solid #000000;
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
/* bordures ombrées */
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12);
}
/* Liste des conversations */
#private-messages .pm-conversation-list {
background-color:#e0ebef;
margin-left: 5px;
padding: 10px 0;
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#private-messages div.pm-conversation.active {
background-color: #508794;
}
#private-messages .pm-conversation-list .username .date{
font-size: 12px;
}
/* zone de la conversation active */
#private-messages .conversation-messages {
border : 1px inset #33626d;
margin-left: 10px;
}
#private-messages .conversation-messages tr {
border-bottom: 1px Dashed #33626d;
}
#private-messages .conversation-messages tr:hover {
border: 1px solid #d8b2d3 !important;
background-color: #33626d !important;
}
#private-messages .conversation-messages .message-date {
color: #d2add0 !important;
}
/* Zone saisie réponse */
#private-messages form#conversation-reply textarea{
border: 1px solid #000000;
/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/* bouton envoyer */
#private-messages form#conversation-reply button {
background-color: #505984;
}
Je n'ai pas trouvé où il fallait aller pour modifié le bas du blog.
Et je voulais savoir pourquoi on voit du blanc dans le fond de "article" ?
Afin de ne pas voir ce blanc j'ai créé une image de 900x900 pixels mais malgré cela on voit le blanc.
Voir ma capture :
Je n'ai pas activé le MyDesign mais je suppose que pour créer des blocs supplémentaires dans le menu latéral il va falloir le faire ?
J'ai fais un essai et lorsque je l'active tout ce que j'ai déjà fait disparait !
Est ce que pour créer ces blocs cela va se faire dans le HTML ou le CSS ?
Merci pour tes réponses surtout prend ton temps pour y répondre.
:sol: