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 : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

    Comment réaliser ce type de fenêtre ?

    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Lun 30 Nov - 19:52

    Bonsoir, c'est encore moi. Je suis désolé de bousculer avec mes questions.
    Mais j'en ai une à propos d'une fenêtre.
    à savoir comment peux-t on produire ce type de fenêtre :
    Spoiler:

    Je suppose que c'est un code.
    Est-il possible de l'avoir afin de réaliser le notre sur notre forum ?

    Si ce sujet à déjà été demandé, je m'en excuse.
    Bonne soirée,
    Cordialement.
    • Revenir en haut
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Lun 30 Nov - 20:13

    Bah c'est pas plus compliqué qu'une div placée dans le template overall_header_new a laquelle on a défini un fond.



    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Lun 30 Nov - 20:38

    Vu, comme cela, l'informatique c'est finguer in the nose :)

    Merci beaucoup.

    Cependant comment attribue t-on le haut, le milieu et le bas de l'image ? Comment réaliser ce type de fenêtre ? Icon_scratch
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Lun 30 Nov - 20:56

    Suite à ton message, j'ai donc réfléchie à une div.
    Mais euh, comment dire ...
    Je ne sais pas trop comment la remplir.
    Comment afficher les informations d'une personnes qui n'est pas encore enregistrer sur le forum ???
    • Revenir en haut
    Shinomix
    Shinomix
    MasculinAge : 30Messages : 3445

    Lun 30 Nov - 21:36

    'Soir,
    Il suffit de créer trois div, une pour le haut, une le bas et une le corps (si possible en repeat-x ou repeat-y histoire de faire gagner du temps au chargement). Tu écris dans la div corps et positionne le texte de façon relative grâce au css. Après pour les infos, certaines balises internes à ForumActif permettent de t'aider comme :
    Code:
    {USERNAME}

    qui va donner le nom d'utilisateur courant Wink
    Et il me semble qu'il y en a d'autre mais là il faut voir avec 0026 qui s'y connait mieux dans FA.
    Cordialement,



    Comment réaliser ce type de fenêtre ? Doctor_who_zpsf16db84d
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Mar 1 Déc - 12:14

    Merci beaucoup de ton aide.
    Je vais m'y mettre De suite.
    Pour placer le texte avec le CSS ?
    Pourrais-je avoir un exemple de code pour pouvoir m'aider ?
    Merci bien.
    • Revenir en haut
    Shinomix
    Shinomix
    MasculinAge : 30Messages : 3445

    Mar 1 Déc - 18:16

    Il suffit d'avoir :
    Code:
    <div id="header_window">
    </div>

    <div id="corps_window">
        <h3 class="simple_title">Hello World !</h3>
        <p class="simple_div">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
    </div>

    <div id="footer_windows">
    </div>

    Et comme code css pour mettre en page tout cela :
    Code:
    #header_windows
    {
    background-image: url("http://urlimage.com/url.jpg");
    height: HauteurImage px;
    width: LargeurImage px;
    }

    #corps_window
    {
    background-image: url("http://urlimage.com/url.jpg");
    background-repeat: repeat-y; /* ou repeat-x suivant l'axe sur lequel on veut que l'image se répète */
    height: HauteurImage px;
    width: LargeurImage px;
    }

    #footer_window
    {
    background-image: url("http://urlimage.com/url.jpg");
    height: HauteurImage px;
    width: LargeurImage px;
    }

    .simple_title
    {
    position: relative;
    top: PositionParRapportAuHautDeLaDiv px; /*marche aussi pour right=droite, bottom=bas et left=gauche */
    }

    Voilà, c'est assez subjectif et vague car après on peut appliquer tous les effets voulus au texte grâce au css mais là c'est principalement pour les trois div et le positionnement relatif (ici du titre Wink ).



    Comment réaliser ce type de fenêtre ? Doctor_who_zpsf16db84d
    • Revenir en haut
    Raik'n
    Raik'n
    MasculinAge : 28Messages : 765

    Mar 1 Déc - 20:52

    Tu pourrais légèrement plus détailler ? (Je m'incruste x))
    En fait, ou doit-on poser le code ,dans le template overall_header_new, que tu nous fourni ?
    Et, tu peux préciser a quelles images correspondent les trois liens dans le code css, stp ?

    Merci d'avance ^.^



    Comment réaliser ce type de fenêtre ? 789qovkj
    « Tout ce qui ne nous tue pas nous rend simplement plus .. bizarre. »
    • Revenir en haut
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Mar 1 Déc - 22:10

    A aucunes, ces liens ne sont utilisés qu'a titre d'exemple selon moi...



    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Mer 2 Déc - 16:32

    Merci beaucoup je vais tester.
    • Revenir en haut
    Riku Asakura
    Riku Asakura
    MasculinAge : 36Messages : 5736

    Mer 2 Déc - 17:01

    Bonjour,
    si j'ai bien suivi le souci a déjà été abordé ici :
    https://www.never-utopia.com/codage-f99/inserer-du-texte-dans-une-image-repetition-t18665.htm#270679
    et il est résolu, les questionnements seront probablement les mêmes par la suite, je t'invite donc à lire ça en détail.

    Au plaisir Wink



    Comment réaliser ce type de fenêtre ? 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Jeu 3 Déc - 16:08

    Je te remercie, j'ai déjà pas mal avancé.
    j'ai un soucis, mon image du haut se colle avec l'image du milieu, il y a un morceau qui est au dessus de l'image du milieu, et comme je joue de la transparence sa me modifie le rendue.
    De plus l'image de bas ne s'affiche pas
    Je crois que le problème vient du code CSS, le voilà :

    Code:
    #profil_nu
    {
    margin: auto;
    background-image: url("url de mon image du haut");
    background-repeat: no-repeat;
    background-position: top center;
    height: 63 px;
    width: 600 px;
    }
    #profil_nu_corps
    {
    margin: auto;
    background-image: url("url de mon image du milieu");
    background-repeat: repeat-y;
    background-position:  center;
    height: 10 px;
    width: 600 px;
    }
    #profil_nu_bottom
    {
    margin: auto;
    background-image: url("url de mon image du bas");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 55 px;
    width: 600 px;
    }
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Mar 8 Déc - 16:06

    petit up s'il vous plait
    • Revenir en haut
    Riku Asakura
    Riku Asakura
    MasculinAge : 36Messages : 5736

    Mer 9 Déc - 8:26

    Bonjour,

    Le code CSS ne présente pas de problème apparent.
    Je t'invite à nous fournir aussi ton code HTML ainsi que le lien de tes images.

    Merci Wink



    Comment réaliser ce type de fenêtre ? 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    • Revenir en haut
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Mer 9 Déc - 13:18

    Histoire de mélange des "id" des divs je parie, vérifies les bien ^^



    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Mer 9 Déc - 16:17

    Voila le code HTML :

    Code:
    <div id="haut"></div>
    <table class="table_accueil" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <td class="td_accueil" rowspan="3" align="center" valign="middle">
    <div class="div_accueil"><div id="profil_nu">
          <div id="profil_nu_titre"><div id="profil_nu_titre_texte">Connecté(e) sous <span class="USERNAME"></span></div></div>
    <br/>
    <br/>
          <div id="profil_nu_corps"><div id="profil_nu_corps_texte">
    <div id="on_off"><a href="http://abstrait.forumactif.com/login.forum?connexion"><img src="http://host.image.files.free.fr/host/4a6615b16e735connexion-copie.png" /></a>  <a href="http://abstrait.forumactif.com/login.forum?logout=true"><img src="http://host.image.files.free.fr/host/4a6615c4b6fcbdeconnexion-copie.png" /></a></div>
    <br/>
    <br/>
    <div id="profil_messagerie">Modifier mon profil : <a href="http://abstrait.forumactif.com/profile.forum?mode=editprofile">Profil</a><br>
    Ma messagerie : <a href="http://abstrait.forumactif.com/msg.forum?folder=inbox">Message(s) Privé(s)</a></div>
    <br>

    <div id="profil_nu_corps_info"><u>Infos membres</u> : <br>
    <br/>
    Inscrit le <span class="USERREGDATE"></span><br>Dernière visite le <span class="USERLASTVISIT"></span><br>Nombre de message(s) posté(s) : <span class="USERCOUNTPOST"></span></div>
    </div></div>
          <div id="profil_nu_bottom"></div>
    </div>
    <br/>
    <br/>

    PS : les images sont provisoires ! je les remplacerai dès que le tout marchera :)
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Ven 11 Déc - 16:21

    up
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Sam 12 Déc - 16:55

    Up s'il vous plait.
    • Revenir en haut
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Sam 12 Déc - 19:43

    Un Up toutes les 48 heures s'il te plaît...



    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Dim 13 Déc - 12:17

    Ah pardon.
    Personne pour résoudre mon problème ?
    • Revenir en haut
    佰便使
    佰便使
    MasculinAge : 33Messages : 51

    Ven 18 Déc - 7:01

    up s'il vous plait
    • Revenir en haut
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Dim 11 Avr - 10:39

    Des nouvelles ici ?



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 11 Mai - 7:24