[Résolu] code 3 photos horizontales (Créer un compte)

  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #524836
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    Bonjour,

    – Version de WordPress : 3.5.1

    – Thème utilisé : Pinboard

    – Nom de l’hebergeur : LWS
    – Adresse du site : careercoaching.be

    Problème(s) rencontré(s) :

    Je souhaiterais connaître le code qui me permet de:
    – disposer 3 photos alignées sur une ligne
    – Mettre un titre centré au dessus de chaque photo
    – Mettre une description centrée en dessous de chaque photo…

    J’en suis là personnellement:

     

    Là j’ai 5 photos alignées et la première possède une bordure … le reste j’y parviens pas…
    1.000 Mercis à tous !

    #895825
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    personne ?

    #895826
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    en regardant ici sous le slider ! http://inkthemes.com/wpthemes/bizwaychurch/
    C’est ca que je veux faire !

    #895827
    Guy
    Participant
    Maître WordPress
    14817 contributions

    il faut que tu places chaque « portion » dans un div . Tu définis une largeur entre 30 et 33% et une propriété float à left.

    Dans chaque div, tu construit ton titre, ton image et ton texte

    titre article ….

    image article …

    texte article

    tu mets les règles spécifiques à chaque classe dans le fichier css.

    #895828
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    Merci pour ta réponse,mais là tu touches aux limites de les compétences
    Html ok … Css pas encore….

    #895829
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    de mes *

    #895830
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    Ne serait-il pas plus simple de créer un modèle de page comprenant une grille ? (je copie colle Page.php et je tape du code pour une grille ? ) J’en sais rien je suis bloqué là-dessus depuis 8.00 ce matin…

    #895831
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    En chipotant avec le code de http://inkthemes.com/wpthemes/bizwaychurch/,
    J’arrive à ceci :

    Test au dessus

    L’idée après c’est de mettre 3 fois cela sur une meme ligne…

    on peut y arrive comme ça peut être …

    une idée?

    #895832
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Si, il y a des centaines d’extensions gérant des shortcodes.

    Une parmi d’autres: http://codecanyon.net/item/content-builder/3079375

    #895833
    Benspy
    Participant
    Padawan WordPress
    99 contributions

    Solution trouvéee:
    1) Extension Grid Columns plugin
    2) le code qui suite dans la page concernée:
    des

    lignes

    d’exemple

    au dessus

     

    [column grid= »4″ span= »1″]

    Titre

    [/column]

    [column grid= »4″ span= »1″]

    Titre

    [/column]

    [column grid= »4″ span= »1″]

    Titre

    [/column]

    [column grid= »4″ span= »1″]

    Titre

    [/column]

    des

    lignes

    d’exemple

    en dessous

    Voilà tt ! Si ça peut aider ….

    #895834
    Guy
    Participant
    Maître WordPress
    14817 contributions

    merci 🙂

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.