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 :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

    (HALLOW) Catégories pour cruelly TERMINER

    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Mar 10 Juin 2014 - 9:05

    Ma demande



       Coucou je viens dépenser mes petits sous :). Alors, les catégories que je vais demander seront pour deux forums. Elles seront installer sur mon forum terminer a son prochain design et immédiatement après leur confection sur mon forum en construction. Voilà, merci au codeur qui prendra le temps de réaliser ma commande.

       Schéma(s) et Eléments
       Schémas : https://i.servimg.com/u/f39/18/88/64/69/cat_bm10.jpg
       Tailles des éléments : Les catégories ne doivent pas dépasser 700px de largeur. 106*47px Pour les boutons New/No New/Verr, 114*81px pour l'image dans la description. Pour ce qui est des autres tailles, tend que c'est harmonieux sa me vas :)
       Effets voulus : J'aimerai que la police des titres de catégories et de forum soit :Dragon is Coming, Par contre, j'aimerai avoir la police classique du forum pour ce qui est des sous forums. Pour ce qui est des sous forum j'aimerai que le font change de couleur, comme ici avec les nouveautés. Comme sur mon schéma j'aimerai que mes catégories aient des coins arrondies. J'aimerai savoir s'il est aussi possible de mettre un effet flou sur les passages de lien dans les liens présent sur les catégories.


       Ressources
       Voici les images de fond pour les catégories ;
    01, 02, 03

       Autres précisions ?
       Je crois qu'il n'y a rien d'autre a rajouter sinon un gros merci au codeur qui va prendre le temps de faire ma commande ^^
       


    Dernière édition par Cruelly le Sam 14 Juin 2014 - 5:52, édité 1 fois
    • Revenir en haut
    Anonymous
    Invité

    Jeu 12 Juin 2014 - 13:25

    J'avais pas posté, mais tant qu'à faire, je prends aussi, comme ça on aura un tout xD
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Jeu 12 Juin 2014 - 16:14

    Yeeeaaahhh :)
    Merciii  cheers 



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Jeu 12 Juin 2014 - 21:59

    Je pense avoir terminé. Toujours le même lien : www

    Par contre flouter les liens, c'est-à-dire ? Et lesquels ? =O
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 1:54

    C'est pour ceux des sous sujets au passage de la sourie :)



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 8:01

    Des sous sujets ? Oo Le sujet du dernier message ou bien dans la liste des sujets d'un sous-forum ? A pas compris xD
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 20:03

    Eumm... La liste des sous forum. Je sais pas si c'est plus clair comme ça



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 20:38

    Si si, ça l'est. Par contre je galère à trouver un code ergonomique qui fasse pas planter ... est-ce vraiment nécessaire ? =$
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 20:46

    Non pas vraiment si tu galère j'aime mieux laisser tomber ce n'est pas ce qui va les rendre moins jolie :)



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 20:59

    Bah sinon je peux continuer à chercher, mais je pense quand même que ce sera moins joli =/
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 21:03

    Non non sa va elles sont parfaite comme sa :) ne te casse pas trop la tête ce n'est pas essentiel ^^
    Et puis elles sont superbe Very Happy



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 21:06

    Merkii =3
    Je te passe les codes.

    CSS
    Code:
    /* --------------------------------- CATEGORIES --------------------------------- */

    #liens_sf1 a {
      background-color: #C0C0C0;
      display: block;
    }

    #liens_sf1 a:hover {
      background-color: #99CDFF;
    }

    .essai {
      background-color: #000000;
    }

    /*** FONDS GENERAUX ***/

    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 500px;
      height: 50px;
      padding: 5px;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 35px;
      font-family: 'Lobster', cursive;
      color: #1B4746;
      text-align: center;
      position: relative;
      top: -2em;
    }


    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #579CA2 !important;
      font-family: 'Lobster', cursive;
      font-size: 25px !important;
      font-weight: none !important;
      position: relative;
      top: -4.4em;
      left: -3em;
      z-index: 1;
    }

    .forumlink:hover {
      color: #676767 !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
    }

    /* Mise en forme de la description */
    .bloc1 {
      background-color: #FFFFFF;
      color: #020202;
      font-size: 11px;
      text-align: justify;
      height: 120px;
      width: 380px;
      position: relative;
      left: -7em;
      top: -11em;
      border-radius: 20px;
    }

    .imgillustration {
      border-radius: 10px;
    }


    /*** SOUS-FORUM ***/

    .lienssf {
      width: 130px;
      background-color: #ffffff;
      height: 87px;
      overflow: auto;
      padding-top: 15px;
      padding-bottom: 15px;
      position: relative;
      top: -6.6em;
      left: -4em;
      border-radius: 25px;
      text-align: center;
    }

    .lienssf a {
      color: #1B4746 !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      text-decoration : none !important;
    }




    /*** DERNIERS MESSAGES ***/

    .last_mess {
      width: 120px;
      height: 130px;
      position: relative;
      left: -8em;
      top: -9.5em;
      background-color: #FFFFFF;
      color: #A09F9B;
      padding: 5px;
      font-size: 11px;
      border-radius: 50px;
    }

    .last_mess a {
      color: #6F9797 !important;
      text-decoration: none !important;
    }

    /* --------------------------------- FIN CATEGORIES --------------------------------- */

    Template index_box
    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 -->
    <br />
    <center><div style="background-color: #98D8D7; padding: 15px; width: 700px; border-radius: 80px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



      <!-- END tablehead -->
      <!-- BEGIN cathead -->
     
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
     
     
      <div class="categorie">
        <table><tr>
          <td><div class="last_mess"><center><br /><img style="border-radius: 10px;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        <br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1">{catrow.forumrow.FORUM_DESC}</div></td>
          <td><div class="lienssf" id="subforums"><div id="liens_sf1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          <script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script></div></td>
      </tr></table>
       
     </div>

      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
     
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
     
      </div>  </center><br /><br />
     
    <!-- END tablefoot --><!-- END catrow -->

    Et dans les descriptions de forum
    Code:
    <table>
       
       <tbody>
          <tr>
             
             <td>
                
                <div style="width: 220px; height: 70px; overflow: auto; padding: 15px;">
                    Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
                </div>
                
             </td>
             
             <td>
                 <img src="http://i39.servimg.com/u/f39/18/47/68/10/fdfsd10.png" class="imgillustration" />
             </td>
             
          </tr>
          
       </tbody>
    </table>
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 21:12

    Je sais pas si c'est moi qui est nul mais sa donne pas du tout le même effet sur mon forum x) http://arka-snow.forum-canada.net/



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 21:16

    Arf, j'aurai du tester avec plusieurs forum dans la même catégorie ><
    Désolée, j'essaie de corriger =/
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Ven 13 Juin 2014 - 21:17

    Sa va x) C'est tout un casse tête le codage et puis le forum n'ouvre pas demain alors tu as ton temps :)



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Ven 13 Juin 2014 - 21:34

    Ayé !

    Modifie le template :
    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 -->
    <br />
    <center><div style="background-color: #98D8D7; width: 700px; border-radius: 80px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>

      <!-- END tablehead -->
      <!-- BEGIN cathead --><!-- END cathead -->
      <!-- BEGIN forumrow -->
      <div class="categorie">
    <table><tr><td><div class="last_mess"><center><br /><img style="border-radius: 10px;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        <br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
    <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1">{catrow.forumrow.FORUM_DESC}</div></td>

      <td><div class="lienssf" id="subforums"><div id="liens_sf1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          <script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script></div></td>
      </tr></table>
     </div><br /><br /><br /><br /><br /><br />

      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
     
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
     
      </div>  </center><br /><br />
     
    <!-- END tablefoot --><!-- END catrow -->

    Et le CSS :
    Code:
    /* --------------------------------- CATEGORIES --------------------------------- */

        #liens_sf1 a {
          background-color: #C0C0C0;
          display: block;
        }

        #liens_sf1 a:hover {
          background-color: #99CDFF;
        }

        .essai {
          background-color: #000000;
        }

        /*** FONDS GENERAUX ***/

        /* Contenu de l'ensembre des forum */
        .categorie {
          width: 500px;
      height: 20px;
          padding: 5px;
        }

        /* Mise en forme nom de catégorie */
        h2 {
          font-size: 35px;
          font-family: 'Lobster', cursive;
          color: #1B4746;
          text-align: center;
          position: relative;
          top: -0.8em;
        }


        /*** MISE EN FORME DES FORUM ***/

        /* Mise en forme du texte des titres de forum */
        .forumlink {
          color: #579CA2 !important;
          font-family: 'Lobster', cursive;
          font-size: 25px !important;
          font-weight: none !important;
          position: relative;
          top: -2.2em;
          left: -3em;
          z-index: 1;
        }

        .forumlink:hover {
          color: #676767 !important;
          text-decoration: none !important;
        }

        .forumlink a {
          font-size: 16px;
        }

        /* Mise en forme de la description */
        .bloc1 {
          background-color: #FFFFFF;
          color: #020202;
          font-size: 11px;
          text-align: justify;
          height: 120px;
          width: 380px;
          position: relative;
          left: -7em;
          top: -6em;
          border-radius: 20px;
        }

        .imgillustration {
          border-radius: 10px;
        }


        /*** SOUS-FORUM ***/

        .lienssf {
          width: 130px;
          background-color: #ffffff;
          height: 110px;
          overflow: auto;
          padding-top: 15px;
          padding-bottom: 15px;
          position: relative;
          top: -3em;
          left: -4em;
          border-radius: 25px;
          text-align: center;
        }

        .lienssf a {
          color: #1B4746 !important;
          text-decoration: none !important;
        }

        .lienssf a:hover {
          text-decoration : none !important;
        }




        /*** DERNIERS MESSAGES ***/

        .last_mess {
          width: 120px;
          height: 130px;
          position: relative;
          left: -8em;
      top: -4.5em;
          background-color: #FFFFFF;
          color: #A09F9B;
          padding: 5px;
          font-size: 11px;
          border-radius: 50px;
        }

        .last_mess a {
          color: #6F9797 !important;
          text-decoration: none !important;
        }

        /* --------------------------------- FIN CATEGORIES --------------------------------- */
    • Revenir en haut
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Sam 14 Juin 2014 - 5:52

    SA MARCHEEE !! !
    Elles sont superbe, magnifique, parfaite !
    Merci beaucoup ^^



    :heart: :heart:
    • Revenir en haut
    Anonymous
    Invité

    Sam 14 Juin 2014 - 12:03

    Ah ! =D
    Si tu as besoin d'autre chose, n'hésites pas Wink
    Bonne continuation !
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 21 Nov 2024 - 23:11