Fofo en construction !

Voila c'est dans le titre :p

Je suis le grand fondateur, l'ultime designer, le bel Admin de ce fofo ! Je suis grand fort inte.... nan bon bref. C'est le premier fofo que je fais, j'suis pas un grand spécialiste donc si vous avez des suggestions je suis preneur.

Aujourdh'ui j'ai changer les ptits boutons (en haut) Accueil /calendrier toussa quoi. J'ai aussi changer dans les posts, les icones "citer" "éditer" ect... et j'ai rajouter le chat box, tout en bas, un chat a la con histoire de flood pendant les files d'attente :p ......oui j'avou ! J'me suis taper la file d'attente !! Et alors? faut bien s'occuper !

sympas
bien joué !

moi je le trouve tres bien ce fofo, si je peut me permettre une suggestion je pense qu il serait bien de creer quelque chose pour les classes du genre:
CLASSE:
-aede
-sorcier
-templier
-patin
-coufin...

et bien evidement d'aller te raser :p haha.

https://legiondesabyss.forumgaming.fr/strategies-de-combat-f5/

ça te conviens pas comme post templier/aede/pretre/ect ? c'est peut etre pas çà que tu voulais dire.

Et nan !! jme rase pas, ma copine aime la barbe ! Tant que j'laisse pas pousser à la Gandalf

Aujourdh'ui j'ai lié le calendrier au forum "Sorties et évènements" vous pourrez consulter directement le calendrier "petit lien en haut du forum" pour voir les sorties prévues. Quand on ajoutera un évènement sur le calendrier il sera automatiquement poster dans "Sorties et événements".

Ah bah putain !! ça fait une heure que je fouille tous les forums pour trouver comment modifier l'opacité des images, fonds ect :p Donc voila j'ai mi de la transparance histoire qu'on voit l'image de fond. J'espere que ça vous plait parceque j'ai du apprendre le language CSS j'ai modifier des lignes de code, j'ai failli niqué le forum d'ailleur :p mais ça marche !!

*continu de faire mumuse* Et maintenant transformation en maj quand on passe son curseur sur du text !

coucou Wis je tiens d abord a te féliciter pour ton travail sur le fofo , tu travailles bcp sur la personalisation du forum , c vraiment cool .
Concernant les classes , je pense que le sous forum qui lui est dedié est , pour le moment suffisant , il nous faut deja du contenu et pour le moment , on a pas bcp d infos ni de retours concernant vos classes ( par post j entend..., sur teamspeak par contre on en parle bcp c vrai).
je vous invite tous donc a poster vos avis et commentaires sur vos personnages (gemme à avoir , force de votre classe , faiblesse, stratégie de combat avec votre perso etc...).
Voila , j ai rien oublié je crois....


Ha si Wis , rase toi , ta femme te dis ca pour te faire plaisir , mais sinon , tu piques

Coucou, petite question. Je voulais savoir si chez vous sur le forum la page d'acceuil est transparante partout? Chez moi ça marche nikel, mais la je suis au taf et je vois que la partie qui est en noir est rester solide (on voit pas fond d'ecran derrière)

Je vois pas d'ou ça peut venir :/ si ça marche pas chez vous non plus j'essairai de corriger ça.

oui c'est transparent mais alors là pour tout te dire faut arriver à la voir
je m'en rend compte ici par ce que tu le dis sur l'autre pc je pense que je risque pas de le voir

Moi je trouve perso que le forum est trés sympatique et Agréable. En gros du beau boulot
Petits reproches que je pourai faire ( y faut bien =D ) : le texte couleur violette sur fond noir... difficile a déchiffrer, et les posts pour chaque événement la date de l'event dans le titre du sujet ^^.

dernier tit détail : c'est vrai qu'un ptit coup d'rasage te frai pas dmal ( c'est sa dmettre sa photo sur le fofo )

C'pas faux pour le violet ! mais c'est comme ça pi c'est tout ! :p

Sinon pour les évents, en effet partho pourrait mettre la date et l'heure, mais en fait il suffit de cliquer sur "Calendrier" pour voir les events.

Citation :

Aujourdh'ui j'ai lié le calendrier au forum "Sorties et évènements" vous pourrez consulter directement le calendrier "petit lien en haut du forum" pour voir les sorties prévues. Quand on ajoutera un évènement sur le calendrier il sera automatiquement poster dans "Sorties et événements".

Wis je viens faire mon chieur

la transparence c'est bien ça donne un effet de style au fofo, et ceux qui ne la
vois pas, ils devraient calibrer leur écran...

par contre la ou je trouve que ça fais moche c'est quand il y a des images de postées.
ça viens dénaturer le rendu et je trouve ça moche.

Il y a pas moyen de ne pas mètre la transparence sur le images?

Sinon c'est très bien tu as réglé le problème des boutons qui disparaissaient.

Ouais tu as raison :p je suis sur le coup mais j'y arrive pas pour le moment .

nouvelle barre de boutons c'est cool j'aime bien, now faudrait que les boutons s'allume quand on passe dessu

lol j'y ai pensé :p j'ai déjà passé 4h hier a faire la nouvelle barre alors hein ! pas tout d'un coup ! Maintenant faut que je vois si c'est possible de transformé les images de la barre en gif et de les activer au passage du pointeur ou une connerie dans le genre j'ai de la recherche à faire !

Tain' kaitos jj'vais te tuer !!! du coup a peine rentré du boulot jme suis mi a fouiller un peu pour faire briller la barre de navigation au passage de la sourie....j'voulais juste fouiller un peu avant manger.... ça fait 2H que j'ai le cul posé sur ma chaise a lire des codes dans tous les sens, a me faire exploser les neurones, et pour le moment j'y arrive pas ! Mais ça viendra !! nan mé oh ! va pas m'faire chier longtemps c'tordi !


Quand ça marchera ça fera ça (normalement.....)

>>>>>>>

C'est moi qu'est gagné !!

Voila c'est fait, j'vais pouvoir manger !

et va pas dire que c'est facile kaitos :p regarde le pti code que j'ai du mettre juste pour cette barre a la con.... il m'aura quand même fallut 3bonnes heures , j'ai la dale !!! A l'attaque des chokobons !!

Citation :

#i_icon_mini_index{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/acceui14.jpg');
width:157px;
height:109px;
}
#i_icon_mini_index:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/acceui15.jpg');
width:157px;
height:109px;
}

#i_icon_mini_calendar{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/calend15.jpg');
width:86px;
height:109px;
}
#i_icon_mini_calendar:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/calend16.jpg');
width:86px;
height:109px;
}
#i_icon_mini_faq{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/faqhqf10.jpg');
width:86px;
height:109px;
}
#i_icon_mini_faq:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/faqhqf11.jpg');
width:86px;
height:109px;
}
#i_icon_mini_search{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/recher13.jpg');
width:86px;
height:109px;
}
#i_icon_mini_search:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/recher14.jpg');
width:86px;
height:109px;}
#i_icon_mini_members{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/membre13.jpg');
width:86px;
height:109px;
}
#i_icon_mini_members:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/membre14.jpg');
width:86px;
height:109px;
}
#i_icon_mini_groups{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/groupe13.jpg');
width:86px;
height:109px;
}
#i_icon_mini_groups:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/groupe14.jpg');
width:86px;
height:109px;
}
#i_icon_mini_profile{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/profil13.jpg');
width:86px;
height:109px;
}
#i_icon_mini_profile:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/profil14.jpg');
width:86px;
height:109px;
}
#i_icon_mini_message{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/messag15.jpg');
width:86px;
height:109px;
}
#i_icon_mini_message:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/messag16.jpg');
width:86px;
height:109px;
}
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/nouvea15.jpg');
width:86px;
height:109px;
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/nouvea16.jpg');
width:86px;
height:109px;
}
#i_icon_mini_logout{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/dacohq11.jpg');
width:173px;
height:109px;
}
#i_icon_mini_logout:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/dacohq12.jpg');
width:173px;
height:109px;
}
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/regist12.jpg');
width:86px;
height:109px;
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/regist13.jpg');
width:86px;
height:109px;
}
#i_icon_mini_login{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/cohqf10.jpg');
width:173px;
height:109px;
}
#i_icon_mini_login:hover{
background-image:url('https://i.servimg.com/u/f81/14/41/91/24/cohqfb10.jpg');
width:173px;
height:109px;
}

Bof c'était pas si compliquée que ca

pia pia pia, toi soit belle et tais toi ! nan mé oh!

ouai c'est joli mais ca bugg un peu lol allé hop au boulo wis!

han , en quoi ça bug? :p moi ça marche nikel chez moi

les codes CSS que je met ne sont pas compatible avec tout les explorer en même temps mettez vos explorer à jour :p

Et je sais que le rollover (changement d'image/format/taille/couleur/toussatoussa au passage du pointeur) n'est pas compatible avec nestcape...


Donc moi je suis ssous Mozilla Firefox 3.5.5 et ça marche nikel.
Le forum est opti avec la résolution 1600*1050, résolution que j'utilise donc forcément le fofo est fait pour

Wis a écrit:

pia pia pia, toi soit belle et tais toi ! nan mé oh!

T'as déjà vu une femme ne pas t'envoyer chier quand tu lui dis ça ?
Je peux parfaitement être belle et te mettre ta raclée en code, j'ai une formation dev Web.

Coté code, le truc de Wis doit marcher sur IE 7/8 et sur Firefox 2/3. Etre sur une ancienne version de ces navigateurs c'est du vice.
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.

:p je taquine ! chacun son tour ! Et si tu es une codeuse, tu vas pouvoir m'aider (puis tu auras pas de mal a me mettre la paté en code :p je m'y suis mi que depuis que je fais le forum, j'y connaissais absolument rien)

j'ai trouvé pour un rollover fluide, faut que je comprenne maintenant et que j'arrete de faire wipe mon groupe en surfant sur le net pendant crin de brume

Citation :

La solution semble évidente : il faut réussir à charger les images de rollover dès le chargement de la page. Il existe plusieurs méthodes, mais la plus simple et la plus propre est certainement la suivante. Il faut bien préciser que cette technique ne s’applique qu’aux images chargées par CSS (oubliez donc vos images HTML).
Dès la phase de webdesign, il faut prendre en compte les problématiques d’intégration. Ainsi, il faut penser à assembler les 2 états (normal et survolé) de chaque bouton sur une seule image. Pour celà, je vous conseille de suivre le précédent tutoriel de graphuccino : “Un effet de rollover sur vos boutons”.
Une fois votre image prête, il va falloir effectuer un léger travail CSS.
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 :

Le HTML
<a href="" title="Acheter" id="notreBouton">Acheter</a>

Et le CSS
#notreBouton {display:block; width:150px; height:80px; background:url(/notre-image.jpg) no-repeat 0 0;}
#notreBouton:hover {background:url(/notre-image.jpg) no-repeat 0 -80px;}

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 !

traduction de ce que tu as quote :
mettre sur la meme image le bouton normal et le bouton brillant (l'un en dessous de l'autre) et afficher qu'une partie de l'image. lors du survol tu affiche l'autre partie de l'image. Ca permet d'avoir qu'un seul chargement d'image au lieu de 2