Pages 1 | 2

• 

  

  10 octobre 15:29 , par Eric

  Squelette Perso_Rico 1.1

  Bonjour,

  En fait, ce n’est pas trop un problème de Spip mais plutôt de mise à page classique (X)HTML/CSS. Vous prenez la page d’accueil générée par mon squelette. C’est du XHTML. Vous regardez le code source dans votre navigateur préféré. Vous l’enregistrez (il faut aussi aller récupérer les 3 CSS qui sont indiquées dans l’entête du fichier XHTML). Vous modifiez le code XHTML et le CSS jusqu’à ce que ça ressemble à ce que vous voulez (il y a des commentaires dedans pour retrouver ses petits). Et là, on revient à Spip, c’est-à-dire qu’on applique dans le fichier de squelette ce qu’on a fait au fichier XHTML. Seule cette dernière étape est spécifique à Spip.

• 

  

  8 octobre 19:25 , par Yas

  Squelette Perso_Rico 1.1

  Bonjour, Je débute réellement avec spip et je trouve votre site sobre et efficace. Toutefois, je souhaiterai ne pas voir apparaitre "les nouveautés" en pleine page mais plutôt les intégrer dans un petit encart latéral. J’ai tenté de faire les modifications moi-même mais en vain. Pouvez-vous me donner quelques pistes ? Merci

• 

  

  12 octobre 2007 22:10 , par Eric

  Menus déroulants

  Après une rapide étude, j’ai donc retenu un menu déroulant s’installant en tant que plugin (là où tu as déjà posé des questions). J’ai installé le plugin suivant les instructions de l’article et celle de l’article général sur les plugin. Enfin, je suis allé modifier le fichier inc_entete.html de mon squelette qui ressemble maintenant à :

  <div id="banniere">
       #NOM_SITE_SPIP
</div>

<div id="menuheader">

        <INCLURE{fond=inc-menu-deroulant}{lang}>


</div>

  Et ça marche, j’ai un menu déroulant même si l’intégration graphique n’est pas top. Mais on peut peut-être l’améliorer avec les options de mise en page du plugin (ou en modifiant la feuille de style du plugin ?).

• 

  

  11 octobre 2007 15:37 , par Eric

  Menus déroulants

  Une rapide recherche avec « Menu déroulant » donne pas mal de réponse sur spip-contrib. Comme quoi, ça pose des questions à pas mal de monde. Reste à faire le tri des réponses maintenant.

  Je ne me suis pas non plus penché sur les noisettes mais ça doit être une sorte de brique élémentaire qu’on peut intégrer dans son squelette. Par exemple, un menu déroulant fait par un autre gars à intégrer dans mon squelette.

  À suivre...

• 

  

  10 octobre 2007 22:32 , par Phil.kdo

  Menus déroulants

  Je ne sais pas non plus ; j’avais essayé de faire qch en utilisant le plugin "menu déroulant" mais je n’ai jamais réussi, en particulier parce que je ne sais pas "placer une noisette". Le seul site que j’ai trouvé où on explique ce qu’est "placer une noisette" est HS pour l’instant. Je vais rééssayer sans cette foutu noisette mais j’ai peur de tout mettre en l’air Philippe

• 

  

  10 octobre 2007 22:11 , par Eric

  Menus déroulants

  Les premiers développement de ce squelette ont d’ailleurs aussi été faits pour des sites de clubs sportifs...

  Pour revenir à ton problème, en fait, je ne sais pas comment on fait des menus déroulants, même en html de base. D’où une difficulté à l’intégrer dans un squelette. Mais si tu avais le code dans le premier squelette que tu utilisais et que tu le mettais ici, peut-être que je pourrais l’intégrer à mon squelette. En tout cas, c’est une idée pour la version 2.0 de Perso_Rico.

• 

  

  10 octobre 2007 11:38 , par Phil.kdo

  Squelette Perso_Rico 1.1

  Je me suis permis d’utilser ton squelette : je fais actuellement une maquette (avant mise en ligne au bon endroit) de la nouvelle mouture du site de mon club de plongée. Ton squelette est celui qui ressemble le plus à ce que je cherchais, puisque je ne me sens pas assez au jus pour en créer un. Un petit ennui toutefois par rapport à ce que je voulais : j’avais créé dans la première version de mon site, celle qui utilisait le squelette par défaut, des sous-rubriques dans ma rubrique "encadrement" ; Puis je les faire apparaître, et si possible par dépliage du menu horizontal ? ma maquette est là : http://phil.kdo.free.fr Merci pour le squelette en tout cas, pour une réponse future ensuite Philippe

• 

  

  16 juillet 2007 14:04 , par Éric

  Bannière

  Bonjour,

  Ah oui, la hauteur !!! Ben, en fait, sur mon site aussi la bannière est coupée en hauteur. Si vous prenez la fenêtre du navigateur et que vous réduisez sa largeur, au bout d’un moment, le titre du site va se mettre sur deux lignes et vous allez voir le bas de la bannière. D’où deux voies possibles :
   vous augmentez la taille de la police du titre
   vous augmentez les marges autour du titre.

  Dans les deux cas, ça se fait dans la feuille de style. Je ne peux pas faire d’essais maintenant mais je dirais que c’est le paramètre padding du style banniere qu’il faut augmenter.

• 

  

  16 juillet 2007 13:33

  Bannière

  Merci pour vos conseils, mais je me suis mal exprimé, il s’agit de la hauteur de la bannière que je souhaite modifier, en fait je créer une bannière de la taille suivante : 800X100 mais celle ci n’apparait pas en entier dans le sens de la hauteur (100) elle reste coupée, quel code dois-je modifier ? Cordialement, Pti,

• 

  

  10 juillet 2007 21:27 , par Eric

  Bannière

  Je pense que vous prenez un peu le problème à l’envers. La bannière est une image de fond qui fait une certaine largeur. La zone pour l’afficher fait une autre largeur qu’on ne connaît pas. Elle peut d’ailleurs être assez variable entre un écran de PC de 1900 pixels de largeur et l’écran d’un PDA en 600 pixels. Donc, la même bannière sera, suivant les cas, trop large ou trop étroite. C’est le cas quand je regarde mon site chez moi sur un écran de 1280 pixels de large. Dans l’exemple de mon site, la bannière est cyclique et le bout gauche rejoint le bout droit qui fait qu’on ne voit pas le raccord. La seule astuce de la feuille de style consiste justement à dire de répéter la bannière. Dans votre cas particulier, je ne saurais que vous suggérer de réduire la largeur de votre bannière pour qu’elle s’adapte à la majorité des conditions de navigations que vous visez. Si la répétition vous gêne pour les affichages plus larges que prévus, vous pouvez la supprimer dans la feuille de style commun.css, à la ligne 41 :

  background : transparent url(../icones/bandeau.jpg) top center ;

  Et si la couleur des bords de votre bannière est uniforme, vous pouvez rajouter cette couleur au fond de la zone ce qui fait qu’il n’y aura pas de coupure de part et d’autre de la bannière, toujours pour les affichages trop larges :

  background : red transparent url(../icones/bandeau.jpg) top center ;

  (pour une bannière à fond rouge).

Pages 1 | 2