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.
[INFOS] Thème ELEGANT PRESS (liste modification possible)
  • j'ouvre ce fil que je compléterais demain pour recenser toutes les modifications possible sur le thème elegant press.

    Mehdi

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Édit par Vger :

    Vu les derniers changements du forum d'entraide et qu'à présent il existe une "catégorie" pour le thème "Élégant Press" j'aurais pu l'effacer, mais avec les précieux renseignements qu'il renferme je ne fais que le fermer. ;)

    PS : J'ai créé un nouveau topic avec la question qui existait dessus

    Belle journée
    Vger

  • Réduire le nombre de caractère du résumé d'article de la page d' accueil

    Il faut trouver le code : 
    <p class="entry"> 
    {{ Post.Snippet }} 
    </p>

    et remplacer par : 
    <p class="entry"> 
    {{ Post.Snippet | truncate(200) }} 
    </

    Vers
    la ligne 1225
    pour ceux qui chercheront sur elegant press. (si vous
    avez modifié votre thème , cela sera plus ou moins la ligne 1225)

  • vers la ligne 1225  :-? je ne trouve pas
  • Mon blog ayant été pas mal modifié, le numéro de ligne peut varier.


    en faisant ctrl F   recherche le terme  <p class="entry">

  • Pour modifier la couleur de fond (background)  et éventuellement différencier couleur fond accueil et article

    sur elegant press ligne 170 (css global) (donc a partir de la ligne body

    /*****************************************
                ***************** GLOBAL *****************
                *****************************************/
                body {
                    font-size:16px;
                    font-family: 'Buenard', serif;
                    color:#D9450F;
                    background-color: rgb(217,69,15) ;



    dans mon cas j'ai ajouté une couleur de fond en dégradé en css 3  ......générateur ci-dessous.... (http://gradients.glrzad.com/ ) sans supprimer les lignes "color" et "background color" car en css les dernières  lignes sont prioritaire

    ce qui donne au final juqu'a la ligne suivante (.contener) (ligne 193 après ajout du dégradé en css3)

     /*****************************************
                ***************** GLOBAL *****************
                *****************************************/
                body {
                    font-size:16px;
                    font-family: 'Buenard', serif;
                    color:#D9450F;
                    background-color: rgb(217,69,15)
    ;
    background-image: linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -o-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -moz-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -webkit-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -ms-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.64, rgb(217,69,15)),
        color-stop(0.89, rgb(19,43,54))
    );
                    padding:0
                }


    on  trouve ensuite dessous la ligne:  .conteneur  (pour se repérer)

    si vous opter pour un fond couleur dégradé, vous pouvez donc le faire sur gradient generator,
    sinon vous n'ajouter pas ces lignes et on se contente contente de modifier:  

     color:#D9450F;
     background-color: rgb(217,69,15) ;



    si on choisi comme sur mon blog d'avoir un background différent en accueil et sur les articles

    on ajoute ensuite vers la ligne 1750 .son propre css perso ainsi un peu
    avant la fin du css (chercher la balise de fermeture du css            
            </style>..


        /* MON CSS*/

    body { background: {% if isIndex %} background-color: rgb(217,69,15) ;
    background-image: linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -o-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -moz-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -webkit-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);
    background-image: -ms-linear-gradient(bottom, rgb(217,69,15) 64%, rgb(19,43,54) 89%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.64, rgb(217,69,15)),
        color-stop(0.89, rgb(19,43,54))
    );{% else %}background-image: linear-gradient(bottom, rgb(250,247,247) 14%, rgb(46,109,160) 76%);
    background-image: -o-linear-gradient(bottom, rgb(250,247,247) 14%, rgb(46,109,160) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(250,247,247) 14%, rgb(46,109,160) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(250,247,247) 14%, rgb(46,109,160) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(250,247,247) 14%, rgb(46,109,160) 76%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.14, rgb(250,247,247)),
        color-stop(0.76, rgb(46,109,160))

    );
    {% endif %};}
               
            
               
            </style>


        /* FIN DE MON CSS PERSO*/



    garder les intitulé MON CSS  et FIN DE MON CSS car cela  permet ensuite de les retrouver plus vite dans les 2000 lignes de codes.

    on peux aussi ne pas mettre de dégradé du tout et avoir 2 couleur de fond différentes selon accueil ou article en jouant juste sur ces 2 lignes:  color:#D9450F;
     background-color: rgb(217,69,15) ;


    résultat sur mon blog test:
    (clique sur un article pour voir le changement de couleur du background)
    http://mehditest2.overblog.com/

    ifisindex pour dire si page d’accueil......"else" pour dire: les autres pages

    en restant "zen" vous devriez pouvoir y arriver aussi....

  • merci Mehdi grâce à cette méthode, j''ai trouvé.

    j'avais laissé ces remerciements en brouillon !!!

  • tant mieux si cela t'a aidé.....c'est le but..;comme ça tout le monde avance.....en faisant profiter aux autres des trouvailles dans les centaines de ligne de code.. qui sont quand même une super galère......  ;)
  • Merciiiiiiiiiiiiiiiiiiiiii  !!!!!!!!!!

    du coup, j'ai fait un mix sur l'accueil pour tester....  1 module sur toute la largeur plus un module en 2 parties

    http://mehditest2.overblog.com/
  • il me fait rire ton blog test.  =D> tes exemples pour tes articles sont excellents !
  • Mercii!!!!!!!!!!!!!!!!!!!!!..

    Je suis repassé en 2 modules superposés pour l'accueil avec image de fond dedans et tags dans le premier

    Bon week end les kiwiens et ènes....  ;)
Cette discussion a été fermée.
Toutes les discussions