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

    Commande de catégorie, merci d'avance !

    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Lun 3 Mar 2014 - 14:01

    Ma demande



    Bonjour !
    Alors voila, je suis entrain de refaire le design de mon forum et j'aimerai faire des modifications de codages, malheureusement, je suis incapable pour le moment de créer ce que je voudrais... (Mais je m'y essaye !)
    Cependant comme j'aimerai changer le design assez rapidement je me permet de passer une petite commande en espérant qu'elle ne sera pas trop compliqué à réaliser... T.T
    Je vous remercie d'avance pour votre attention !


    Schéma(s) et Eléments
    Schémas : Schéma
    Tailles des éléments : Pour le cadre de "fond" j'aimerai les dimension 550*120px.
    Pour le cadre de la description du forum envrions 400*80px.
    Pour l'image (je voudrais pouvoir en mettre une différente sur chaque catégorie) 100*100px
    Pour le cadre indiquant les statistique du forum 120*120px
    Et pour l'image news / no new j'aimerai 100*50px. ~
    Effets voulus : Alors comme effets, j'aimerai avant tout des coins légèrement arrondis et un petit effet (au choix) sur les titres de couleur rouge (#B03636) ainsi qu'une fine bordure autour des cadres (rouge : #B03636 )
    En ce qui concerne les couleurs, j'aimerai un fond beige (#f3eddf). Pour la police, j'utilise des polices installées par moi même sur mon forum. Si nécessaire voila la police principale en css : font-family: 'Kite One', sans-serif;


    Ressources
    Pour l'image, j'aimerai pouvoir en mettre une différente sur chaque catégorie. Vous pouvez peut être utiliser celle-ci en atendant si nécessaire :  https://2img.net/r/ihimg/a/img191/2554/g4.gif

    Autres précisions ?
    Pour les catégories je pense que tout est dit. Mais si vous avez besoin, voici mon forum test sur lequel je fais le nouveau design : http://blossomtest.forumactif.org/
    Et l'original : http://privateblossom.forumactif.org/

    Bien sur je ne demande pas précisément ça. Bon j'aimerai quand même que ça ne s'éloigne pas trop de mon schéma mais vous pouvez modifier  si vous pensez que c'est mieux.
    Comme j'ai quand même quelques bases en codages je peux modifier par la suite.
    Voila, merci beaucoup !



    Dernière édition par Kim Jae Yoon le Jeu 13 Mar 2014 - 23:08, édité 1 fois
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Mar 11 Mar 2014 - 20:11

    Un petit UP. ~
    Anonymous
    Invité

    Mar 11 Mar 2014 - 22:30

    Plop,

    Je prends Wink

    EDIT : Voila mon résultat www.
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Mer 12 Mar 2014 - 14:49

    Bonjour ! Merci beaucoup d'avoir prit ma commande aussi rapidement !
    Le résultat et juste parfait ! C'est tout à fait ce que je voulais, merci beaucoup !
    Tes codes sont vraiment magnifique !
    Anonymous
    Invité

    Mer 12 Mar 2014 - 16:11

    Merci  :love: 
    Voici donc les codes.

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

        .bloc1 {
          background-color: #F0E9DB;
          width: 550px;
          height: 150px;
          position: relative;
          top: -3em;
          left: -5em;
          box-shadow: 2px 2px 15px black;
          -moz-box-shadow: 2px 2px 15px black;
          -webkit-box-shadow: 2px 2px 15px black;
        }

        .bloc1:hover {
          border-left: 4px solid #D16969;
          border-right: 4px solid #D16969;
        }

        .imgillustration {
          position: relative;
          left: 2.5em;
          top: 1em;
        }

        /*** FONDS GENERAUX ***/

        /* Contenu de l'ensembre des forum */
        .categorie {
          width: 550px;
          height: 190px;
          padding: 10px;
        }

        /* Fond des forum */
        .sous-forum {
          width: 300px;
          height: 50px;
          overflow: auto;
          top: -10em;
        }

        /* Fond titre catégorie */
        .cate_titre {
          width: 550px;
          margin: auto;
          padding: 5px;
          background-color: #D16969;
          box-shadow: 2px 2px 15px black;
          -moz-box-shadow: 2px 2px 15px black;
          -webkit-box-shadow: 2px 2px 15px black;
        }

        /* Mise en forme nom de catégorie */
        h2 {
          font-size: 20px;
          font-family: 'Carrois Gothic SC', sans-serif;
          color: #6F2222;
          text-align: center;
        }




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

        /* Mise en forme du texte des titres de forum */
        .forumlink {
          color: #551A1A !important;
          font-family: 'Kite One', sans-serif;
          font-size: 25px !important;
          font-weight: none !important;
          position: relative;
          top: -1.4em;
          left: -4em;
          z-index: 1;
        }

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

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

        /* Mise en forme de la description */
        .description {
          width: 400px;
          height: 90px;
          font-size: 11px;
          text-align: justify;
          color: #7D2626;
          background-color: #FCFAF5;
          border-radius: 5px;
          position: relative;
          top: 1em;
          left: 3em;
          padding: 15px;
        }

        .imagedesc {
          position: relative;
          right: -6em;
          top: -2em;
          -moz-transform:rotate(8deg);
          -webkit-transform:rotate(8deg);
          transform:rotate(8deg);
        }




        /*** SOUS-FORUM ***/

        .lienssf {
          width: 420px;
          max-height: 15px;
          overflow: auto;
          padding: 15px;
          position: relative;
          top: -1.5em;
        }

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

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




        /*** DERNIERS MESSAGES ***/

        .last_mess {
          width: 120px;
          height: 120px;
          position: relative;
          top: -3em;
          left: -4em;
          background-color: #F0E9DB;
          color: #7D2626;
          padding: 10px;
          font-size: 11px;
          border-radius: 5px;
        }

        .last_mess a {
          color: black !important;
          text-decoration: none !important;
        }

        .last_mess a:hover {
          color: #CAC9C7 !important;
          text-decoration : none !important;
        }

        .last_mess:hover {
          border-left: 4px solid #D16969;
          border-right: 4px solid #D16969;
        }


        /*--------------------------------- 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 -->

        <center><div style="background-color: #B03636; padding: 15px; width: 780px;"><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><br /><br /><tr>
          <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 class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
          <td><div class="last_mess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <br /><span class="gensmall" style="color: #7D2626;">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
          </tr></table>
         
          </div>

          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
       
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
       
          </div>  </center>
       
        <!-- END tablefoot --><!-- END catrow -->
        <link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

    Dis-moi si tout fonctionne Wink
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Mer 12 Mar 2014 - 21:38

    Bonsoir !
    J'ai testé les codes ici : http://blossomtest.forumactif.org/
    Ne manque t-il pas un code html pour la description des catégories ? Car sinon le résultat n'est pas vraiment le même que toi. ^^
    Anonymous
    Invité

    Mer 12 Mar 2014 - 21:41

    Décidément je les oublies tous aujourd'hui >< Désolée u.u
    Voici :
    Code:
    <table>
       
       <tbody>
          <tr>
             
             <td>
                
                <div class="description" style="width: 350px; height: 50px; 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://imageshack.com/a/img191/2554/g4.gif" class="imgillustration" />
             </td>
             
          </tr>
          
       </tbody>
    </table>
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Jeu 13 Mar 2014 - 22:46

    Il n'y a pas de soucis !
    J'ai testé les codes, il n'y a pas de problème.
    Un grand merci pour avoir prit ma commande aussi vite ! A vrai dire je m'attendais à devoir attendre un petit moment.
    Du coup j'aurai ces catégories pour la réouverture de mon fo. Encore merci ! Very Happy
    Anonymous
    Invité

    Jeu 13 Mar 2014 - 22:52

    Contente que ça te plaise ! Ce fut avec grand plaisir =3
    Bonne continuation alors Wink
    Contenu sponsorisé


      La date/heure actuelle est Sam 11 Mai 2024 - 12:58