Thème mstory

cfdevcfdev Membres
août 2015 modifié dans Réalisations
Salut à tous,
je vous propose le thème mstory :

1434628428.png

Basé sur:
[list=*]
[*]PluCss 1.1[/*]
[*]fontAwsome 4.3[/*]
[/list]

Téléchargeable ici

Réponses

  • bankaibankai Membres
    Je l'aime bien celui là :)
    Bon travail
  • JosJos Membres
    Joli travail. Merci pour le partage.
  • ppmtppmt Membres
    Tres elegant. Je vais tester ca de suite!
  • bg62bg62 Membres
    Joli de chez joli, merci ;)
  • DudyDudy Membres
    tres beau Bravo!!
  • cfdevcfdev Membres
    Content que ça plaise :P
    j'ai encore 2 - 3 trucs à corriger. (Et peut être mettre la dernière de PluCss Jos ?)
  • bg62bg62 Membres
    alors là ... on attend pour voir ;)
  • TonherTonher Membres
    Ha oui! Bravo, c 'est très joli comme thème !
  • Petit Update:

    * corrections bugs affichage
    * mise à jour avec pluCSS 1.1

    :D
  • StéphaneStéphane Membres, Ancien responsable de PluXml
    Merci d'utiliser PluCSS :cool:

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • Merci pour le partage ! :)
  • ppmtppmt Membres
    J'aime beaucoup ce theme que j'utilise pour mon site (avec quelques modif quand meme!)

    Ca fait un moment que j'avais trouve ce probleme mais jamais eu le temps de creuser

    J'utilise le plugin spxlightbox pour mes images et quand on clique sur une image il y a un probleme lorsque l'image chevauche la barre sociale (lien vers facebook, twitter g+....)

    Dans ces cas la barre sociale se retrouve par dessus la photos.

    On peut le voir ici en cliquant sur une de photos en bas de l'article
  • @ppmt

    il faut joué avec le z-index (html) à mon avis
  • ppmtppmt Membres
    merci pour l'info DjbWebmaster


    Comme je comprend pas grand chose a CSS je vais voir ce que je peux faire!
  • ppmtppmt Membres
    Ben comme je m'en doutais je n'arrive pas a m'en sortir avec le CSS

    J'ai essaye plusieurs maniere mais a chaque fois l'image est toujours derriere la barre sociale

    Voici le code de la barre qui se trouve dans le fichier article.php
    [== HTML ==]
    <!-- share button !-->
    <div class="social text-center ">
      <div id="lessbuttons_holder"></div><script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&linkedin=1&reddit=1&position=inline"></script>
    </div>
    

    Ce que je n'arrive pas a trouver c'est comment et ou rajouter la definition CSS pour z-index
  • kowalskykowalsky Membres
    octobre 2015 modifié
    I y a un z-index un [del]peu[/del] très élevé pour la règle CSS .lessbuttons_com_slider provenant du script
    Remplace la valeur 100501 par -10 et tu sera agréablement surpris ;)

    Avant
    [== CSS ==]
    .lessbuttons_com_slider {
    z-index: 100501;
    }
    

    Après
    [== CSS ==]
    .lessbuttons_com_slider {
    z-index: -10;
    }
    

    Si tu n'as pas accès aux paramètres du script, rajoute simplement le code dans ton CSS principal
  • ppmtppmt Membres
    Merci kowalsky tu m'as aide a resoudre mon probleme.

    Je n'avais pas realise que le script lui meme avait son propre CSS. Du coup je me suis dit que c'est vraiment pas cool de faire ca!

    En cherchant un peu sur lessbuttons j'ai trouve qu'on peut passer le zindex directement en parametre sur le script. Donc maintenant la ligne est comme ca
    [== HTML ==]
    
      <div id="lessbuttons_holder"></div><script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&linkedin=1&reddit=1&position=inline&zindex=-10"></script>
    

    Merci encore. Je vais finir par comprendre comment tous ca marche a la fin!
  • Content de voir que mon thème est utilisé ;)
    j'avais pas vue le soucis avec les boutons de partages et spxlightbox merci du retour.
  • jmglzjmglz Membres
    décembre 2015 modifié
    Bonjour, moderne ce thème :)

    Merci
Connectez-vous ou Inscrivez-vous pour répondre.