AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal
-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

    (Onyx) Index et Messages pour Orphèle.

    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Mer 18 Avr 2018 - 16:02

    Ma demande



    Hellooooow Very Happy

    Voilà, voilà, me restant plus grand chose à faire, je me dis que débuter la mise en place du design ne serait pas une mauvaise idée. Je sais, certains peuvent se demander pourquoi je passe commande alors que je sais à peu prêt coder les catégories, QEEL et messages, sauf que je sais coder en PHPBB2. Hors j'aimerais passé à une autre version qui est considéré comme mieux. C'est pour cela qu'après réflexion, j'ai décidé de passer en version ModernBB, la dernière arrivée de FA. Néanmoins !!! Si le codeur qui souhaite prendre en charge cette commande est plus à l'aise avec la version Invision, je ne suis pas contre se changement, la seule chose que je ne souhaite pas c'est repasser aux vieilles versions.

    Le second souhaite que j'aimerais, c'est faire en sorte que le forum s'adapte au maximum aux résolutions d'écrans. Pour expliquer, ma résolution actuelle est de 1920 par 1080, autant dire plutôt grande. Et quand je code pour cette résolution, les plus petites en pâtissent et j'ai beaucoup de mal à rendre le tout adaptable. ^^

    Voilà, ce sont les deux seules "exigences" que j'ai en ce qui concerne le codage. Place maintenant aux maquettes. :)

    Bisous.


    Maquette(s) & Eléments


    Adresse du forum : http://orphele-wonderland.forumactif.com/
    Type de contenu : Thème complet de l'index et des messages.
    Maquettes :
    Maquette de l'index : https://www.aht.li/3195641/maquettev2.png
    Maquette des messages : https://www.aht.li/3195639/maquettemessagzplusprofil.png
    Informations :
    Les couleurs :
    Texte, titre des forums et liens : #DEDEDE
    Le rouge : #450303
    Le jaune : #fcae18
    Le gris corps du forum et bandeau de gauche dans les messages : #333333
    Le gris fond du forum et des messages : #484b51
    Le gris fond de la signature : #5c6266
    Le gris fond du bandeau en haut dans les messages : #7f7f7f
    Groupe PNJ : #DEDEDE
    Groupe "Personnages Inactifs" : #333333
    Groupe "Citoyens d'Orphèle" : #850606
    Groupe "Joueurs Piégés" : #0B5C21
    Groupe "Orphélorever" : #C4698F

    Les typos :
    Shadow Into Light : https://fonts.google.com/specimen/Shadows+Into+Light
    Special Elite : https://fonts.google.com/specimen/Special+Elite

    Les liens à mettre dans le menu "Adminsitration" :
    http://orphele-wonderland.forumactif.com/t1-1-reglement-communautaire
    http://orphele-wonderland.forumactif.com/t2-2-reglement-de-la-zone-de-jeu
    http://orphele-wonderland.forumactif.com/t20-aide-a-la-presentation
    http://orphele-wonderland.forumactif.com/t11-bottin-des-avatars
    http://orphele-wonderland.forumactif.com/t16-foire-aux-questions
    http://orphele-wonderland.forumactif.com/t15-9-credits-et-remerciement
    http://orphele-wonderland.forumactif.com/t18-proposer-un-echange-equivalent


    Les liens à mettre dans le menu "Univers" :
    http://orphele-wonderland.forumactif.com/t3-3-contexte-d-orphele
    http://orphele-wonderland.forumactif.com/t8-4-les-factions-d-orphele
    http://orphele-wonderland.forumactif.com/t4-5-les-souvenirs-comment-les-perdre-ou-les-retrouver
    http://orphele-wonderland.forumactif.com/t9-6-le-temps-qui-passe
    http://orphele-wonderland.forumactif.com/t17-7-les-pnjs-recurrents
    http://orphele-wonderland.forumactif.com/t22-8-les-merveilleux-des-du-pays-des-merveilles

    Les liens à mettre dans le menu "Liens utiles" :
    http://orphele-wonderland.forumactif.com/search?search_id=newposts
    http://orphele-wonderland.forumactif.com/search?search_id=egosearch
    http://orphele-wonderland.forumactif.com/search?search_id=unanswered
    http://orphele-wonderland.forumactif.com/?mark=forums
    http://orphele-wonderland.forumactif.com/search?search_id=activetopics
    http://orphele-wonderland.forumactif.com/memberlist?mode=today_posters
    http://orphele-wonderland.forumactif.com/memberlist?mode=overall_posters
    http://orphele-wonderland.forumactif.com/?mode=delete_cookies

    Consignes ou impératifs :
    Vous pouvez le voir sur la maquette des messages+profils que juste en dessous de l'avatar il y a des petits rectangles. J'aimerais un système d'affichage de "badge", en faite ça va de paire avec la système "Le temps qui passe", lorsqu'un personnage atteint un palier lui octroyant un bonus, j'aimerais pouvoir l'afficher dans son profil et ainsi que ça soit visible assez vite pour tout le monde.

    Je n'ai aucune image pour le moment car en faite j'attend de connaître les dimensions pour les faire, donc je ferais le graphisme en même temps que le codeur. ^^ N'hésitez pas à me poser toutes les questions qui vous passe par la tête si jamais il vous manque des informations. :)

    En vous remerciant par avance, gros bisous tout le monde.





    Dernière édition par Rozenbrez le Dim 6 Mai 2018 - 21:33, édité 3 fois
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 20 Avr 2018 - 4:38

    Salut!

    Ça m'a l'air tout bon alors je valide la commande.

    Certaines images peuvent déjà être données avec les dimensions telles que sur la maquette (le codage s'adaptera) :
    - Les images motif gris et rouge
    - Les images New/old/lock
    - Images partenaire/prédéfini/staff/top-site pour la PA
    - Flèches pour la navigation en haut (j'imagine qu'il y a une liste de lien qui se déroule sous Administration, par hover ou click?)
    - Image d'horloge pour le qeel
    - Boutons éditer/citer/supprimer dans les messages
    - Bouton "online" dans les messages

    Sinon, c'est quoi la couleur des polices/liens/navigation/etc. ?

    Quelle est la taille des avatars et des rangs pour les messages?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Ven 20 Avr 2018 - 19:20

    Coucoute Onyx,

    Merci pour la validation de ma commande. :)

    Voici les images demandé :

    Fléche pour les liens utiles : https://www.aht.li/3217816/flecheliensutiles.png

    Prédéf PA : https://i.servimg.com/u/f62/18/81/56/20/imagep10.png
    Staff PA : https://i.servimg.com/u/f62/18/81/56/20/imagem10.png
    Logo partenaire PA : https://i.servimg.com/u/f62/18/81/56/20/88par310.png
    Coup de coeur du staff PA : https://i.servimg.com/u/f62/18/81/56/20/imagec10.png
    Tops Sites PA : https://www.aht.li/3217804/imagetopsites.png

    Motif caté fond rouge droite : https://i.servimg.com/u/f62/18/81/56/20/fondca10.png
    Motif caté fond gris gauche : https://i.servimg.com/u/f62/18/81/56/20/fondca11.png
    Bouton no new caté : https://www.aht.li/3217805/boutonmessagepasdenewcate.png
    Bouton New caté : https://www.aht.li/3217806/boutonmessagenewcate.png
    Bouton Verrouillé caté : https://www.aht.li/3217807/boutonmessageverrouillecate.png

    Image du QEEL : https://www.aht.li/3217808/ImageduQEEL.png

    Citer : https://www.aht.li/3217809/boutonciter.png
    Editer : https://www.aht.li/3217810/boutonediter.png
    Supprimer : https://www.aht.li/3217812/boutonsupprimer.png
    Adresse IP : https://www.aht.li/3217811/boutonadresseip.png
    Envoyer un rapport d'alerte : https://www.aht.li/3217813/boutonrapportdalerte.png
    Rapport d'alerte envoyé : https://www.aht.li/3217813/boutonrapportdalerte.png
    Rapport d'alerte verrouillé : https://www.aht.li/3217814/boutonrapportdalerteverrouille.png
    Verrouiller les rapports d'alerte : https://www.aht.li/3217814/boutonrapportdalerteverrouille.png
    Déverrouiller les rapports d'alerte : https://www.aht.li/3217815/boutonrapportdalertedeverrouille.png

    Onyx a écrit:j'imagine qu'il y a une liste de lien qui se déroule sous Administration, par hover ou click?
    Je trouve ça plus intuitif si c'est en hover. ^^

    Onyx a écrit:Sinon, c'est quoi la couleur des polices/liens/navigation/etc. ?
    Je l'ai ajouté au premier message, la couleur est #DEDEDE

    Onyx a écrit:Quelle est la taille des avatars et des rangs pour les messages?
    La taille des avatars est de 200 par 320 pixels. Celui des rangs 55 par 55 pixels, mais j'ai peur que ça fasse petit. :hum:

    Si le codeur souhaite d'autres images ou plus d'explications qu'il n'hésite pas. ^^
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 20 Avr 2018 - 23:50

    Perfect.

    Il manquerait l'image online dans les messages ainsi que le motif gris de fond dans les messages (derrière le pseudo, il est plus pâle que l'autre gris, non?). Le reste (titre de catégorie, etc.), ça ira plus tard je dirais.
    Dans les messages, c'est quoi "mes souvenirs" et "ma boîte aux lettres"?

    Les badges, c'est juste une image?

    Pour le rang, 90x90 correspond à ton shémas et serait peut-être un peu mieux?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Sam 21 Avr 2018 - 14:45

    Oh, merci de prendre en charge la commande Onyx, même si cela n'est qu'une partie. Very Happy

    Voilà les images manquantes, en plus j'avais déjà fait l'image du online, j'ai juste zappée de l'uplaoder. xD

    Online : https://www.aht.li/3218029/boutonenligne.png
    Fond du bandeau en haut des messages + profil : https://i.servimg.com/u/f62/18/81/56/20/fondba10.png

    Pour les titres de catégories, cela n'est pas obligatoire que ça soit une image, j'aimerais d'ailleurs l'éviter si possible, ne pas trop charger en image. ^^

    Onyx a écrit:Dans les messages, c'est quoi "mes souvenirs" et "ma boîte aux lettres"?
    Ce sont des liens web pour qu'on puissent accéder facilement à la fiche de présentation du personnage, sa fiche de lien/suivi.

    Onyx a écrit:Les badges, c'est juste une image?
    Oui, je ne sais pas encore la taille, mais je ne souhaite pas des trop grandes. Il y aura 6 petits badges.

    Pour l'image des rangs, je veux bien partir sur du 90 par 90 pixels pour commencer. :)

    Edition Je viens de faire quelques test pour les badge et voilà ce que ça donne :

    (Onyx) Index et Messages pour Orphèle. Badgegranderenommeenegative (Onyx) Index et Messages pour Orphèle. Badgegranderenommeepositive (Onyx) Index et Messages pour Orphèle. Badgeoreilledelapinblanc (Onyx) Index et Messages pour Orphèle. Badgepetiterenommeepositive (Onyx) Index et Messages pour Orphèle. Badgepetiterenommenegative

    Ils font 55 sur 45 pixels, je trouve que c'est une bonne taille.
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 21 Avr 2018 - 22:36

    Salut et merci pour les infos ^^

    Pour les badges, quand il n'est pas encore acquis, est-ce que quelque chose est supposé apparaître (genre le badge en gris page ou quelque chose) ou pas du tout?

    La barre de navigation en haut est toujours là ou elle disparaît quand on descend?

    Voilà si tu veux voir l'avancée. J'ai pas mal fini la PA, commencé la navigation et presque fini les messages.
    Personnellement, j'ai un petit écran alors je vois probablement les choses assez différemment de toi. Normalement, la taille devrait s'adapter sans trop de problèmes. Il y a un minimum (1050px) et un max (1650px) pour que cela ne déforme pas tout.



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Dim 22 Avr 2018 - 17:04

    Coucoute :)

    Houaaaaaaaa !!! Je suis contente que ça rende aussi bien *-*

    Onyx a écrit:Pour les badges, quand il n'est pas encore acquis, est-ce que quelque chose est supposé apparaître (genre le badge en gris page ou quelque chose) ou pas du tout?
    J'aimerais qu'il n'y ai rien car certains badges sont évolutifs et choisi par les membres. Par exemple, le badge de la réputation, les membres peuvent choisir si leur réputation est positive ou négative et la faire évoluer à un certains palier. Pareil pour le badge qui rend le personnage plus sensible aux phénomènes étranges et improbables, il évolue 2 fois.

    Onyx a écrit:La barre de navigation en haut est toujours là ou elle disparaît quand on descend?
    J'aimerais qu'elle suive le défilement de la page, s'il te plaît. ^^

    Pour la PA, je trouve la partie avec le résumé du contexte, la liste des animations, annonce et le staff un poil large. Je te montre comment ça s'agence sur mon écran :

    (Onyx) Index et Messages pour Orphèle. ApercuducodagedOnyx

    Pour tout le reste, c'est nickel !! :hug:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 22 Avr 2018 - 19:11

    Mmhh...

    Pour la bannière, cela te dérangerait s'il y en avait plusieurs versions avec plusieurs grandeurs?
    Genre :
    - 350px de large par 600px de haut
    - 500px de large par 600px de haut
    - 700px de large par 600px de haut

    Sinon, les messages sont normalement terminés. Il reste donc le qeel, la navigation et les catégories ^^



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Lun 23 Avr 2018 - 15:52

    Coucoute :)

    Cela ne me dérange absolument pas. ^^ Voilà les bannières :

    - 350px de large par 600px de haut : https://www.aht.li/3218948/bannierenewV1.png
    - 500px de large par 600px de haut : https://www.aht.li/3218949/bannierenewV2.png
    - 700px de large par 600px de haut : https://www.aht.li/3218950/bannierenewV3.png

    En te souhaitant une douce semaine.
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 23 Avr 2018 - 17:39

    Merci !

    Et j'espère que tu as gardé les PSD parce que c'est possible que je change un tantinet les tailles, je suis encore en train de tester un peu les différentes résolutions ><

    D'ailleurs, je peux te demander un nouveau screen de ce que tu vois maintenant?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Lun 23 Avr 2018 - 18:21

    Oui, j'ai tout gardé au cas où. ^^

    Voilà le screen :

    (Onyx) Index et Messages pour Orphèle. ApercuducodagedOnyx2

    Je vais être chiante et je te présente mes excuses. >.< Sur la PA, je souhaite que les logos des partenaires n'aient pas une barre de scroll. Est-ce que si je te passe le logo en 50 par 50 se serait mieux ? :hum:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 23 Avr 2018 - 19:15

    Mmhh...

    J'ai déjà rapetissé les logos pour les mettre 50x57 en fait /sort

    J'avais mis une barre de scroll parce que ça tombait sur 3 lignes quand je mettais 10 partenaires comme sur ton schéma. Donc tant que cela ne te dérange pas qu'il n'y en ait que 8 à la place de 10, ça irait?


    Dernière édition par Onyx le Lun 23 Avr 2018 - 19:20, édité 1 fois



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Lun 23 Avr 2018 - 19:18

    Non, ça ne me dérange absolument pas, vue que de base je ne souhaite pas faire de partenariat. xD Mais vue qu'on m'a déjà demandé si c'était possible et que je ne souhaite pas totalement fermer les portes, j'ai mis les logos. Donc 8 partenaires, me conviens très bien. :)
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 24 Avr 2018 - 16:42

    Salut!

    Je fais une petite pause jusqu'au week-end (j'ai trop écrit, j'ai mal aux poignets XD)

    Pour les titres de catégories/qeel, je peux faire un dégradé de couleur seulement sur chrome/safari/opéra, c'est une couleur unique pour les autres navigateurs.

    Pour les catégories, une séparation en diagonale comme ça peut être codé avec un background en couleur, mais pas en image.
    Alors j'aimerais avoir une image de plus s'il-te-plaît :
    Je veux la partie en rouge à partir de la diagonale du milieu jusqu'au bout à droite. Mais juste le rouge, pas le gris. Le gris vis-à-vis la diagonale doit être transparent. C'est possible?

    Et pour une raison quelconque, les messages avec Internet explorer ont un rendu vraiment horrible. J'ai aucune idée pourquoi, surtout que la PA et les catégories fonctionnent. Tu sais quoi, si tu as des membres avec Explorer, dis-leur juste de changer de navigateur ou de souffrir de leurs mauvaises décisions ╬_╬



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Mer 25 Avr 2018 - 19:20

    Coucoute,

    Je ne suis pas pressée, tu peux donc prendre ton temps. ^^

    Pour les titres, c'est super top. J'ai lue le premier message avant que tu édites (xD) et je voulais te dire que le dégradé n'est pas obligatoire, je l'ai fait sur photoshop car c'est une habitude que j'ai prise de foutre des dégradé partout. xD

    Pour l'image, j'ai fait ça : https://www.aht.li/3219880/diagonnalecate.png j'espère que ça t'ira, car je n'ai pas bien compris ta demande. xD

    Je suis allée faire ma curieuse et visité ton forum test sur explorer et effectivement c'est horrible. Pour dire, voilà ce que j'ai :

    (Onyx) Index et Messages pour Orphèle. ForumsousIE

    Je mettrais une annonce que le forum est optimisé pour firefox, Chrome, Safari et Opéra et pas du tout pour IE et que pour le confort de tous il vaut mieux choisir l'un de ses navigateurs que le dernier. xD
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 27 Avr 2018 - 22:54

    Salut!

    C'était parfait pour la diagonale ^^
    Je n'ai visiblement aucune discipline, alors j'ai tout terminé ╬_╬

    Il reste l'image pour la CB (avec la tête de lapin) pour finir la CB.

    La hauteur de la PA est d'environ 645px.
    Alors pour la bannière, il faudrait finalement :
    - 300px par 645px;
    - 500px par 645px;
    - 700px par 645px;

    J'vais essayer de régler le problème des messages avec internet explorer, mais je ne peux rien promettre ><



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Lun 30 Avr 2018 - 15:58

    Coucoute Onyx. :)

    xD Ne va pas te rendre malade à autant coder. è___é

    Voici les images demandées :)

    Le titre de la CB : https://www.aht.li/3221622/titredelacb.png

    - Bannière 300px par 645px; https://www.aht.li/3218948/bannierenewV1.png
    - Bannière 500px par 645px; https://www.aht.li/3218949/bannierenewV2.png
    - Bannière 700px par 645px; https://www.aht.li/3218950/bannierenewV3.png

    Pour les bannières, vue qu'elles sont hébergées via Archive-Host, normalement tu n'as pas à changer les liens, elles ont dut se mettre à jour seule. ^^

    Pour ce qui est de IE, j'en ai discuté avec d'autres fondateurs, dont un utilisateur de ce navigateur et il m'a dit aussi utiliser Microsoft Edge où tout s'affiche correctement. Je pense donc faire un message disant de télécharger au minimum Edge pour celles et ceux ne souhaitant pas forcément entièrement changer de navigateur.

    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 1 Mai 2018 - 0:17

    Salut!

    It's all done :cowboy:

    Il y a autre chose que tu voulais modifier? Liste des sujets, section MP, etc?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Mer 2 Mai 2018 - 14:47

    Coucoute. :)

    Merci pour le travail effectué. :hug: :lovebomb: Pour le reste, j'ai décidé de rester à l'affichage de base, pour éviter l'ultra-codage, en plus, j'aime bien comment ça s'affiche sur ModernBB. ^^
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 2 Mai 2018 - 19:46

    Okie-dokie

    Comment veux-tu récupérer les codes et tout?
    Je poste ici, je le mets sur Archive-Host, etc?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Jeu 3 Mai 2018 - 11:41

    Coucoute. :)

    Ce qui est le plus simple pour toi. Je n'ai pas souvenir d'avoir récupérer des docs sur Archive-Host, si tu souhaites passer par là, il faudra juste m'expliquer la marche à suivre. :)
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 4 Mai 2018 - 0:23

    Salut!

    Cela fonctionne de la même manière que n'importe quoi, tu cliques sur le lien et ça télécharge le fichier ^^



    Edit 1 : Attends, je remets le lien demain, je vais valider deux trois choses avant.
    Edit 2 : Bon, c'est remis, j'ai validé un peu la comptabilité des navigateurs.
    Alors logiquement, c'est censé être optimisé pour Chrome, Firefox et Opéra.
    Safari est supposé fonctionner, mais je ne peux pas valider puisqu'ils ne font plus les updates pour ceux qui n'ont pas de Mac et que j'en ai pas ><
    Internet Explorer a tendance à foirer au niveau des messages et je peux pas valider pour Microsoft Edge puisque j'ai pas Windows 10 (je ne quitte pas le 7 tant que mon ordi ne me meurt pas dans les mains è_é)



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Sam 5 Mai 2018 - 22:50

    Coucoute Onyx. :)

    J'ai bien téléchargé le fichier et j'installe petit à petit le tout. Néanmoins, je viens pour trois soucis. Le premier est entièrement ma faute !! Je n'ai pas du tout précisé que les deux carrés "Mon rythme de jeu" et "Mes autres comptes" sont fait via la feuille de personnage, mais j'ai vue comment tu as fait et cela ne me dérange pas du tout. En faite, le soucis viens du fait que les carrés s'adaptent à la largeur du texte et se déforment donc. >.<

    (Onyx) Index et Messages pour Orphèle. Problemeaffichagedescarredubandeauduhaut

    Et aussi, les liens pour écrire un nouveau sujet, répondre au sujet et dire que le sujet est verrouillé sont ton sur ton et je n'arrive pas à trouver où il faut changer pour que les textes apparaissent.

    Le troisièmes soucis vient de l'affichage des sous-forums sur l'index :

    (Onyx) Index et Messages pour Orphèle. Screenprobdessousforums

    Les sous-forums s'affichent correctement sur la section "Gestion des cartes avec un visage" mais par sur le reste des autres catégories. J'ai relus une bonne dizaine de fois tes explications pour voir si je n'avais pas zappé une étape, mais je n'en ai pas l'impression.

    Le forum est accessible si tu souhaites constater directement dessus et voir si sur ta résolution tu as les mêmes bugs ou non. ^^
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 6 Mai 2018 - 7:47

    Évidemment ça bug è_é

    Est-ce que je pourrais avoir ton CSS en entier?
    Aussi, est-ce que tu as des javascripts d'installés sur le forum?



    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Dim 6 Mai 2018 - 16:28

    Ça ne serait pas drôle sinon. :hehehe:

    Voici le CSS :


    Et effectivement, j'ai un javascript pour notifier un nouveau message sur la CB :
    Code:
    window.localStorage && $(window).load(function() {
      var chatbox_script = function() {
        var t_icon = window.top.$.find('link[rel="shortcut icon"]')[0];
        var t_doc = window.top.document;
        var title = t_doc.title;
        var icon = t_icon.getAttribute('href');
     
        var rep_title = '!! Nouveau message !! '+title;
        var rep_icon = 'http://illiweb.com/fa/fdf/al.ico';
     
        $(window).on("focus", function(){ localStorage.cb_blurred='' }).on("blur", function(){ localStorage.cb_blurred=1; });
        var overrided = Chatbox.prototype.refresh;
        Chatbox.prototype.refresh = function(data) {
          if (data.messages && data.messages.length) {
            var lm = data.messages.slice(-1)[0];
            var last_message = lm.time+','+lm.action+','+lm.msg;
            if(this.last_message != last_message) {
              var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
              user = user.length ? user[0] : [{}];
              if(this.last_message!==undefined) {
                if(lm.userId!=chatbox.userId && user.username!=lm.username) {
                  if(localStorage.cb_blurred) (function(){
                    var blink = function(){
                      if(title == t_doc.title) {
                        if(!localStorage.cb_blurred) return;
                        var new_title = rep_title;
                        var new_icon = rep_icon;
                      } else {
                        var new_title = title;
                        var new_icon = icon;
                      }
                      t_doc.title = new_title;
                      var new_t_icon = t_icon.cloneNode(true);
                      new_t_icon.setAttribute('href', new_icon);
                      var t_icon_parent = t_icon.parentNode;
                      t_icon_parent.removeChild(t_icon);
                      t_icon_parent.appendChild(new_t_icon);
                      t_icon = new_t_icon;
                      setTimeout(blink, 500);
                    };
                    blink();
                  })();
                } else {
                  localStorage.cb_blurred='';
                }
              }
              this.last_message = lm;
            }
          }
          overrided.call(this, data);
        };
      };
      var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
    });
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 8:32