Recent files
y'a-t'il ne bonne âme pour m'aider avec les css?
Premiers pas et petits soucis
Je suis en train de migrer mon site vers yacs et je rencontre qq petits problèmes avec les css
1. le logo : je voudrais une grande image (770px*240)
j'ai bien réussi à la mettre en hauteur mais pas en largeur... je trouve pas la ligne qui mentionne cette largeur voir
2.les onglets : Ben forcément je voudrais les abaisser...
3. le fond : là encore un truc que je n'ai pas trouvé, je voudrais remplacer le gris par un fond à mettre en répétition...
En fait, j'ai toujours fait mes sites avec un editeur wysiwyg (dreamweaver) et si je voulais adapter un code, je selectionnais dans l'aperçu l'élément à changer, j'affichais le code (du coup, il surligne) et je modifiais... en plus il y a une interface qui propose les différentes possibilités...
mais c'était il y a longtemps
depuis les css (qui ont l'air bien pratiques, au demeurant ) je dois avouer que je n'ai pas trouvé s'il y a un moyen de travailler en mode aperçu, ce qui me faciliterait grandement la tâche
1. le logo : je voudrais une grande image (770px*240)
j'ai bien réussi à la mettre en hauteur mais pas en largeur... je trouve pas la ligne qui mentionne cette largeur voir
2.les onglets : Ben forcément je voudrais les abaisser...
3. le fond : là encore un truc que je n'ai pas trouvé, je voudrais remplacer le gris par un fond à mettre en répétition...
En fait, j'ai toujours fait mes sites avec un editeur wysiwyg (dreamweaver) et si je voulais adapter un code, je selectionnais dans l'aperçu l'élément à changer, j'affichais le code (du coup, il surligne) et je modifiais... en plus il y a une interface qui propose les différentes possibilités...
mais c'était il y a longtemps
depuis les css (qui ont l'air bien pratiques, au demeurant ) je dois avouer que je n'ai pas trouvé s'il y a un moyen de travailler en mode aperçu, ce qui me faciliterait grandement la tâche Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : Bonjour, Pourrais-tu nous dire à partir de quel style tu travailles ? Il y a des skins à largeur fixe et d'autres à largeur variable. Les 'fonds' se rapportent en outre soit au panneau central, soit à l'extérieur / l'intérieur pour les styles à largeur fixe... bref, besoin d'en savoir un peu plus pour t'aider très concrêtement. As-tu bien pensé à dériver le style natif de yacs avant de le modifier (sous peine de voir ton travail écrasé lors d'une prochaine mise à jour) ? Plus d'infos sur les styles dans la documentation... (même s'il n'y a pas réponse à toutes tes questions): voir la section le design dans yacs. Pour la position des onglets, voir cette doc. Pour les outils qui facilitent le travail, voir également ceci. L'extension webdevelopper pour firefox est une solution qui pourrait bien convenir à tes besoins. Tu pourrais par exemple rapidement identifier quel élément du css il faut modifier concernant le fond... Agnès Il n'y a pas de problèmes, que des solutions. |
Macnana 329 posts |
" Macnana : Bonjour,[quote] j'ai installé cette extension sur firefox mais depuis il n'arrête pas de planter et je suis revenue à safari 
c'est la 3eme fois en qq mois que j'essaie d'installer des extension et chaque fois ça me plante tout le bazar.  Nath |
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : Tant pis pour webdevelopper. Pour le fond, s'il s'agit du gris qui entoure la zone fixe du site, il faut modifier le 'body'. Charger l'image sur le serveur, dans le dossier images de ton style, et changer simplement le nom de l'image à charger sur la ligne 'background' de 'body' : background: #eeeeee url('images/body_background.jpg') top left repeat-x ; (c'est à la ligne 96 sur le css natif d'alfresco).Pour les onglets, as-tu réussi à les déplacer ? Il faut modifier la valeur de 'top' dans le descriptif de position des onglets (c'est à dire augmenter le nombre de pixels à partir du haut. Tu devrais être proche de la valeur de ton logo). Pour l'image de ton header, rajoute une valeur 'width' (largeur), dans ce genre là : width: 100%;. La largeur de la zone fixe du site est déterminée dans le wrapper (#wrapper, ligne 438). Elle est de 770 pixels pour alfresco. Ton image devra entrer dans cette largeur.Agnès Il n'y a pas de problèmes, que des solutions. |
| Macnana 329 posts |
Agnès : pour les onglets, j'ai réussi, oui, merci pour l'image,je vais tester tout de suite ainsi que le fond nath |
| Macnana 329 posts |
Macnana : Bon, tu peux voir mon soucisici premier soucis : donc j'ai rajouté (en bas) width 100% mais ça ne marche pas (mon image fait 770px avec un bord blanc intégré donc je mets 0px pour les marges) second soucis : le texte "decembrettes" que je voudrais supprimer car il se trouve sur mon bandeau... j'ai mis 0px en taille de police (voir souligné-gras) ça a fait passer ma police de 20px à plus petit mais n'a pas disparu... je ne sais pas où aller pour supprimer ce truc #header_title { /* appears towards the top of the page -- see template script */ position: absolute; top: 0px; left: 0px; margin: 0; /* need for IE Mac */ padding: 0; font-size: 0px; font-weight: normal; color: #666; } #header_title a { /* link to the home page */ color: #666; text-decoration: none; } #header_title a:hover { /* about to click */ color: #ffa500; text-decoration: none; } @media screen { /* only on large screens */ #header_title a { /* add an image on the left */ display: block; /* to add margins and padding */ position: relative; padding-top: 250px; /* (image height - font size) / 2 */ background-image: url('images/bandeau.png'); background-position: 0 0; background-repeat: no-repeat; width: 100%; Nath_gourde |
| Macnana 329 posts |
Macnana : dans safari, j'ai l'image tronquée et le texte... dans firefox, je n'ai plus ni l'une ni l'autre 
|
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : pour l'heure, je n'ai strictement rien sous firefox. Avec IE, je vois des choses plutôt sympa, et en entier... Agnès Il n'y a pas de problèmes, que des solutions. |
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : Bon, ton site est "revenu" sous firefox, effectivement sans le bandeau. je ne vois aucun texte "tout petit" (police à 0px). L'as-tu enlevé ? Est-ce qu'il s'agit du titre ou du slogan ? Si oui, je pourrais te donner la manip (si tu l'as pas déjà) pour en éviter l'affichage. Pour que ton header soit imprimable, essaye de commenter, pour voir, les lignes 36 à 42 (css alfresco natif) puisqu'il est spécifié à cet endroit que le header n'est pas imprimable. je cherche un peu pour ton image... Agnès Il n'y a pas de problèmes, que des solutions. |
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Agnès : pardon, je pense avoir fait erreur : pas forcément commenter les lignes dont je parlais, mais changer la valeur de "display" de "none" en "block". Ceci dit, j'ai pas essayé. mais ça doit être quelque chose dans le genre. Agnès Il n'y a pas de problèmes, que des solutions. |
| Macnana 329 posts |
Agnès : site reparti... j'ai testé en dupliquant JOI (je comprend pas et j'aime pas ça) j'ai juste changé le backroung header par mon image (png, ce serait ça ) et pouf!!! plus rien!!! dans firefox (plus de page du tout  ) mais affichage impec dans safari...  pas douée la fille ... ça m'inerfff' pour ce qui est de supprimer le titre ( pas le slogan) je veux bien la manip' correcte... je finirai bien par comprendre en tout cas merci pour ta patience |
| GnapZ from Caribbean 2970 posts |
Macnana : Le CSS n'est pas toujours évident à régler mais il faut avoir un environnement stable pour ne pas s'y perdre. Votre Firefox semble avoir des soucis de configuration, je vous suggère donc de remettre une 1.5.0.6 en place. Si vous voulez aboutir à vos projets, il faut choisir un style et ne plus en sortir sinon c'est la galère car il faut reprendre les régléges CSS à chaque style. Vous aviez commencé avec Alfresco et maintenant avec Joi, pouvez-vous me dire quel style vous convient le mieux pour que l'on puisse s'y atteler ? |
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : je vois que Gnapz va t'aider (il saura sans doutes le faire mieux que moi). Pour ce qui est du titre du site et du slogan, il est possible d'en désactiver l'affichage. Il reste important de remplir les champs s'y rapportant dans le panneau de contrôle > rendu visuel > méta informations (pour les moteurs de recherche), au moins pour le titre. Donc le site a bien un titre, et un sous-titre, mais on ne veut pas qu'ils s'affichent dans le header. Editer le template.php du style sur lequel on travaille. Commenter les blocs de lignes qui se rapportent à l'affichage du titre et du slogan, soit ce qui concerne the site nameet site slogan (on commente les lignes en mettant /* au début et */ à la fin des lignes, du bloc de lignes, que l'on veut commenter. Cela a pour effet de ne pas prendre en compte ces lignes là. Les supprimer si l'on est certain de ne plus les vouloir - ou si l'on peut les retrouver !)Agnès Il n'y a pas de problèmes, que des solutions. |
| Macnana 329 posts |
Agnès : en tout cas merci pour ton aide!  Gnapz : Effectivement, après avoir passer la nuit sur Alfresco, j'ai changé poue Joi, juste pour voir car je ne comprenais pas comment fonctionnait le trcu ( mais je pense que c'est firefox qui deconne) Mais en essaynt Joi, j'ai eu agrable surprise... le thème se prête assez bien avec mon bandeau... je crois que je vais partir de Joi, finalement. Merci à vous 2 Nath 
|
| Macnana 329 posts |
Macnana : bon! qu'est-ce que j'ai pas compris j'ai été dans template.php et mis les /* et recharger sur lr ftp... Conclusion Ca n'a pas marché et m'a remis le Joi non modifié! Pas grave me dis-je je remts le template.php d'origine... Ben, mon thème modifié n'est pas revenu... Ni connaissant pas grand chose (bon, ok! j'avoue : RIEN) je me dis que le php, a modifié la css (ben, quoi on sait jamais)Ben que nenni, le lien vers l'image est bien MON image mais il affiche celle d'origine... sais pas où corriger, moi !!! Je comprend pas et ça m'énerve! Je pourrais refaire une copie de Joi et refaire le boulot, mais je ne saurais jamais pq, il a réagit comme ça! Grrr Nath PS: sorry de vous emm...
|
| GnapZ from Caribbean 2970 posts |
Macnana : C'est généralement des mauvaises surprises dûes aux caches des navigateurs. En général, un MAJ+Rafraîchissement (ou CTRL pour IE) suffit à rétablir un revhargement complet de la page. Avez-vous réinstallé une version stable de Firefox ? Si vous n'y arrivez pas, videz totalement le cache du navigateur. |
| Macnana 329 posts |
GnapZ : ben, vi, le cache, c'est la premiere chose a laquelle j'ai pensé. mais rien n'y fait ! pour firefox, je l'ai réinstallé mais j'ai toujours les mêmes soucis sinon, je suis sous Mac alors, j'utilise aussi safari |
| GnapZ from Caribbean 2970 posts |
Macnana : Je comprends mieux, sous mac, certaines valeur de CSS, même à 0, sont obligatoires. Le meiux sera donc d'y aller doucement, zone par zone. Par contre, le fait de toucher au template.php n'a aucune influence sur le fichier CSS mais en a sur la définition des zones (les ID), attention donc. |
| Macnana 329 posts |
GnapZ : ok, je dois faire quoi, alors? |
| GnapZ from Caribbean 2970 posts |
Macnana : Je vois que le header est bon maintenant. Il faut vider le site des exemples préfabriqués et commence à définir ce que vous souhaitez comme rendu graphique. Ensuite il faut définir la structure des sections principales et les droits spécifiques que vous voulez. Voir le rendu des articles, fichiers et images que vous allez mettre en place. Donnez-nous une vue d'ensemble du projet. |
| Macnana 329 posts |
GnapZ : avec firefox, je ne vois pas le header mais avec safari, il est toujours là... |
| GnapZ from Caribbean 2970 posts |
Macnana : Je suis sous Firefox et tout s'affiche bien. Demandez à quelqu'un qui a aussi un Firefox sous mac pour savoir si c'est propre à votre système ou si c'est général sous FF/Mac. |
ThierryP from Nice, Drap Associate, 1136 posts |
Le header s'affiche bien (la bannière) avec Firefox, Explorer et Opéra chez moi... Très belle bannière d'ailleurs 
|
| Macnana 329 posts |
ThierryP : Donc... j'ai chipoté toute une nuit et une journée pour un truc qui ne deconne que sur MA machine  LOLen tout ccas merci pour vos aides |
| Macnana 329 posts |
Macnana : Question de débutante. les css, ce n'est que de la programtation où il y a moyen de "voir en temps réel" ce que l'on fait à la manière d'un wysiwyg? ça me serait déjà plus facile :p |
| Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2007 posts |
Macnana : le fameux webdevelopper que tu n'arrives pas à faire fonctionner permet de manipuler le css et de voir en direct les changements. Mais sinon, on fait comme tout le monde :
Et il est prudent de faire les modifications une par une pour bien suivre le rendu. Agnès Il n'y a pas de problèmes, que des solutions. |
Reply
Quote
25 comments · 
Add a comment
Rate this page
Posted by Macnana on Oct. 18 2006, edited by Agnès on Oct. 18 2006, (popular)
