Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Code CSS des Tutos de PapyClic

51 appréciations
Hors-ligne
Bonjour à tous.
Cherchant des codes CSS pour modifier et corriger mon blog, j'ai fureté dans le blog de tutos de notre Papy Clic. 
Le Testants, j ai obtenu des résultas inatendus. Des codes concernants le menu lateral affecté par exemple le menu haut ou le footer(le fond devenait noir), mais n 'avait aucune incidence sur le menu lateral. 
exemple du code:
diz-menu-lateral a{
  color : #7F2E17;
  font-size : 15px;
  font-family : Arial;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;

Qu ai je, encore, mal compris?
bonne soirée à tous.

4055 appréciations
Hors-ligne
@Vince@ 

Ton blog n'a pas le même Css .

Voici le css de ton blog:

@import url('https://www.blog4ever.com/resources/css/helvetica.css');

/* GENERAL */
body {
    background-color: #e8e8e8;
    background-image: url('https://static.blog4ever.com/2022/01/866666/nouveaujournal1newversion2_9276577.jpg');
    font-family: 'HelveticaNeueLT Com 65 Md', Arial, Helvetica, sans-serif;
    color: #080808;
}

.diz-blog {
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background: #ffffff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.main {
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background-image: none;
}

a {
    color: #df3f1d;
}

a:hover {
    color: #080808;
}

.highlight
{
    background-color:#f7f7f7;
}

/* EN-TETE */
header {
    border-left: 0px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
}
header h1 {
    color: #747474;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    border-top: 2px solid #919191;
    text-align: center;
}
header h1 a {
    color: #747474;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 36px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
header .image {
    height: 300px;
    width: 960px;
    overflow: hidden;
    position: relative;
}

/* PIED DE PAGE */
footer {
    background: #080808;
    background-image: none;
    color: #ffffff;
}
footer a {
    color: #df3f1d;
}
footer a:hover {
    color: #e8e8e8;
}

/* NAVIGATION */
nav {
    -moz-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    background: #080808;
    background-image: none;
    border-left: 0px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
}
nav ul ul {
    -moz-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    background: #080808;
    border-left: 0px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
}
nav a {
    color: #e8e8e8;
    font-family: 'HelveticaNeueLT Com 57 Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 16px;
}
nav .caret {
    border-top-color: #e8e8e8;
    font-size: 15px;
}
nav a:hover {
    color: #df3f1d;
    text-decoration: none;
}
nav .recherche_nav button {
    background-color: #df3f1d !important;
    border: 1px solid #df3f1d !important;
}
.gsc-search-button.gsc-search-button-v2 {
    width: 10px;
    height: 12px;
    padding: 5px 10px;
    background-color: #df3f1d !important;
    border: 1px solid #df3f1d !important;
}

/* CONTENU */
.blog-article h1, .blog-home h1 {
    color: #df3f1d;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
.blog-article h2, .blog-home h2,
.blog-article h3, .blog-home h3 {
    border-bottom: 1px #c5c5c5 solid;
    color: #df3f1d;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
.blog-article h4, .blog-home h4 {
    color: #df3f1d;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
.blog-article a, .blog-home a {
    color: #df3f1d;
}
.blog-article a:hover, .blog-home a:hover {
    color: #080808;
}
.blog-article .articles_index_hr_fin_article, .blog-home .articles_index_hr_fin_article {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #fbfbfb;
}
#articles_index_categorie_titre {
    border:none;
    color: #080808;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family: 'HelveticaNeueLT Com 57 Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
.articles_index_titre_article, #articles_show_titre_article {
    font-size:25px;
}
#articles_index_categorie_desc {
    text-align:center;
}
#photo_commentaires table tr:nth-child(even),
#article_commentaires table tr:nth-child(even) {
    background: #ffffff;
}
#photo_commentaires table tr:nth-child(even) td,
#article_commentaires table tr:nth-child(even) td {
    border-bottom: 1px solid #dedede !important;
    border-top: 1px solid #fbfbfb !important;
}
#photo_commentaires table tr:nth-child(odd),
#article_commentaires table tr:nth-child(odd) {
    background: #f7f7f7;
}

#photo_commentaires table tr:nth-child(odd) td,
#article_commentaires table tr:nth-child(odd) td {
    border-bottom: 1px solid #dedede !important;
    border-top: 1px solid #fbfbfb !important;
}
#photo_commentaires .author-profile,
#article_commentaires .author-profile {
    border: none;
    padding: 0 5px;
}
.articles_show_stats_article {
    background: #f7f7f7;
}
article #partenaire_liste_page hr {
    border-bottom: 1px solid #dedede !important;
    border-top: 1px solid #fbfbfb !important;
    border-left: 1px none #fbfbfb !important;
    border-right: 1px none #fbfbfb !important;
}

ul.b4e-liste-commentaires {
    list-style-type: none;
}
ul.b4e-liste-commentaires li {
    border-top: 1px solid #dfdfdf;
    padding: 5px 0;
}
ul.b4e-liste-commentaires li:nth-child(even) {
    background: #ffffff;
}
ul.b4e-liste-commentaires li:nth-child(odd) {
    background: #f7f7f7;
}
article .b4e-commentaire-auteur,
article .b4e-commentaire-message {
    border: none;
}

/* BARRE LATERALE */
aside {
    color: #080808;
}
aside h2,
aside h3 {
    color: #080808;
    font-family: 'HelveticaNeueLT Com 57 Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
aside li {
    background: url('https://www.blog4ever.com/resources/img/blogs/dizperso/list-light.png') no-repeat left 8px;
}
aside .bloc-cote {
    border-top: 1px solid #fbfbfb;
    border-bottom: 1px solid #dedede;
}
aside .bloc-cote:first-child {
    border-top: 0;
}
aside .bloc-cote:last-child {
    border-bottom: 0;
}
aside .bloc-cote a {
    color: #df3f1d;
}
aside .bloc-cote a:hover {
    color: #080808;
}

.fond-cote {
    background-color: #f7f7f7;
    background-image: none;
}
.layout-1 .fond-cote {
    -moz-box-shadow: inset -7px 0px 7px -5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset -7px 0px 7px -5px rgba(0, 0, 0, 0.1);
    box-shadow: inset -7px 0px 7px -5px rgba(0, 0, 0, 0.1);
}
.layout-2 .fond-cote {
    -moz-box-shadow: inset 7px 0px 7px -5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 7px 0px 7px -5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 7px 0px 7px -5px rgba(0, 0, 0, 0.1);
}

/* FORMULAIRES */
.diz-menu-lateral input[type="submit"],
.diz-menu-lateral input[type="button"],
.diz-menu-lateral button,
.diz-blog input[type="submit"],
.diz-blog input[type="button"],
.diz-blog button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #080808;
    border-radius: 3px;
    border: 1px solid #080808;
    color: #ffffff;
    font-family: 'HelveticaNeueLT Com 67 MdCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.blog-article .btn-blog, .blog-home .btn-blog {
    background: #080808;
    border: 1px solid #080808;
    color: #ffffff;
    text-decoration: none;
}
.blog-article .btn-blog:hover, .blog-home .btn-blog:hover
.blog-article.btn-blog:focus, .blog-home.btn-blog:focus {
    background: #080808;
    color: #ffffff;
    text-decoration: none;
}

form label {
    color: #080808;
}

/* FORUM */
#forum_haut_menu_visiteur {

}
#forum_haut_menu_visiteur form {
    background-color: #f7f7f7;
}

#forum_haut_menu_visiteur .register {
    background-color: #f7f7f7;
}
#forum_haut_menu_membre {
    background-color: #f7f7f7;
}
#forum_haut_menu_visiteur .register a {
    background: #080808;
    border: 1px solid #080808;
    color: #ffffff;
    font-family: 'HelveticaNeueLT Com 67 MdCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
#forum_categories table #forum_index_tableau_cat_tr,
#forum_categorie_sujets table #forum_categorie_tableau_entete {
    background-color: #080808;
    color: #e8e8e8;
}
#forum_sujet_tableau tr:nth-child(even),
#forum_last_topics tr:nth-child(even),
#forum_categories table tr:nth-child(even),
#forum_categorie_subcats table tr:nth-child(even),
#forum_categorie_sujets table tr:nth-child(even) {
    background-color: #ffffff;
}
#forum_sujet_tableau tr:nth-child(odd),
#forum_last_topics tr:nth-child(odd),
#forum_categories table tr:nth-child(odd),
#forum_categorie_subcats table tr:nth-child(odd),
#forum_categorie_sujets table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
#forum_sujet_tableau tr td,
#forum_last_topics tr td,
#forum_categories table tr td,
#forum_categorie_sujets table tr td {
    border-bottom: 1px solid #dfdfdf;
}
#forum_sujet_tableau {
    margin-top:5px;
}
#forum_sujet_tableau .forum_sujet_message_titre {
    border:1px solid #dfdfdf;
    padding-top:0;
    text-align:center;
    padding:5px;
    vertical-align:baseline;
}
#forum_sujet_tableau tr tr {
    background-color: transparent !important;
}
#forum_categories .forum_index_tableau_cat_desc a,
#forum_categorie_subcats .forum_index_tableau_cat_desc a {
    color: #080808;
}
#forum_categories .forum_index_tableau_cat_desc a b,
#forum_categories .forum_index_tableau_cat_desc form b,
#forum_categorie_subcats .forum_index_tableau_cat_desc a b,
#forum_categorie_subcats .forum_index_tableau_cat_desc form b {
    color: #df3f1d;
}
#forum_categories .forum_index_tableau_cat_desc a:hover b,
#forum_categorie_subcats .forum_index_tableau_cat_desc a:hover b {
    color: #080808;
}
#forum_index_nouveau_sujet .dropdown-toggle {
    background: #080808;
    border: 1px solid #080808;
    color: #ffffff;
    font-family: 'HelveticaNeueLT Com 67 MdCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}

#forum_index_nouveau_sujet .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

#forum_categorie_ouvrir_lien {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #080808;
    border-radius: 3px;
    border: 1px solid #080808;
    color: #ffffff;
    font-family: 'HelveticaNeueLT Com 67 MdCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
}
#forum_categorie_sujets .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_statut,
#forum_categorie_sujets .forum_categorie_tableau_entete_statut {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 !important;
}
#forum_categorie_sujets .forum_categorie_tableau_ligne_titre,
#forum_categorie_sujets .forum_categorie_tableau_entete_titre {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 !important;
}
#forum_categorie_sujets .forum_categorie_tableau_ligne_auteur,
#forum_categorie_sujets .forum_categorie_tableau_entete_auteur {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 !important;
}
#forum_categorie_sujets .forum_categorie_tableau_ligne_nb,
#forum_categorie_sujets .forum_categorie_tableau_entete_nb,
#forum_categorie_sujets .forum_categorie_tableau_ligne_hits,
#forum_categorie_sujets .forum_categorie_tableau_entete_hits {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 !important;
}
#forum_categorie_sujets .forum_categorie_tableau_ligne_dernier,
#forum_categorie_sujets .forum_categorie_tableau_entete_dernier {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 !important;
}
#forum_categorie_pagination,
#forum_categorie_tri {
    background-color: #f7f7f7;
}
#forum_sujet_tableau .forum_sujet_tableau_message {
    border: none;
}
#forum_sujet_tableau .forum_sujet_tableau_message_auteur {
    border-right: 1px solid #dfdfdf !important;
}
#forum_sujet_tableau .forum_sujet_message_signature {
    border-top: 1px solid #dfdfdf !important;
    border-bottom: 0 !important;
    padding: 5px;
}
#forum_sujet_repondre {
    background-color: #f7f7f7;
}
#membre_profil_droit h4 {
    color: #080808;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}


/* PHOTOS */
#photos_index_pagination {
    background-color: #f7f7f7;
}

/* SONDAGES */
#sondage_contenu .poll_msg {
    background-color: #f7f7f7;
}
#partenaire_liste_page .blog-submit {
    background-color: #f7f7f7;
}
#menu_sondage ul,
#VoteSondage {
    background-color: #e8e8e8;
    border: 1px solid #dfdfdf;
}
#menu_sondage ul label,
#VoteSondage label {
    color: #080808;
}

article .moderator {
    color: @COLOR_FORUM_MODERATOR@;
}

/* GOOGLE SEARCH RESULTS */
article .gsc-control-cse,
article .gsc-control-cse .gsc-table-result {
    font-family: 'HelveticaNeueLT Com 65 Md', Arial, Helvetica, sans-serif;
    color: #080808;
}
article .gs-result .gs-title,
article .gs-result .gs-title *,
article .gsc-control-cse a,
article .gsc-control-cse .gsc-table-result a {
    color: #df3f1d;
}
article .gsc-control-cse a:hover,
article .gsc-control-cse .gsc-table-result a:hover,
article .gsc-control-cse a:hover *,
article .gsc-control-cse .gsc-table-result a:hover * {
    color: #080808;
}
article .gs-result a.gs-visibleUrl,
article .gs-result .gs-visibleUrl {
    color: #df3f1d;
}
article .gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 13px;
    font-weight: normal;
    background-color: #f7f7f7;
    color: #df3f1d;
    text-decoration: none;
}
article .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    font-weight: bold;
    color: #080808;
    text-decoration: none;
}
article .gsc-webResult .gsc-result {
    border-top: 1px solid #fbfbfb;
    border-bottom: 1px solid #dedede;
}
article .gsc-above-wrapper-area {
    border-bottom: 1px solid #dedede;
}


.conversation-interface {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
.conversation-title input[type="text"] {
    border: 1px solid #dedede;
}
.pm-conversation {
    border-bottom: 1px solid #dedede;
}
.pm-conversation.active {
    background-color: #f7f7f7;
}
.conversation-compose {
    border-top: 1px solid #dedede;
    margin-top: 10px;
    padding-top: 10px;
}
.conversation-username-search ul li {
    border-bottom: 1px solid #dedede;
    padding: 10px 5px;
}


51 appréciations
Hors-ligne
Merci Simon.
Je selectionne quoi exactement? Par exemple si je veux modifier la police, la taille et la couleur du texte dans le  Footer? Je change l integralitédu CSS? Et j adapte les fonds, polices et taille?
Encore merci pour ta patience.

4055 appréciations
Hors-ligne
Bonjour

Tu as déjà dans le Css personnalisé un code footer ( à la fin ).

Il suffit de le modifier.

Pour l'écriture il faut utiliser le    a 

footer a {
.......
}
_______________

Voici le code pour le footer en gras à mettre à la suite.

footer {
  background-image: url(https://nsm09.casimages.com/img/2022/02/18//2202181153215232117800949.jpg);
   border: 4px solid #000000;
   font-family: courrier new;
}
footer a {
color: black;  
 font-size: 20px;
}



4055 appréciations
Hors-ligne
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes d'assistance.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres