Tincredible

Publié le : 24 juillet 2011 – Dernière modification le 21 décembre 2021 – par Arnault Pachot – 56 commentaires

1
2
3
4
5
42 votes

Tincredible est une adaptation pour zpip du thème du même nom initialement développé pour Wordpress.

Tincredible est un thème bleu, sobre et élégant à deux colonnes utilisant CSS 3 et se dégradant correctement lorsque CSS 3 n’est pas supporté par le navigateur.

Voir une démo du thème Tincredible.

Installation

L’installation du thème s’effectue comme celle de n’importe quel autre thème :

- Téléchargez le Thème Tincredible,
- Déposez-le dans le dossier themes/ à la racine de votre SPIP (créez-le s’il n’existe pas).
- Installez le plugin Zen-garden (nécessite les plugins Squelettes Zpip, et SPIP-Bonux),
- Un fois l’installation effectuée, un sous-menu « Thèmes » apparaît dans le menu « Configuration » de votre interface privé Spip. Cliquez dessus, et choisissez le thème Tincredible dans la liste des thèmes présents sur votre configuration.

Vous pouvez utiliser le plugin Menus, pour définir votre menu principal. Identifiez-le comme suit : barrenav

Le slider de la page d’accueil

Ce slider intègrera automatiquement vos articles qui ont un mot clef nommé « slider » associé. Les articles sont affichés dans un ordre aléatoire.
Si aucun article n’est associé à ce mot clef, alors le slider n’apparaîtra pas.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

21 discussions

  • Mohend MM

    Bonjour

    A moins que je me trompe j’ai trouvé 3 erreurs :
    2 div non fermées dans le fichier body.html
    div id= body
    div id= body-pad« class= »append-clear

    La boucle B_articles est mal fermée dans le fichier inclure/slider_tincredible.html

    Voici mes corrections et tout fonctionne depuis

    Fichier body.html se termine de cette facon :

    			</div><!-- # body-pad -->
		</div><!-- # body -->

	</div><!-- # container-pad -->
</div><!-- # container -->

    Le fichier inclure/slider_tincredible.html se termine de comme suit

    </B_articles>

    et non

    </Boucle_articles>

    Répondre à ce message

  • 1
    Arnault (oui oui, moi aussi :D)

    Bonjour,

    Donc bravo, très beau thème.

    Par contre je rencontre un problème pour l’affichage d’un site dans une iframe à partir d’un lien.

    J’ai installé le plugin mediabox qui m’ouvre de très belles fenêtres sur mes images. Il ouvre aussi la fenêtre sur un site externe quand je clique sur le lien (auquel j’ai ajouté la class=« mediabox boxIframe boxWidth-850px boxHeight-600px ») depuis l’interface privée mais il continue à ouvrir le lien externe directement dans ma fenêtre à partir de l’affichage public.
    Je dois rater quelque chose, la question est quoi ? Si vous avez l’obligeance de m’éclairer, je vous en serai très reconnaissant.

    • Arnault (oui oui, moi aussi :D)

      Je me réponds à moi-même, j’ai supprimé la class iframe dans habillage css et les iframe s’affichent. Ce n’est sans doute pas orthodoxe et j’espère que ça ne me posera pas de problèmes ailleurs mais ça fonctionne.

    Répondre à ce message

  • 3
    terry

    Bonjour et merci pour tout ce travail.
    mais sous spip 2.10 - j’ai un petit souci :
    les 5 articles avec le mot clé slider défilent correctement, sauf que le jpeg inséré dans l’article, ou dans le portfolio de chaque article n’apparaît pas dans le slider.
    L’image doit-elle avoir les dimensions précises de 600x317 pixels, ou doit-on la placer à un endroit spécifique ?
    Merci d’avance.

    • Bon, en regardant le code - voici une solution :
      1 - l’image doit être le logo de l’article
      2 - le filtre de redimensionnement ne fonctionne pas chez moi,
      il faut recadrer le logo à 600x317 pixels.

    • terry

      Merci encore de nous avoir apporté ce thème « vivant ».

      juste une question :
      les logos des rubriques ne s’affichent nulle part chez moi ...
      Est-ce une caractéristique du thème ?
      dans ce cas, les logos de rubriques deviennent inutiles ;
      à moins de faire une petite modif du code ?
      mais bon le reste est si superbement réalisé !

    • Arnault (oui oui, moi aussi :D)

      Pour compléter ce thème, vous pouvez utiliser
      -  Zpipvide, qui installe un squelette vide ^^,
      -  le noizetier, qui permet d’insérer et de paramétrer finement des noisettes (éléments qui s’afficheront sur les différentes pages : sommaire, rubrique, articles...)
      -  Aveline qui contient beaucoup de noisettes.

      En installant aussi les plugin recommandés, vous pouvez vous créer un configuration sur mesure que vous pouvez exporter.

      Il est ainsi possible de paramétrer la page « rubrique » et de contrôler l’affichage du logo.
      Bon courage.
      Un exemple ici, avec les plugins cités et le thème Tincredible un peu personnalisé

    Répondre à ce message

  • gilles hrdb

    Bonjour,

    d’abord merci pour ce thème vraiment sympa, et son slider intégré.
    Je voulais savoir comment intégrer un header en jpg ou png sur toute la longueur, au lieu d’insérer un logo…
    J’ai essayé de modifier habillage.css comme suit :
    div#header-pad
    margin : 0 auto ;
    background:url(« ./images/header-pad-img2.png ») no-repeat left top #4E799D ;
    width : 958px ;
    height:105px ;

    bon endroit ?, pas bon ? pouvez-vous m’éclairer ? car en chargeant le thème ainsi modifié, bah, le css saute (même la vignette ne s’affiche pas…bref je coince)…
    Merci !

    Répondre à ce message

  • Eskilou

    Bonjour,

    Et merci pour votre réponse, l’affichage de l’auteur fonctionne beaucoup mieux maintenant.
    J’ai une autre question :

    Quelle class faut il créer ou modifier dans « habillage.css » pour que la couleur de fond soit différente quand c’est une réponse a un commentaire (comme sur cette page par exemple :)).

    Merci beaucoup.

    Répondre à ce message

  • 2
    Olivier

    Bug ou bien...?

    Tout d’abord, je tiens à vous féliciter pour ce thème, très réussi. Je ne suis d’habitude pas trop « thème », mais là, chapeau. Sobriété et élégance !

    Une question, mais j’ai peut-être sauté une ligne quelque part. Il semble que le plugin Fancybox ne fonctionne pas et mes portfolios d’articles me renvoient vers une nouvelle page du navigateur bien moche.

    Merci d’avance de votre réponse,

    Olivier

    • Arnault Pachot

      merci, c’est bien une erreur !

      il faut remplacer dans habillage.css

      div.comment-message .comment-author {
    float: left;
    font: 12px/16px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    width: 150px;
}
div.comment-message .comment-author {
    display: none;
}

      par :

      div.comment-message .comment-author {
    color: white;
}
div.comment-message .comment-author strong {
    display: block;
    color: #1E526C;
    float: left;
    font: 12px/16px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    width: 150px;
    font-weight: bold;
    clear: left;
}

      Je viens de mettre à jour le plugin.

      Arnault

    • Olivier SOURY

      Merci bien ! Et encore bravo pour vos efforts et cet excellent boulot.

    Répondre à ce message

  • Eskilou

    Beau boulot ! Franchement génial ce thème.

    J’ai une petite question. Je n’arrive pas a faire apparaitre le nom de l’auteur dans les commentaires des articles. Quel fichier dois-je modifier ?

    Merci beaucoup.

    Répondre à ce message

  • Charles

    Chez moi, le favicon.ico n’apparaît pas... Sur votre démo non plus : normal ?

    Bien maigre problème sur un un thème, joli, bien fait et extrêmement facile à mettre en oeuvre.
    Merci à Toi Arnault.

    Répondre à ce message

  • 1
    E-cosystems

    Bonjour,

    Une tite question (sans doute toute facile ;) )

    Je trouve le slider un tantinet trop rapide, comment modifie t’on le timing ?

    Le js, c’est pas trop mon truc... J’ai regardé, essayé, puis pleuré, prostré dans un coin de la pièce... Heureusement Maman m’a consolé ;)

    Oups, faut que je prépare mon rdv chez le psy !

    • Arnault Pachot

      Tu dois pouvoir modifier la vitesse dans le fichier main-loading.js.html

      en modifiant speed et timeout dans l’appel au plugin cycle : :

      function padd_create_slideshow() {
	jQuery('div#slideshow').append('<div id="slideshow-controller"><span id="jqc-pages"></span></div>');
	jQuery('div#slideshow div.list').cycle({
		fx: 'fade',
		speed: 1500,
		timeout: 5000,
		cleartypeNoBg: true,
		activePagerClass: 'jqc-active',
		prev: '#jqc-prev',
		next: '#jqc-next',
		pager: '#jqc-pages',
		pagerAnchorBuilder: padd_build_pages
 	});

}

      Il faudra ensuite vider le cache du site et recharger complètement la page pour que les modifications soient prises en compte.

    Répondre à ce message

  • E-cosystems

    Bonjour,

    Ça fait plaisir de voir du neuf dans les thèmes.

    Et puis, c’est très joli et bien fait !

    Merci !

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom