logo follow et contact en haut de la page d'accueil

  • Avatar de Inconnu
    catherinempr · Membre ·

    Bonjour j’utilise le thème Suburbia: http://monpetitrepertoire.com/ et j’aimerais voir figurer les logos FB et cie en haut de la page d’accueil comme sur ce lien: http://incurablycurious.com/
    Merci pour votre aide. Catherine

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Même réponse que dans l’autre sujet : il faut acheter l’option Custom Design, comme l’a fait le ou la propriétaire de incurablycurious.com.

    Pourquoi ne pas explorer les autres thèmes? Certains sont gratuits ET permettent d’insérer très facilement des liens de réseaux sociaux dans l’en-tête.
    http://theme.wordpress.com (pour la sélection complète)

  • Avatar de Inconnu
    catherinempr · Membre ·

    Bonjour, j’ai l’option CD. Suburbia me va très bien, j’ai bcp exploré la liste des thèmes mais c’est dur de se projeter.

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    J’ai trouvé ce sujet-là pour vous. Allez dans Apparence > Personnaliser > CSS et suivez les indications données ici :
    http://en.forums.wordpress.com/topic/add-buttons-to-header-in-suburbia-theme?replies=10
    Désolé, mais c’est tout ce que j’ai comme info pour l’instant (car mes connaissances en CSS sont très limitées).

  • Avatar de Inconnu
    catherinempr · Membre ·

    Merci pour votre réponse, le souci c’est que je ne comprends pas bien le sujet en anglais.

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Dans l’autre sujet, je vous avais fourni des indications trouvées en anglais et vous avez été en mesure de les suivre. J’imaginais que ce serait la même chose dans ce cas-ci.

    Auriez-vous la gentillesse de préciser à quel endroit vous bloquez dans le lien ci-dessus?

    Je le répète : mes connaissances en CSS sont très limitées, mais si vous faites preuve de volonté et essayez tout de même de suivre les instructions, je suis prêt à faire un effort de mon côté aussi.

  • Avatar de Inconnu
    catherinempr · Membre ·

    Bonjour, désolée pour ma réponse tardive mais j’ai pris mon temps et fait plusieurs essais…infructueux! Voici les détails:
    – j’ai créé mon widget texte qui attend sagement en pied de page d’être remonté!
    -j’ai essayé de supprimer la « description du site » dans le « header »
    -enfin, j’y mets à la place le widget texte.
    Tout prend sa place comme il faut mais ça bugge à l’enregistrement!
    En réfléchissant, je sais que je ne supprime pas la « description du site » correctement car je ne sais pas comment copier-coller cette suppression dans le code CSS alors que je sais très bien copier-coller la nouvelle position du widget texte…
    M’avez-vous compris? C’est pas évident!
    Aidez-moi si vous pouvez sinon je laisse tomber et merci déjà pour vos efforts!
    Amicalement, Catherine

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Comme l’a mentionné thesacredpath, il faut obtenir l’ID du widget texte que vous voulez déplacer vers le haut.

    De quel widget s’agit-il? (Il y en a plusieurs parmi vos widgets en bas présentement.)

  • Avatar de Inconnu
    catherinempr · Membre ·

    Bonjour, merci pour votre prompte réponse! C’est le widget texte avec les logos follow en colonne 3 du pied de page. Je ne sais pas ce qu’est l’ID?

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Ce n’est pas un widget texte, mais bien un widget de liens (appelé également Blogroll). La méthode proposée par thesacredpath fonctionne seulement avec les widgets de texte à ma connaissance.

    Supprimez le widget de liens et remplacez-le par un widget de texte contenant le code HTML suivant :

    <a href="http://www.pinterest.com/mpr44/" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/pinterest-icon.png" alt="http://www.pinterest.com/mpr44/"></a> <img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/twitter-icon.png" alt="https://twitter.com/Catherinempr"></a> <a href="https://www.facebook.com/MonPetitRepertoire" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/facebook-icon.png" alt="https://www.facebook.com/MonPetitRepertoire"></a> <a href="https://monnouveaupetitrepertoire.wordpress.com/feed/" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/rss-icon.png" alt="https://monnouveaupetitrepertoire.wordpress.com/feed/"></a>

    (J’ai simplement repris les icônes existantes et j’ai supprimé les balises qui étaient de trop).

    Lorsque ce sera fait, revenez ici et je ferai de mon mieux pour continuer avec vous.

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    À moins que vous parliez de l’autre widget complètement à droite? (Celui avec Hellocoton, entre autres). Merci de préciser.

  • Avatar de Inconnu
    catherinempr · Membre ·

    Bonjour Airodyssey, j’ai modifié comme vous me l’avez demandé, par contre, à l’essai, le logo twitter ne fonctionne pas.
    Cdt

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    ***RECTIFICATION***
    Je m’étais trompé avec le code. Essayez celui-ci :
    <a href="http://www.pinterest.com/mpr44/" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/pinterest-icon.png" alt="http://www.pinterest.com/mpr44/"></a> <a href="https://twitter.com/catherinempr" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/twitter-icon.png" alt="https://twitter.com/Catherinempr"></a> <a href="https://www.facebook.com/MonPetitRepertoire" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/facebook-icon.png" alt="https://www.facebook.com/MonPetitRepertoire"></a> <a href="https://monnouveaupetitrepertoire.wordpress.com/feed/" target="_blank"><img src="http://monnouveaupetitrepertoire.files.wordpress.com/2014/08/rss-icon.png" alt="https://monnouveaupetitrepertoire.wordpress.com/feed/"></a>

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Et il s’agit du widget « text-26 ». Ne changez pas ce widget de place dans Apparence > Widgets SVP.

    Donc, le code à ajouter à votre feuille CSS est le suivant : 

    #wrapper {
    position: relative;
}
#text-26 {
    position: absolute;
    top: 0;
    width: 350px;
    right: 75px;
}

    Et vous jouez avec les valeurs « 350px » (largeur) et « 75px » (position relative à la droite) jusqu’à ce que vous ayez le résultat obtenu.

  • Avatar de Inconnu
    catherinempr · Membre ·

    Ok, je comprends mieux! Moi j’ai repris « text-5 » comme dans c’était conseillé dans le sujet en anglais!
    Par contre le logo Twitter ne fonctionne tjrs pas: il renvoie à l’image et non à Twitter.
    Merci

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Je sais, c’est pour cela que j’ai supprimé le message antérieur et j’ai mis ***RECTIFICATION*** au début du nouveau message pour corriger mon erreur.

    Regardez ci-dessus, sous ***RECTIFICATION*** svp.

  • Avatar de Inconnu
    catherinempr · Membre ·

    J’ai ajouté votre code à la feuille CSS, ça fonctionne! Ensuite j’ai supprimé le « slogan » dans la partie « titre du site » alors qu’avant je m’acharnais à vouloir supprimer ce slogan en passant par la feuille css!
    Tout est bien sauf le logo Twitter qui ne fonctionne pas. Merci

  • Avatar de Inconnu
    catherinempr · Membre ·

    Ok c’est bon tout fonctionne! Vous êtes brillant Airodyssey!
    Et patient car j’ai mis du temps à comprendre.Merci bcp!

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Je répète : pourriez-vous retourner quelques lignes plus haut dans la discussion, à partir de l’endroit où j’ai écrit ***RECTIFICATION*** svp? J’avais fait une erreur et j’ai changé le code.

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Désolé, nos messages se sont croisés. :-)

  • Le sujet ‘logo follow et contact en haut de la page d'accueil’ est fermé aux nouvelles réponses.