Fofo en construction !

Ouki j'essai ça plus tard. Merci. Sinon tu sais pas comment faire pour que les liens qu'on met sur les post (image) ne soit pas transparant comme le reste du fofo?


C'est ce code que j'ai mi pour la transparance

Citation :

.bodyline{filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 100;
opacity: 0.90;
background-color: #000000;
border: 1px #7916B3 solid;
}

Bien wis tu te démerde pour le forum c'est cool

Mais tu vas encore vouloir me tuer, quand je parlais des boutons qui s'allume
je pensais juste au texte
car la c'est beurk quoi, cette barre qui s'illumine en petit rectangle.

je sais pas ce que les autres en pense...

je félicite ton boulot sur le fofo en tout cas.

Tout bien observé tu as raison :p c'est moche mais maintenant que j'sais faire j'vais pouvoir m'appliquer sur le travail des images , ça sera plus beau...plus tard /D

Kethry a écrit:

L'autre problème pouvant survenir est un retard d'affichage de l'image brillante. C'est lié au cache du navigateur qui doit enregistrer l'image.

c'est exactement ça! trop forte cette ket passe lui le lead wis ti pompe rien en code ^^

Lol
y a de la ligne ^^.

Y a 1 petit truc qu'il manque sur le fofo ==> Notre beau et magnifique flag flottant au grés des vagues (codifié) électrique du web. ^^

Tu nous rajoute une petite ligne, ou deux ( ou 50 si needed XD ) pour sa wis.

"Beau et magnifique" , j'ai un doute .
Et sinan bah j'sais pas faire ! Faudrait un infographiste dans la légion :p. moi si on me fait l'image en gif ou autre je l'a met sur le forum pas de problème.

jpensais au flag tous court ^^. Le voir flotter c "bonus" ^^
et y a pas possibilité de l'editer ce fioutu flag?

Pour le mettre en gif j'ai bien avis d'essayer ^^. Plus rien ne me resiste avec paint =P ( même pas les appli de l'Iphone )
Certains se mettent a faire des lignes ^^
J'go faire joujou avec les images =P

Bah alors :p j'attends toujours des images

Petite question: ça vous gave pas le petit "raté" due au chargement des images sur la barre de navigation? Moi perso ça commence a me gonfler :p J'ai lu quelques topic pour pouvoir corriger ça. Mais en fait c'est pas possible sur le fofo comme il est actuellement. En fait faut que les deux images soit compilés, ensuite faut que je jou sur leur position dans le forum. En gros quand le pointeur passe sur l'image elle est censé se déplacer et être caché sous le fond d'écran pour faire apparaitre l'autre image (brillante). Petit problème...notre fond de forum est transparent

Si ça vous gave aussi je vire le Rollover et on aura une barre normal sans animation. Si ça vous plait comme c'est, je laisse, si vous en avez rien a carré, baaah vous en avez rien a carré quoi :p

No mais moi ça me rassure car ce problème je croyais que cela venait de chez moi mais je dois avouer que comme ça avec le bouton Déconnexion qui passe en dessous, c'est pas super joli :s

ah pour le bouton deco en dessou c'est autre chose :p le fofo est opti en 1680*1050

Wis a écrit:

Petit problème...notre fond de forum est transparent

Strictement sans rapport... Si elle est bien cadrée l'image double du bouton n'a absolument aucune raison d'apparaitre dans son ensemble.

Citation :

Ce que nous voulons :
1 - Que notre image, qui fait le double de la hauteur réelle de notre bouton soit affichée correctement à l’état normal. Pour celà, nous utiliserons simplement les propriétés CSS de dimension pour spécifier la taille à afficher.
2 - Que lors du survol, l’image normal sorte du “champs” de notre bouton pour laisser place à la partie de l’image au survol. Et nous utiliserons pour cela les propriétés de position de l’arrière plan.
Voici donc ce que celà donne en CSS et HTML, en partant du principe que notre bouton doit faire 150px de large et 80px de haut :

Citation :

La propriété “display:block;” permet de stipuler au navigateur que notre balise “<a>” doit être considérée comme un bloc (au lieu d’une balise en ligne). Cela nous permet de donner des dimensions à notre lien. Il est important de bien penser à donner une hauteur égale à la moitié de notre image (”height:80px;”). Pour finir, nous indiquons que notre lien aura pour image d’arrière plan “notre-image.jpg”, qui ne sera pas répétée, et qui sera placée au haut à gauche de notre lien (”background:url(/notre-image.jpg) no-repeat 0 -80px;”). Lors du survol du lien (”#notreBouton:hover”), nous stipulons au navigateur que la position de l’image d’arrière plan doit changerde 80px, pour permettre d’afficher la partie au survol qui était cachée jusque là (”background:url(/notre-image.jpg) no-repeat 0 -80px;”). C’est aussi simple que ça !

Bé je comprend pas alors KEth :p. Ce que je comprend en lisant ça c'est bien que le bouton "normal" va etre déplacé et caché sous l'arrière plan, l'image disparait pas, elle sort du champ. Enfin je me trompe surement :p éclair moi.

Tu as une image avec un cadre de hauteur H et tout de qui sort de ce cadre ne s'affiche tout bonnement pas. Ce n'est pas planqué par d'autre éléments (genre le fond), c'est juste invisible.

Ouki ouki, ça me parait bien chiant à mettre en place quand même :s. Faut que je chope photoshop deja, je suis avec Photofiltre la et ça va pas aller .

Peut etre qu'un jour je m'y mettrais :p

Voila un exemple (extrait de ton css)

Code:

#i_icon_mini_members{
  background:url('http://.../membre.jpg') no-repeat;
  width:86px;
  height:109px;
}
#i_icon_mini_members:hover{
  background:url('http://.../membre.jpg') no-repeat 0 -109px;
  width:86px;
  height:109px;
}

lol j'étais en train de le faire j'ai deja fait toutes les images. elles sont deja up sur le fofo ya plus qu'a marqué les tites lignes


par contre moi ça fait ça

Citation :

#i_icon_mini_index
{display:block; width:157px; height:109px;
background:url(/notre-image.jpg) no-repeat 0 0;}



#i_icon_mini_index:hover
{background:url(/notre-image.jpg) no-repeat 0 -109px;}

Bon j'ai tester, c'est la merde :p tous les boutons se mettent l'un en dessou de l'autre, si tu sais corriger ça keth ^^

Voila le code

Citation :

#i_icon_mini_index{display:block; width:157px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/home10.jpg) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/home10.jpg) no-repeat 0 -109px;}


#i_icon_mini_calendar{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/calend10.jpg) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/calend10.jpg) no-repeat 0 -109px;}


#i_icon_mini_faq{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/faq10.jpg) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/faq10.jpg) no-repeat 0 -109px;}


#i_icon_mini_search{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/recher10.jpg) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/recher10.jpg) no-repeat 0 -109px;}


#i_icon_mini_members{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/membre10.jpg) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/membre10.jpg) no-repeat 0 -109px;}


#i_icon_mini_groups{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/groupe10.jpg) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/groupe10.jpg) no-repeat 0 -109px;}


#i_icon_mini_profile{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/profil10.jpg) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/profil10.jpg) no-repeat 0 -109px;}


#i_icon_mini_message{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/messag10.jpg) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/messag10.jpg) no-repeat 0 -109px;}


#i_icon_mini_logout{display:block; width:73px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/deco10.jpg) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/deco10.jpg) no-repeat 0 -109px;}


#i_icon_mini_register{display:block; width:86px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/regist10.jpg) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/regist10.jpg) no-repeat 0 -109px;}


#i_icon_mini_login{display:block; width:173px; height:109px; background:url(https://i.servimg.com/u/f91/14/41/91/24/co10.jpg) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(https://i.servimg.com/u/f91/14/41/91/24/co10.jpg) no-repeat 0 -109px;}

C'est bon j'ai trouvé, il fallait que je vire tous les "display:block" dans mes lignes

ouais comme j'avais fait quoi :p

bah ouais :p, t'en qu'a faire tu sais pas comment faire pour que tous le monde voit la barre sur une seule ligne? moi j'ai fais le fofo avec ma résolution 1680*1050 du coup ça merde pour les autres résol.

Hop, voila on a une barre de navigation qui merde plus et qui s'affiche normalement sous toutes les résolutions. Merci Kethry pour ton aide !

Sinon kaitos j'ai pas oublié cette histoire de transparence qui dénature les images qu'on link sur nos post. Apres avoir fouiller un peu partout et demander a des web design sur des fofos ..... bah ya pas de solution :/ Donc j'ai juste réduit la transparance, on était a 90% on es maintenant a 95% ^^ c'est tout ce que je peux faire .

Effectivement la dessus je pense pas qu'on puisse résoudre le pb à moins de changer carrement la structure du code forum. Tous les éléments placés à l'intérieur d'une zone avec transparence sont soumis à cette transparence.

bon c'est pas ici que je vais pouvoir demander comment on insert une image ds un post , sinon je vais me faire passer pour un boulet .....( sort discretement du sujet)

Byeeee

Et paf, ptit script pour Noyel !

Joyeuses fêtes à tous !