Wordpress vignettes Fermé

Question

Salut tout le monde, je développe actuellement mon propre thème wordpress et c'est Tout nouveau pour moi.

Je souhaiterai crée une page d'accueil avec des "vignettes" contenant l'image du post et le titre de celui ci dessous.
Un peu dans cet esprit: https://mattrunks.com/fr

Quelqu'un connaîtrai un script me permettant de faire cela ? ou plusieurs script se rapprochant de ce résultat ?

Merci d'avance à ceux qui m'aiderons :D

math 2000 · Answer

ce sont juste des div avec des image

alexislevrai · Answer

Oui des div a image :D mais je sais pas quoi mettre dans ma css après pour reduire mes images =D

math 2000 · Answer

? tu met une image qui a la bonne taille ça sera plus simple sinon 

.classdetonimage{ 
width:trucpx
}

tu remplace truc et la class de ton image

alexislevrai · Answer

Et non justement je veux avoir des images plus grande dans le post après.

Mais merci du tuyau en tout cas.

Et toi tu saurai pas comme on peut créer une zone ou afficher une page ? mais déroulante, ce genre: http://www.kitsune.fr/music

=PROGRAM= · Answer

Ba je ne te conseille pas d'utiliser non porte quoi, mais il a un logiciel trés simple :
telecharge se logiciel :
https://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/50235.html

math 2000 · Answer

c'est un truc avec des position:fixed;
ça permet normalement d'avoir le fond de la page qui reste en place avec seulement le contenu qui bouge

alexislevrai · Answer

Okay encore merci ;)

math 2000 · Answer

tu met par exemple body(
position:fixed;
background:url("urldel'image");
)

alexislevrai · Answer

Je vois. Merci beaucoup.

math 2000 · Answer

passe une bonne journée en espérant t'avoir aidé

alexislevrai · Answer

:s , j'ai essayer, et en fait je vois pas comment m'y prendre :S

SI tu veux mon problème est que les articles sont trop longs: http://www.musthaveonline.fr/futur

math 2000 · Answer

je vais voir

alexislevrai · Answer

C'est super gentil, merci beaucoup. 
Si toi tu a besoin de graphisme, logotype, design, je peux t'aider de ce coté là :D

math 2000 · Answer

ha avec fixe il y a plus de scrol il faut que je rmette le reste de la page dans un div alors

alexislevrai · Answer

Et ouais moi j'avais fait fixe mais toutes mes images se sont superposées.

math 2000 · Answer

ça va être un peu plus long que prévu 
je vais copié l'exemple sur un site

math 2000 · Answer

j'ai réussis je vérifie juste quelque truc et je te le passe

math 2000 · Answer

http://bormat2.free.fr/math%202000/position-fixed/

bonne nouvelle:çamarche
mauvaise nouvelle:pas sur ie6 sauf bidouille,le fond à été décalé vers la gauche

j'essaie de corrigé le décalage

alexislevrai · Answer

Oh t'ai génial. 

La je peux pas teste je suis pas chez moi mais si ce soir je rentre pas trop tard. 
Et t'embette pas pour IE6

Je compte même pas optimiser pour ie 7, j'abandonne. 

Merci beaucoup

math 2000 · Answer

tu vas convertir tout ceux de ton site alors 
un endroit ou tu met site optimiser pour les navigateur moderne

math 2000 · Answer

heu 1mo'(1000ko normalement cest 80ko) ton image je peux la réduire car ça prendun peu de temps à charger

math 2000 · Answer

c bon corrigé le pb du décalage je met à jour

alexislevrai · Answer

C'est deja mieux qu'avant, donc tu as ajouté quoi comme balise ?

Tu peux tout me copier dans un post sur le forum stp ?, merci.

math 2000 · Answer

oui je te copié touten fait j'ai pris le code sur une page que j'aicapturer avec scapbook et j'ai inséré ta page dans la partie content puis j'ai supprimé le fond et l'ai remis avec le css dans le body je te fais un zip mais il suffisait d'enregistrer et de faire page web complette

math 2000 · Answer

http://bormat2.free.fr/wordpress4/ 2000/position-fixed/posittion fixed.zip

alexislevrai · Answer

Merci beaucoup, ca va me servir plus tard dans mon site. ;)

Mais en fait avant tout ce que je cherchai, c'était une (je sais pas comment appeler ca) une "champ de texte déroulant ?" 
Si tu regarde bien a cette adresse: http://www.kitsune.fr/music
Tu a une boite en pop-up qui est couleur saumon, et le texte défile dans un espace définis.

C'est cela qu'il va me falloir pour remédier au texte dépassant de mes pages. (http://www.musthaveonline.fr/futur/2009/04/10/kitsune-tabloid-by-phoenix/)

Tu vois ce que je veux dire ? j'ai beau chercher sur le net, bu que je ne sais pas comment nommer cela ... je trouve rien.

EN tout cas un grand merci pour ce que tu a dejà fait =D

math 2000 · Answer

si tu veux comme sur le site je te le conseil pas les gens aime pas avoir un truc qui leur cache le contenu de la page le mieu est de le mettre à coté

alexislevrai · Answer

A coté ? oauis lmais non ya pas la place ya d'autres trucs a coté.

math 2000 · Answer

oui mais dessous ausszi il y a d'autre truc c'est vrai_ment pas pratique un site comme ça http://www.kitsune.fr/music
tu peux faire un menu déroulant en haut de ta page qui serait fixe ou non oou un menu qui se déroule sur le coté au passage de la souris en tout cas demande a des personne si elles trouvent ça pratique ou non avant de commencer

alexislevrai · Answer

Ouais mais en meme temps j'ai pas vraiment le choix, pour m'adapter au design, ou alors il me faudrais des articles minuscules.

math 2000 · Answer

qu'est ce que tu dirais d'un menu déroulant en bois

alexislevrai · Answer

Oauis mais ca va pas résoudre mon problème ... il va dépasser la page, non mais j'y réfléchi depuis plusieur jour, et la seule solution que je vois c'est une champs qui scroll, comme la sinon: http://aerosmiss.free.fr/   (rubrique basse)

math 2000 · Answer

non ça dépassera pas la page 
c'est déjà mieux sur le lien que tu donne mais tu as remarqué que l'adresse ne change jamais ça va pas être bon pour le réfferencement si tu voulais que google réference ton site 

ça dépassera pas un petit bandeau en bois en haut qui se déroule attanend je te montre un exemple

alexislevrai · Answer

Oui j'ai remarqué pasque c'est en frame, mais ca tu peux pas sur wordpress.

Je veux bien voir ton exemple car je comprend pas.

math 2000 · Answer

je le retrouve et je te le passe

math 2000 · Answer

tu vois le menu avec accueil extension il se déplie et deriere il y a une bande bleu ben tu pourrais faire un menu comme ça dépliant avec deriere une image de planche en bois 
 https://www.hugedomains.com/domain_profile.cfm?d=geckozone&e=org

alexislevrai · Answer

Tu va me prendre pour un idiot, mais je comprend pas pourquoi tu veux faire ca .... ça va résoudre en aucun cas mon problème d'article trop long sur la page  ...

Le problème est que le texte du post dépasse, le menu lui est bien placé ...

math 2000 · Answer

tu peux faire une image du pb stp que je comprenne mieux le problème

alexislevrai · Answer

Regarde, je pense avoir touvé la solution: 

http://www.musthaveonline.fr/futur/2009/04/10/kitsune-tabloid-by-phoenix/

math 2000 · Answer

ha d'accord c'rest ça que tu voulais ok juste un truc il y a une image transparente sur la barre de scroll qui gene

alexislevrai · Answer

Ouais faudra que j'arrenge ca.

T'en pense quoi là ? c'est assez dynamique non ?

Après c'est faisable de mettre une image en fond du scroll et de personaliser sa barre de scroll ?

math 2000 · Answer

pour personnaliser sa barre de scrol
 firefox ne sais pas (ne veut pas plutot) le faire sauf avec du javascript mais tu va utiliser 30 ko rien que pour ça

math 2000 · Answer

pour ton ilmage normal il y a la moitié de l'image transparente il suffit de la recadrer

alexislevrai · Answer

Je pense que c'est un peu la même pour safari, je vais essayer tout de même. (oui je sais je me prend la tête pour pas grand chose =D )

ENCORE MILLE MERCI Math, dimanche oblige j'ai du monde a déjeuner a midi, donc bon dimanche a toi.

Prochaine étape: récupérer l'image du post pour la mettre en vignette HomePage ;)

math 2000 · Answer

bon dimanche
heu quelle image 
sinon pas regardé sous safaris je vais voir sous afaruis il y a un code pour les scrollbars

alexislevrai · Answer

Sur le Home page les images des posts. Il doit exister une balise sous wordpress pour les récupéere. un truc Thumb quelque chose comme ca.

Oui je sais pour l'image. 
C'est aussi un bricolage Made In Alexis. Car après les post it vont etre des liens, et pour tu ne peux faire des zones cliquables que sur des images. Et pour une question d'esthétique, le post it du bas ne peut etre a part sinon l'ombre est moins bien.

DONC, je vais mettre la zone transparente cliquable comme ca ni vu ni connu.

math 2000 · Answer

je ne connais pas word press sinon tu veux récupérer les image du home http://www.musthaveonline.fr/home.php

math 2000 · Answer

o fait les barre grise (pour ceux qui ont pas de theme)avec ton sitze ça va pastrop donc tu pourrais cacher les scrollbar par une image ou les modifié avec du js

alexislevrai · Answer

Ah non non dutout.

En fait là on change le concept.
Il y aura: 
   - partie blog (sur laquelle je bosse actuellement) 
   - partie photo (semblable a l'actuelle accessible via le post-it)


Et donc dans la partie blog mes articles seront sous formes de vignettes (6 articles affichés) www.musthaveonline.fr/futur  et en fait j'aimerai que sur l'accueil il y est l'image du post, le titre et 2/3 lignes correspondant au post.

Tu vois ce que je veux dire ?

math 2000 · Answer

oui et le pb c'est quoi tu prend une capture d'écran de la page et tu en fait une vignette pour la page d'accueil

alexislevrai · Answer

Alors voila a quoi je dois-veux arriver: http://musthaveonline.fr/futur/site.png

J'ai déja pas mal galérere pour avoir la présentation des posts sous forme de box, maintenant je cherche a ajouter dans ces boxs l'image correspondante au post.

math 2000 · Answer

en pllus tu veux faire une page penché bon je crois que je peux pas t'aider car je comprend rien tu veux 

tu met le texte et les image avec le lien dessous

alexislevrai · Answer

Non la page penchée c'était au début, mais je me suis rendu compte que c'est impossible en Php/html, seulement en flash, donc j'ai abandonné.

Sinon voila c'est :

IMAGE
Titre
extrait +++

math 2000 · Answer

oui mais je vois pas le problème à mettre une image un titre  et un extrait tu veux le faire automatiquement car là c'est du php et j'y connais rien

alexislevrai · Answer

Et oui je veux que ca se fasse tout seul, vu que c'est un blog, il sera actualisé plusieurs fois par jours donc il se doit que ce soit automatique.

math 2000 · Answer

à part utlisé les vignette de google qui sont actualiser tous les 3 moi je vois pas faut demandé à ceux qui s'y connaisse en php

Wordpress vignettes

56 réponses

Discussions similaires