PapyClic - Design

PapyClic - Design

Mes essais

9 appréciations
Hors-ligne

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.



67 appréciations
Hors-ligne
Soleilvie,

C'est le fond du #contenu qui est blanc, bloc équivalent à #cadre dans DP1, contient tout le blog.

Essaies de mettre une couleur de la façon suivante :
#contenu{background-color: rouge;}

Je te laisse faire l'essai, tu n'est pas obligée de me mettre tout le CSS, je peux le voir dans ta gestion et je peux éventuellement faire un test.





9 appréciations
Hors-ligne

et voilà ! C'est super !
J'aurai dû y penser pour contenu mille excuses !

:b2:

Répondre
Pseudo :
Adresse e-mail:


Se souvenir de mes infos ( pseudo et e-mail ) :
Cochez la case ci-contre :

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 159 autres membres