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.


    Commande pour Yutopia ^^ (sans onglets)

    avatar
    AQW
    FémininAge : 30Messages : 225

    Lun 28 Nov 2011 - 23:31

    Rappel du premier message :

    Coucou tout le monde, bien bien, j'édite mon message comme j'avais prévus à la base XD mais j'ai été prise par le temps et ... u_u" bref. J'aimerais une zolie PA s'il vous plait =) merci beaucoup pour celui/celle qui m'aidera :)

    Commande
    Adresse du forum : http://yutopia.forumgratuit.org/
    Description des éléments : https://2img.net/r/ihimizer/img404/8152/sanstitreft.png
    Couleurs ou tons : Des couleurs clairs qui vont avec les couleurs du forum, je n'ai pas de préférence ^^
    Images :Les tailles d'images sont noter sur l'image
    Autres précisions : les traits verts c'est les barres qui déscendent et montent (comme sur les descriptions de mes catégories ^^) et la couleur d'écriture j'aimerais qu'elle reste noir ^^


    Dernière édition par AQW le Lun 5 Déc 2011 - 11:37, édité 3 fois
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 16:39

      Désolée je suis un peu longue mais j'ai la Philo dans la main gauche, le clavier dans l'autre. C'est l'occasion d'apprendre ! (Entre nous, t'as 2 valeurs à changer, et encore). J'ai modifié, toujours le même lien, dis-moi ce que ça donne Wink
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 17:35

    Tkt pas, prend ton temps je te dis x) et courage =)

    Alors, la PA, c'est bon =) mais la SB, je voit pas bien =/ je pense que c'est trop petit ... (l'écran) au pire tant pis, pas de SB XD

    Je doit y aller pour quelques heures, à ce soir si tu est là =)
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 17:38

      La taille tu pourras la modifier toi-même au pire, comme ça tu pourras l'adapter à ta convenance parce que là j'essaie de régler ça à l'aveugle c'est pas le top xD

      Je te passe les codes ? =)
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 18:49

    Ok =)

    Merci beaucoup encore ! par contre, tu peux m'expliquer ? x)
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 19:21

      Oui oui, c'était prévu x)

      Les codes

      PA :

      Spoiler:

      CSS

      Code:
      .bloc{ /* Pour configurer les deux blocs de la PA */
        height: 400px; /* Pour qu'ils aient la même hauteur */
      background-color:#FFEFD6; /* Couleur */
      color:#000000;}

      .widget{ /* Ta box */
      height :350px; /* Hauteur du bloc (ça ne se voit pas comme la box fait la même taille, mais tu as un cadre rose en-dessous) */
        width:250; /* Largeur */
        Top : 200px; /* A combien de pixels du haut du forum tu souhaites que ta box soit placée */
        position:fixed; /* Pas toucher ou ça casse tout xD */
        Right : 10px; /* A combien de pixels de la droite tu souhaites que ta box soit placée */
      }

      .bloc1{ /* Bloc des partenaires */
        width: 700px; /* Largeur */
        align: center;
      background-color:#FFEFD6;
      color:#000000;
      padding: 3px;}

      a.imginfo { /* Info-Bulle */
        position: relative;
        color: #7d7d7d; /* Couleur de la police */
        text-decoration: none;
        border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
      }

      a.imginfo span {
        display: none; /* on masque l'infobulle */
      }
      a.imginfo:hover {
        background: none; /* correction d'un bug IE */
        z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
      }
      a.imginfo:hover span {
        display: inline; /* on affiche l'infobulle */
        position: absolute;
        white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
        top: 0px; /* on positionne notre infobulle */
        left: 20px; /* Pour décaler ta bulle de x pixels vers la gauche à partir de ton image de base */
        background: #F5EEE1;
        color: #000000;
        padding: 3px;
        border: 0px solid #EFDEC7; /* Les bordures */
        border-left: 5px solid #EFDEC7;
        border-right: 3px solid #EFDEC7;
        border-top: 3px solid #EFDEC7;
        border-bottom: 5px solid #EFDEC7;
      }


      Maintenant pour les explications, pour le CSS, c'est dans le CSS (je pense que ça devrait aller, dis-moi sinon), et pour la PA :

      Spoiler:


      Voila, penses à mettre l'URL du partenaire avant de poster ta PA.
      Si tu as des questions, je suis là Wink
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 19:35

    Voilà ce que ça me donne : https://2img.net/r/ihimizer/img41/2529/sanstitrehb.png

    Donc, c'est super pour tout, mais la SB ... Tu voit le souçis XD Y'aurais pas un code pour la mettre comme la CB ou un truc du genre ? Enfin, sinon, pour pouvoir écrire dessu x)

    Mais sinon c'est super, merci beaucoup *.*
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 19:45

      Je pense que ton fofo est trop large =/
      Je vais chercher, mais je ne te promets rien. Ou en onglet sur le côté ?

      EDIT : Bingo ! Tu la veux en haut ou en bas ?
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 20:02

    Peu importe =) Ou est-ce le mieux ?
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 20:24

      Je ne sais pas, ça dépend.

      Dans les templates, celui appelé "Index_body", tu recherches "{CHATBOX_BOTTOM}" ou "{CHATBOX_TOP}", bottom étant pour la mettre en bas, et top pour la mettre en haut. Si tu veux la mettre en haut, tu enlèves "{CHATBOX_TOP}" et tu colles ceci à la place :

      Spoiler:

      Bien sur il faudra changer les tailles mais je n'ai pas celles de ton fofo.
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 20:33

    Mais heu, dis, ça supprime pas la CB hein ? O.O
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 20:35

      Tu veux Chat box ET SB ?
      Je pense que si tu veux mettre les deux, tu dois faire comme ça : si tu mets la SB en haut, active la chat box en affichage en bas, et vise versa.
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 20:40

    ça me fait planter. Bon, ont oublis la SB c'est pas grave, merci pour tout le boulot que tu à fait =)
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 20:41

      Nan mais on va y arriver =)

      Comment ça ça te fait planter ? Le forum beug ou c'est ton PC ?
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 20:44

    Le forum, la SB est placé sur le PA en fait, et non comme je le voudrais... Et en plus la page (quand je descend et monte) se décale =/
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 20:48

      Et tu as essayé de la mettre en bas ? Je comprends pas pourquoi ça se décale ... moi ça fonctionne ><

      Au pire si ça ne marche vraiment pas, tu pourrais essayer de la mettre en footer (mais ce sera pas super classe) ou dans un sujet =/
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 20:52

    En fait ... Je sais pas si ont s'est bien compris XD moi je voudrais la SB comme une CB sur le côté, je me suis sûrement mal exprimé ^^" sorry.
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:03

      Ah ! Alors oui, tu t'es mal exprimée xD Ça s'appelle une ChatBox en onglet, c'est ce que je t'avais proposé Wink
      Pour le moment j'essaie d'adapter le code mais ça bloque, je te tiens au courant.


    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:06

    Oui mais c'est pas la chatbox que je veux sur le côté, mais la SB =) m'enfin si c'est trop de boulot je trouverais autre chose hein XD

    Merci :)
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:13

      Je sais bien, mais pour ça il faut que j'adapte le code de la ChaBox à la SB Wink
      Le seul soucis que j'ai maintenant c'est qu'elle apparait sur le côté et qu'il faut cliquer sur le bouton pour qu'elle se mettre en onglet u.u

      EDIT : Miracle =D Dis-moi ce que tu en penses ^^ (Je peux modifier le blanc ou l'enlever, mais à toi de faire les boutons =3)
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:16

    C'est génial *.* je vais te faire les deux boutons alors =D

    Encore merci x3

    EDIT :

    Ouvrir : https://2img.net/r/hpimg11/pics/987164Sanstitre1.png

    Fermer : https://2img.net/r/hpimg11/pics/257368fermer10.png


    Dernière édition par AQW le Mer 30 Nov 2011 - 21:23, édité 1 fois
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:21

      *Yes, j'ai réussi un truc aujourd'hui xD*

      Ajoute ce qui va suivre à la fin de ta PA (décidément) :

      Code:
      <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tbody><tr><td><iframe src="http://www.i-tchat.com/shoutbox/shoutbox.php?idShoutbox=99800" id="chatboxpop" style="width: 250px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="URL IMAGE OUVRIR" onclick="document.getElementById('chatboxpop').style.display=(this.src=='URL IMAGE OUVRIR')?'block':'none';this.src=(this.src=='URL IMAGE OUVRIR')?'URL IMAGE FERMER':'URL IMAGE OUVRIR';"></td></tr></tbody></table>

      Surtout fais bien attention aux "" et ' ' sinon ça foire tout.
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:25

    J'ai éditer le post précédent pour les images x) je les rajoutes ou ? Et pour l'encienne SB je la retire de l'encien code alors ?

    EDIT : pour les images trouver XD

    EDIT 2 : J'ai trouver aussi pour retiré la 1ere SB. Mais, un problème se pose à moi : https://2img.net/r/ihimizer/img20/410/sanstitrewe.png
    De plus, quand j'ouvre, ça se ferme plus, sauf si je réinitialise la page XD



    Dernière édition par AQW le Mer 30 Nov 2011 - 21:40, édité 1 fois
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:39

      Tu devrais plutôt les mettre dans l'autre sens =3
    • Revenir en haut
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:40

    Oui, je viens de le remarquer XD je ferais ça après, j'ai éditer, j'ai un problème qui se pose x)
    • Revenir en haut
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:46

      C'est bien ce qui me semblait, je vois le même x)

      Essaie ça :

      Code:
      <table style="position: fixed; bottom: 50px; left: 0px;background-color: #none;z-index:10000;"><tbody><tr><td><iframe src="http://www.i-tchat.com/shoutbox/shoutbox.php?idShoutbox=99800" id="chatboxpop" style="width: 250px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://i41.servimg.com/u/f41/16/61/97/52/98716410.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'block':'none';this.src=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'http://i41.servimg.com/u/f41/16/61/97/52/25736810.png':'http://i41.servimg.com/u/f41/16/61/97/52/98716410.png';"></td></tr></tbody></table>

      Tu as du faire une mauvaise manip, ou alors c'est justement la taille des images qui bloquait tout.
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Dim 24 Nov 2024 - 19:51