kikou,

Voilà je voulais savoir comment je pourrais réduire la hauteur de mon panneau d'accueil si il était possible par exemple de mettre des scrollbars pour qu'il soit moins grand.
merci d'avance pour ton aide
gros bisous

Coucou Katia

J'ajoute un tuto pour le tableau d'accueil, avec les images que tu ma donnée

Amicalement

kikou,

voilà j'ai été aller voir sur le forum never-utopia où je me suis inscrite et j'ai trouvée un tableau d'accueil super sympa, le truc c'est que bute sur les codes donnés, es que tu pourrais m'aider, car j'attends toujours la réponse chez eux mais rien et c'est un peu urgent j'aimerais l'avoir pour ce week-end

si tu veux je te donne le lien du sujet de leur forum si tu es inscrite tu dois pouvoir le voir

et ma question posée est dans les dernières pages, car comme tu sais je ne peux pas mettre leur code à la vue de tous

http://www.never-utopia.com/t40732p270-mise-en-forme-prefedinie-avec-onglets-personnalisable-forme-1#622880

merci d'avance, je sais que tes explications seront plus claires et si tu veux me les dires en privé pas de souci, je ne veux pas que le forum de never-utopia croit qu'on leur chipe les codes.

gros bisous

en tout cas merci pour ce lien ils font des trucs très sympas

Coucou Katia

Pour les carrés marrons, c'est un code couleur dans le CSS

Regarde à cette ligne:

Code:

.f1_staff1, .f1_staff2, .f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url() #d19962;

Sur le background url, tu peux mettre une image si tu veux, au lieu de la couleur.

Bisousss

ok merci
mais je fais comment pour ajouter des groupes et mettre les liens, es que tu peux m'aider,

il me faut 7 groupes et je ne sais pas comment faire pour bien les placer et et comment je dois mettre les images,

es que je dois changer le code pour l'emplacement, es que il faut une image pour chaque groupe ou une seule, tout ça c'est un peu compliquer

tu pourrais m'aider s'il te plait
merci

PS je te joins mon PA et l'image des groupes es que tu veux bien me modifier juste cette partie, le reste c'est bon j'ai compris

Coucou Katia

Pour mettre les gropes c'est dans le code Html

Code:

<span class="f1_onglet2"><div class="f1_contenu2">
<span class="f1_staff1"><div class="f1_staffcontenu1">Information staff 1</div></span>
<span class="f1_staff2"><div class="f1_staffcontenu2">Information staff 2</div></span>
<span class="f1_staff3"><div class="f1_staffcontenu3">Information staff 3</div></span>
</div></span>

Tu remplace le ; Information staff 1 <== par le noms du groupe ex: Administrateur

Bisousss

oui ça j'ai compris, mais c'est pour en ajouter que j'ai pas compris car sur le code il n'y a que 3 groupes et j'en veux 7 comment on fait pour l'ajouter??

et pour la fameuse image que je dois mettre à la place des petits carrés, comment je fais aussi j'en mets que une seule avec tout les groupes ou une image par groupe???

Coucou Katia

Pour ajouter des lignes pour ajout de groupes, tu ajoute autant de ligne que tu souhaite en répétant le code:

Code:

<span class="f1_staff3"><div class="f1_staffcontenu3">Information staff 3</div></span>

Pour les images oui il faut en mettre une pour chaque groupes, mais si tu en veux pas tu met rien, et les groupes s'afficheront quand même

ok mais pour l'ajout du staff es que je dois faire staff 4 à la place du staff 3???
et pareil pour les suivants

voir ci-dessous

Code:

<span class="f1_staff3"><div class="f1_staffcontenu3">Information staff 3</div></span>

Code:

<span class="f1_staff4"><div class="f1_staffcontenu4">Information staff 4</div></span>

pour les images de chaque groupe je les mets où et comment, à la suite l'une de l'autre???

merci ma puce tu es super

Coucou Katia

Pour l'ordre du staff tu fais comme tu veux

Aprés pour les images, je regarde demain soir, la ce soir je suis Hs de ma journée de boulot, mon cerveau à trop travaillé, il fonctionne au ralenti et moi aussi du coup pffff


Bisousssss

ok pas de souci il n'y a pas urgence, j'ai mis en attendant celui que j'ai habituellement celui que tu m'avais expliqué.

Pour staff, si je fais comme je t'ai expliqué tu crois que ça peut marcher?? voir ci-dessous

Code:

<span class="f1_staff1"><div class="f1_staffcontenu1">Information staff 1</div></span>
<span class="f1_staff2"><div class="f1_staffcontenu2">Information staff 2</div></span>
<span class="f1_staff3"><div class="f1_staffcontenu3">Information staff 3</div></span>
<span class="f1_staff4"><div class="f1_staffcontenu4">Information staff 4</div></span>
<span class="f1_staff5"><div class="f1_staffcontenu5">Information staff 5</div></span>
<span class="f1_staff6"><div class="f1_staffcontenu6">Information staff 6</div></span>
<span class="f1_staff7"><div class="f1_staffcontenu7">Information staff 7</div></span>

merci

Coucou Katia

Dans le CSS OK mais il faut ajouter du code dans le Html aussi sinon tes ajouts ne fonctionneront pas

Bisoussss

et je dois ajouter quoi, tu peux m'expliquer??
merci

Coucou Katia

Tu verras cette ligne dans le code

Code:

<span class="f1_staff3"><div class="f1_staffcontenu3">Information staff 3</div></span>

Tu doit ajouter autant de ligne que tu ajoute de ligne,
en changeant le noms du f1_staff3 <== en mettant le f1_staff4 par exemple

Bisoussssss

ok merci et pour l'image à la place des carrés tu as pu voir comment je fais pour ajouter mes images et où??

Coucou Katia

A la place des carrés tu veux mettre quelles images?

Bisoussss

Re coucou

Je me suis penchée sur le codage ce soir,

Bon pour les rangs que tu veux ajouter , il va avoir un soucis

Car les trois carrés déjà existant, prennent la hauteur du cadre

Si on ajoute d'autres rangs; ils ne se verront pas en les laissant ainsi

Il va falloir regarder si en mettant un défilant si ça peut fonctionner. mais c'est pas gagné du coté pratique , car les images défileront et il faudra pointer avec la souris en même temps sur une image pour voir l'information du rang.

Sinon il faudra mettre les trois rang important dans les images existantes et ensuite voir autrement pour ajouter les nouveaux rangs

Voilà pour ce soir ou j'en suis

Bisousss

et si on change la taille des images, par exemple comme les carrés font 50x50 px on fait les images à 50x25 px et aussi changer les espaces entre chaque image car sur le code il y a 20 px d'espace si on met 5 ou 8 px d'espacement, et aussi déplacer la 1ière image plus en hauteur, plus prés du cadre, es possible???

essaie de voir car moi j'en trave que dalle pour tout ça et dis-moi si c'est possible.

bisous et merci

j'édite le message, je n'avais pas vu le message juste avant les images que je veux mettre sont celle-ci



là elle en une seule, mais on peut les découper

Coucou Katia

Ok je verrais ça dimanche , je part ce soir et je reviens demain soir.

C'est qu'il y as plus chose à changer dans le code Html, il y as même un calcul à faire lol j'ai testée hier soir

Bisousss

oui je sais c'est pour ça que je te demande de l'aide.
merci et bisous