Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 152

le 05/03/2014 @ 03:16
par Katryne

Katryne



Bonjour Sabine,
Je commence à jouer avec la V5. J'avais à peine commencé ce site et je n'y avais travaillé que le style à partir de ta skin. Merci de l'avoir actualisée.
J'ai un peu de mal à y retrouver mes marques, ça vient peu à peu, mais je bloque aussi parfois.
Pour le moment, j'ai réussi :
- à remplacer certains backgrounds en images par des fonds semi-transparents
- à fixer le menu au plafond avec le reste du site qui défile en dessous
- à supprimer l'animation des liens
Je n'ai pas réussi :
- à alterner dans .titre une série d'images à affichage aléatoire (alors que cela fonctionnait en 4.6)
- à rendre active la navigation dans les boîtes agenda et archives

Pour l'affichage aléatoire, j'ai mis dans un dossier /titre dans la skin mes 5 images, ainsi qu'un fichier titre .php qui contient :
 
Code : php
<?php
/* Affichage aléatoire d' images */
titre("Content-type: titre/png");
$filename = "titre".rand(1,5).".png";
$fp = fopen($filename, "rb");
$titre = fread($fp, filesize($filename));
fclose($fp);
echo $titre;
?>
 Et pour l'appeler dans skin.inc à la place de :
 
Code : php
<div class="titre">'.$tblti.'</div>
 
j'ai mis :

 
Code : php
  <div class='titre' style='background: url(".$meskin."titre/titre".mt_rand(1,5).".png) 0% 50% no-repeat;'>".$tblti."</div>
 

(ce n'y est pas actuellement sur le site du lien, puisque c'était sans effet)
Je pense que j'ai un souci de lien ou de guillemet simple ou double dans le code de skin.inc. Aurais-tu une idée ?

Quand au souci de l'agenda, c'est étrange, c'est comme s'il y avait un voile sur l'accès aux flèches de navigation : on y voit aucun lien au survol ... d
Site web Katryne
Poster une réponse Haut  

Réponse n° 1
--------
le 05/03/2014 @ 06:19
par Sabine

Sabine



Bonjour Katryne,

Pour l'affichage aléatoire, je ne peux malheureusement pas t'aider parce je ne sais pas comment faire.

Par contre, pour personnaliser chaque boîte, tu peux le faire manuellement dans style.css. Si tu utilises Web developper, tu constateras que chaque boîte à une classe spécifique (même les boîtes standards). Il est donc facile de les "habiller".

Pour le calendrier, je ne comprends pas ton problème.

Sabine e
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 05/03/2014 @ 10:32
par Katryne

Katryne

visiteur

Merci de ta réponse.
Pour le calendrier, j'ai identifié la cause. (le lien du site est dans le post initial)
J'ai ajouté pour fixer mon menu en haut de page avec un fond qui fasse toute la largeur du body (et pas seulement la largeur de la page) un "body before" avec un z-index supérieur au reste de la page, pour qu'au scrolling, la page défile dessous.
Or je viens de découvrir que la boîte du calendrier embarque aussi un body. Donc le "body before" qui devait ne s'appliquer qu'au haut de la page s'applique aussi sur le haut de la boîte du calendrier et rend inaccessible la quasi-totalité des liens de navigation dans le calendrier.
Je ne sais pas comment arranger cela. Si je ne peux pas utiliser le body before pour créer un fond comme je veux en haut du site, j'en reviens à ma question du forum 4.6 où je te demandais de m'aider pour un menu fixé au top et sous lequel passe le reste de la page en scrollant.
Une idée ?
Peut-être en créant un "body before .cal" spécifique à la boîte calendrier sans le fond ni le z-index ...
Site web Katryne
Poster une réponse Haut  
Réponse n° 3
--------
le 05/03/2014 @ 13:03
par Sabine

Sabine



Je n'ai pas vu le lien du site dont tu parles. Je ne me suis pas penchée sur la particularité d'un menu qui reste affiché en haut. Et je ne le ferai pas prochainement car j'ai encore beaucoup de choses à faire avant. De plus, ça me semble un peu compliqué et je ne suis pas sûre de savoir comment faire... mes connaissances sont quand même limitées.
Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 4
--------
le 05/03/2014 @ 14:32
par Katryne

Katryne

visiteur

Ta jolie skin ici ne marque les liens qu'en hover. C'est ce lien : http://carnets.chauvigne.info/index.php?lng=fr que j'avais mis à la 2e ligne sous le l'expression ce site.
Kat
Site web Katryne
Poster une réponse Haut  
Réponse n° 5
--------
le 05/03/2014 @ 17:17
par Sabine

Sabine



Tu veux dire qu'on ne voit que c'est un lien que si on passe la souris dessus ? C'est exact, c'est volontaire. Mais tu peux modifier, au tout début de style.css :
 
Code : css
/************
* Général */

a
{ /* lien */
color: #000000;
background: inherit;
text-decoration: none;
}
 Tu peux ajouter la ligne :
font-weight: bold;

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 6
--------
le 05/03/2014 @ 17:38
par Katryne

Katryne

visiteur

Pardonne-moi, je me suis mal exprimée. Je parlais de ta skin ici sur  4avril.com. Je pensais que tu n'avais pas vu mon lien dans le post initial parce que la skin 2012skin17V5 en usage sur ton site ne permet pas d'identifier un lien si l'on ne passe pas la souris au-dessus. C'est pourquoi je remettais mon lien.
Non, au contraire dans la skin que je 2011skin08V5, j'ai volontairement retiré la graisse sur les liens.
Site web Katryne
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » 2011skin08V5