Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Enlever le bloc de l'entête
  • Bonjour, j'ai dû recommencé mon thème modifié car j'avais effacé le ''lire la suite'' et je ne pouvais plus voir mes articles au complet. Mais pour commencer, j'aimerais enlever le bloc blanc de l'entête
    image
    Ce que je veux enlever, c'est le bloc où il y a un motif derrière. Et si possible, j'aimerais aussi enlever le bloc blanc derrière tout ça. Je voudrais les enlever mais garder mon contenu, vous comprenez?
  • bonjour

    peut tu remplir ton profil du forum et mettre l'adresse de ton blog qu'on le visualise dans son contexte


    Tu cliques sur ce lien
    et tu colles l'adresse de ton blog dans le rectangle blanc qui se trouve sous

  • Bonsoir

    pour enlever le fond blanc, cherche:

    .title {
        background: none repeat scroll 0 0 #FFFFFF;
        display: inline-block;
        max-height: 240px;
        max-width: 860px;
        overflow: hidden;
        padding: 10px 20px;
        position: relative;


    remplace cette ligne par: background: none;
  • Gonella > tu vas arrêter de poster partout, je t'ai déjà répondu sur deux autres fils, merci de te calmer un peu  B-)
    Message n'ayant rien à voir avec le sujet de ce fil, donc supprimé.
     
  • Ça marche, et est-ce que je peux enlever les 2 zones encadrées en rouge? pour qu'il y est que le fond et mes articles en blancs?
  • c'est une image de background (les cœurs)

    cherche: 
    .blog-header {et remplace par  (meme principe que précédemment)
    .blog-header {
        background: none;

    du coup tu va te retrouver avecc un header un peu trop large en hauteur.
    cherche:
    .blog-header {
        height: 320px;
    }


    met le height à 140 px (tu affine toi meme selon la hauteur du header désiré

    _____________

    si tu veux suprimer quelques lignes en side bar (colonne droite:

    cherche:

    .sidebar h3 {
        border-bottom: 1px solid #AAAAAA;
        border-top: 1px solid #AAAAAA;
        margin-bottom: 20px;
        margin-top: 0;


    tu met a 0 px les 2 bordures

     ____________

    tu peux enlever aussi les barres transversales en colonne mais cela supprime aussi les bordure au dessus et en dessous du menu (test pour voir

    cherche:

    .menu {
        border-bottom: 1px solid #AAAAAA;
        border-top: 1px solid #AAAAAA;
        height: 38px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0;
        overflow: hidden;


    tu met a 0 px

    ________________

    si tu veux changer la couleur uniquement de : publier par....

    cherche:

    .meta {
      
        font-size: 0.9em;
        font-style: italic;


    et ajoute la balise color...ce qui donnera

    .meta {
        color: #FC9722;
        font-size: 0.9em;
        font-style: italic;

    j'ai mis du orange comme sur le lien du flux rss (tu met le code couleur que tu veux)

    ____________________

    si tu veux changer la couleur du menu (bleu actuellement) sur le meme principe ajoute une balise color

    cherche:

    .menu a {
        display: table-cell;
        height: 38px;
        vertical-align: middle;
    }

    et remplace par:





    .menu a {
        color: #FC9722;
        display: table-cell;
        height: 38px;
        vertical-align: middle;
    }

    j'ai remis le même orange (tu peut mettre ce que tu veux)

    _____________

    bonne modifications.....   ;) ;)
  • D'accord merci! Jusqu'à présent, c'est beaucoup plus avancé qu'avant x) : http://josiliddell.over-blog.com/
     Je suis énervante je sais mais dernières petites questions promis


    1. J'aimerais vraiment mettre un fond avec une image pour remplacer lui rose , est-ce possible? J'avais réussis à le mettre et même fixe (pour que quand ça déroule, ça ne bouge pas) avant que je bug tout mon ancien code, mais je me souviens plus comment j'ai fais...

    2. J'aimerais mettre un contour sur les polices du menu et tu titre, et comme au point 1, je me souviens pu comment j'ai fais ._.

    Sinon pour le reste je crois pouvoir me débrouiller
  • Bonsoir,

    cherche:



    remplace par

    body {background-image:
    url("adresse de ton image de fond")
    ! important; background-repeat: no-repeat; background-attachment:fixed;
    background-position:center; }


    prévoir une image de minimum 1024*768px

  • Wow merci! Ça a marché!  Pour les polices en bleues ainsi que les polices en bleues quand on met le curseur dessus, on les change comment? J'ai cherché toutes les couleurs dans mon code et je trouve pas..

    code de mon blog  http://textup.fr/87874rV
  • cherche


    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
    .ob-section-link .ob-title .ob-link,
    .ob-section-quote .ob-quote p:before,
    .ob-section-quote .ob-quote p:after,
    .ob-commentsList .ob-website{
    color: #808080;
    }
    a,
    .ob-section.ob-section-link .ob-url .ob-link,
    .ob-section.ob-section-quote .ob-link,
    .ob-section-file .ob-link{
    color:#000000;
    }
    a:hover, a:focus, a:active{
    color: #7370dc;
    }


    #7370dc est la couleur bleu au passage de la souris

    hover
    étant la balise qui détermine le changement de couleur au passage de la souris
  • Merci..Mais ça ne marche pas, j'ai juste réussis à changer le ''lire la suite'' en rose :/

    Voici le code: http://textup.fr/87925yk
  • Si a est la couleur d'un lien, a:hover est la couleur du lien survolé par la souris. 
    regarde bien dans ta partie css s'il n'y a pas après tes modifications une autre spécification de couleur de lien au survol. 
  • Oui je sais je comprends ce que tu veux dire, mais j'ai cherché tous les a:hover, je les ai tous changé en  rose et c'est toujours en bleu..
  • /* Ligne 275 */
    a
    {
    }

    /* Ligne 857 */
    a, .ob-section.ob-section-link .ob-url .ob-link, .ob-section.ob-section-quote .ob-link, .ob-section-file .ob-link
    {
      color: #fb9ebe;
    }

    /* Ligne 278 */
    a:hover, a:focus, a:active
    {
    }

    /* Ligne 278 */
    a:hover, a:focus, a:active
    {
    }

    /* Ligne 483 */
    .readmore a
    {
      font-size: 0.7em;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    /* Ligne 863 */
    a:hover, a:focus, a:active
    {
      color: #6666ff;
    }

    /* Ligne 863 */
    a:hover, a:focus, a:active
    {
      color: #6666ff;
    }