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.

-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

    [CATE] (ALUMINE) Catégories fantastiques au thème Seigneur des Anneaux

    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Mer 15 Oct 2014 - 1:11

    Rappel du premier message :

    Bon je reformule ma demande je pense avoir compris ce que vous désiriez (enfin.. haha)

    Alors, voilà.

    Ma demande



    Bonjour à vous les codeurs ! :) je viens vers vous avec une demande assez spécifique. Je ne m'y connais absolument pas un codage, et bien que je sois là pour apprendre, j'ai encore bien du mal à faire pas mal de choses. J'ai beau avoir essayé bien des codes, ça ne rend jamais bien sur mon forum, ce qui est assez gênant, en soit. J'aimerais donc quelque chose que je nommerai "d'elfique", pour un forum au thème du Seigneur des Anneaux. Je me permets de montrer le forum si cela peut aussi aider à vous faire une idée des effets que ça pourrait donner (qu'il reste ainsi dans les tons)

    Schéma(s) et Eléments
    Schémas : https://i.servimg.com/u/f59/19/06/48/14/sans_t16.jpg
    Tailles des éléments : Mon forum est actuellement en 60%
    Effets voulus : Je ne souhaite pas de hover, je souhaiterai aussi sur le bouton "dernier message" qu'il soit caché par les onglets que j'ai déjà (nouveau/vieux/verrouillé). Au niveau de l'écriture j'aimerais quelque chose comme ceci : http://www.dafont.com/fr/hobbiton-brush-hand.font?back=theme pour les grands titres(comme les catégories) et pour les autres titres et liens principaux (par exemple le titre du forum) : http://www.dafont.com/fr/elven-common-speak.font?back=theme , le reste comme dans la description restant en Times New Roman. Je ne sais pas si c'est possible à faire, je l'espère juste ^^
    Je montre l'exemple d'Halloween ci-dessous car je souhaiterai aussi un cadre pour "surligner" un peu les catégories, je montre les contours avec une image, j'aimerais que le cadre soit gris foncé ( #0c0c0c ) et les cadres intérieurs (comme celui de la description, des nouveaux/vieux messages soit noirs)
    Pour les couleurs d'écriture j'aurais aimé les titres en gris argenté si possible, les autres écritures seront gris foncés (je ne sais pas si vous pouvez gérer cela, donc je demande tout de même sait-on jamais)
    Version de votre forum : PHPBB2


    Ressources
    le fond utilisé est celui-ci : https://2img.net/h/oi39.tinypic.com/6oq60y.png
    L'image qui contourne les catégories : https://i.servimg.com/u/f59/19/06/48/14/sans_t10.png , un peu comme s'il entourait de la même façon que le cadre gris clair fait par Halloween ici : https://i.servimg.com/u/f55/16/61/97/52/sans_t18.png
    L'image de l'anneau du dernier sujet : (sur l'exemple il est en 125x125 mais je vous le laisse tel quel) : http://fc05.deviantart.net/fs71/f/2013/354/2/8/the_one_ring_inscription_by_naraphim-d6yptxs.jpg


    Autres précisions ?
    Je ne suis pas douée en codage mais je sais tout de même comment installer un template et un code CSS, j'ai réalisé tout le forum par moi-même (grâce à vos super codages XD), je pense donc pouvoir réussir à installer les codes qui me seront fait



    MERCI BEAUCOUP D'AVAAAAAANCE ! ♥


    Dernière édition par Ivy Tyler le Sam 28 Fév 2015 - 5:00, édité 3 fois
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Mar 10 Fév 2015 - 10:12

    Contente que ça te plaise ! Ah et t'as dû remarquer, pour les catégories qui n'ont qu'un forum ce n'est pas très joli...
    Et pour tes images de nouveau/etc, j'ai dû mal comprendre parce qu'actuellement c'est l'image des écritures de l'anneau : argenté quand c'est normal, rouge quand il y a un nouveau message. Avais-je mal compris ? (tu peux les voir tout en bas de mon forum test)



    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Mar 10 Fév 2015 - 14:29

    Alors en fait le cercle je voulais que cela reste, autour des "écritures" (ce qu'il se passe sur le forum) et que par dessus il y ait les images, qu'il faudrait passer la souris devant pour que ça enlève l'image pour aller sur le lien.

    Actuellement ce sont ça les images : https://i.servimg.com/u/f38/18/45/79/89/captur10.png

    Je ne sais pas si je suis assez claire, j'espère juste haha éè
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Mar 10 Fév 2015 - 17:22

    Donc tu voudrais que tes images soient entourées par l'anneau et coulissent en dévoilant le texte ?



    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Mar 10 Fév 2015 - 17:56

    Que l'anneau entoure le texte et soit dévoilé quand la souris passe dessus :)
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Mar 10 Fév 2015 - 18:07

    Ok, du coup je t'emprunte tes images pour mes tests ! (elles sont trop jolies en plus)
    Edit: ça y est ! seulement il faudra que tu modifies un peu tes images, pour qu'elles soient sur un rond noir, histoire de cacher les écritures en dessous ! Sinon ça devrait être bon ^^
    aluminetest.forumactif.org



    Alumine
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Jeu 12 Fév 2015 - 11:57

    Up x)
    Est-ce que ça te convient ?



    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Jeu 12 Fév 2015 - 17:42

    C'est tout simplement... PARFAIT !

    MERCI BEAUCOUP *w* !!
    J'en suis très admirative, je dois te dire :') ! Je sens que mon forum va être juste magnifique grâce à toi haha, merci *w*
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Jeu 12 Fév 2015 - 22:12

    Parfait si ça te plaît ! Je poste le LS dès que possible (=



    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Jeu 12 Fév 2015 - 22:28

    Super, c'est tout ce qu'il nous manque pour faire notre grosse MAJ ^^
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 16 Fév 2015 - 16:41

    Bonjour, je viens aux nouvelles pour le LS ^^ nous aimerions vite finir notre MAJ et comme tout est fini j'aimerais savoir s'il est possible de l'avoir sous peu ?

    Merci :)
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Lun 16 Fév 2015 - 18:40




    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 16 Fév 2015 - 18:41

    Encore un grand, très grand merci ! Very Happy
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 16 Fév 2015 - 19:11

    Tout a été donné ? ^^ parce que ça me donne tout, sauf ça éè
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Lun 16 Fév 2015 - 20:00

    ...effectivement il manquait un truc =/
    remplace ton template par celui-ci:
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
       <tr>
          <td valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall">{LAST_VISIT_DATE}<br />
             {CURRENT_TIME}<br />
             </span>
             <!-- END switch_user_logged_in -->
             <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
             <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
             <!-- END switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
       </tr>
    </table>
      <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="titrecategorie" width="100%">{catrow.tablehead.L_FORUM}</div>

      <table class="forumline categorie" width="100%" border="0" cellspacing="0" cellpadding="0">
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
             <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                   <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
             </h{catrow.cathead.LEVEL}>
          </td>
       </tr>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
       <tr>
              <td class="forumgauche">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                  <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></span>
                </h{catrow.forumrow.LEVEL}>
                <span class="gensmall">Sujets: {catrow.forumrow.TOPICS} </span>
                <span class="gensmall">Messages: {catrow.forumrow.POSTS}</span>
              </td>
             
              <td class="forumcentre" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <div class="sousforum">
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
              </td>
             
              <td class=" forumdroite" align="center" valign="middle">
                <img class="boutonnouveau" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                <div class="dernierpost">
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                </div>
              </td>
             
       </tr>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    </table>
    <div class="bascategorie">
      <img src="http://image.noelshack.com/fichiers/2015/07/1423492133-f-coingauche.png" class="coingauche" />
      <img src="http://image.noelshack.com/fichiers/2015/07/1423492133-f-coindroite.png" class="coindroite" />
    </div>
    <!-- END tablefoot --><!-- END catrow -->

    voilà, désolée !



    Alumine
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 16 Fév 2015 - 20:04

    Super merci, il ne manque plus que les descriptions des catégories qui ne défile pas et c'est parfait :)

    Super travail :)
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Lun 16 Fév 2015 - 21:19

    dans le CSS à .forumcentre rajoute overflow:auto;



    Alumine
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 28 Fév 2015 - 4:57

    Salut!

    Des nouvelles ici? Comment ça se passe, est-ce que ce petit problème est réglé?



    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 9 Mar 2015 - 1:27

    J'ai mis deux fois le bouton terminé...

    Mais au cas où je le redis, tout est fait merci beaucoup, mon forum n'a jamais été aussi beau Wink
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 9 Mar 2015 - 5:38

    Oui, mais tu postais pour des problèmes même alors que le bouton terminé était mis, alors ce n'est pas trop facile de savoir, hein ><

    Bref, tant mieux si tout est bon, j'archive Wink



    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 16:03