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 : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

    (HALLOW) Catégories pour Welcome to Las Vegas

    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Jeu 3 Avr 2014 - 12:29

    Ma demande



    Helloooooo =) j'aurai besoin de nouvelle catégories pour mon forum, parce que celle que j'ai actuellement je l'ai trouve affreuse =s

    Schéma(s) et Eléments
    Schémas : https://i.servimg.com/u/f55/18/67/19/00/sfd10.png
    Tailles des éléments : le forum est a 70%
    Effets voulus : (si vous désirez des effets particuliers, arrondis, transitions...)

    Ressources
    Si vous souhaitez des images de fond précises ou des icones etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.

    Autres précisions ?
    non tout est dit dans le shéma =) merci au codeur qui fera mes catégories =)
    • Revenir en haut
    Anonymous
    Invité

    Sam 12 Avr 2014 - 11:52

      Hello,

      Juste pour te dire que j'ai proposer un LS ici qui me semble être dans l'esprit de ce que tu veux (à part pour les sous-forum en colonnes) si ça t'intéresse. Sinon je peux prendre ta demande =3
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Sam 12 Avr 2014 - 17:51

    Je veux bien que tu prennes ma commande si sça te dérange pas  Embarassed 
    Si possible que tu rajoutes un image en transition qui cache les sous forum ? sinon pas grave hein =)
    merciiiiiiiiii :love:
    • Revenir en haut
    Anonymous
    Invité

    Sam 12 Avr 2014 - 21:26

    L'image sera la même partout par contre.
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Sam 12 Avr 2014 - 23:32

    oui ouii tout a fait place une image au pif dessu je la changerai kan je saurai kel taille il faut exactement =)
    merci encore



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Dim 13 Avr 2014 - 11:08

    Voila ce que ça donnerait, je trouve ça un peu serré perso =$
    www
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Dim 13 Avr 2014 - 14:23

    j'adore =)
    possible de rajouter un overflow ds la description et dans la liste des sous forum
    et aussi rajouter un espace entre la description les sous forum et entre les sous forum et la réponse rapide ?



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Dim 13 Avr 2014 - 14:44

    Les overflow y sont déjà xD
    Espace ajouté.
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Dim 13 Avr 2014 - 15:50

    HAAAAA merci beaucoup j'adoooore parcontre possible juste e faire survoler le titre de du forum sur le trait bleu ??? tu serai un amour =) merci beaucoup



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Dim 13 Avr 2014 - 16:42

    Comme ceci ?
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Dim 13 Avr 2014 - 16:47

    presque faudrai que ce soir comme ceci >> https://i.servimg.com/u/f55/18/67/19/00/sfd10.png le reste est parfait =)
    • Revenir en haut
    Anonymous
    Invité

    Dim 13 Avr 2014 - 16:50

    Si je le descend plus ce ne sera plus visible =$
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Dim 13 Avr 2014 - 16:53

    et si tu met une petite ombre ?? Tu peut pas le mettre en blanc le titre de forum ? sinon ce n'est pas grave je prend comme sa sans soucis il est juste trop beau j'adore



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Ven 18 Avr 2014 - 11:46

    Toutes les modifications ont été apportées, mais je ne trouve pas l'ombre très jolie u.u
    www


    Dernière édition par Halloween le Ven 18 Avr 2014 - 12:06, édité 1 fois
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Ven 18 Avr 2014 - 11:59

    ce n'est pas l'ombre que je souhaiter en blanc mais l’écriture lol mais il n'y a rien de grave la dedans =)
    je trouve que c'est parfait merci beaucoup =)



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Ven 18 Avr 2014 - 12:09

    Décidément, je vais pas y arriver ><
    C'est modifié ^^

    Voici donc le CSS
    Code:
    /* --------------------------------- CATEGORIES --------------------------------- */


    /* SOUS-FORUM CACHES */

    .sf {
      width: 100px;
      height: 170px;
      overflow: hidden;
      position: relative;
      top: 0em;
      background-color: #D5D2D2;
    }

    .sf_img {
      position: relative;
      z-index: 2;
      width: 100px;
      height: 170px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .sf:hover .sf_img {
      margin-left: 400px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
       
    .sf_description {
      position: relative;
      z-index: 1;
      width: 100px;
      height: 170px;
      margin-top: -180px;
      font-size: 11px;
      color: #8c8c8c;
      padding: 15px;
      overflow: auto;
    }

    .sf_description a{
      color: #005677;
    }

    .sf_description a:hover {
      color: #007EAE;
      text-decoration: none !important;
    }

    /*** FONDS GENERAUX ***/

    /* Fond titre catégorie */
    .cate_titre {
      width: 600px;
      margin: auto;
      padding: 5px;
      background-color: #007BAA;
      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: 30px;
      font-family: 'Oregano', cursive;
      color: #003E55;
      text-align: center;
    }

    /* Fond du forum */
    .categorie {
      background-color: #B7B3B3;
      width: 700px;
      height: 200px;
      padding: 15px;
    }


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

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      position: relative;
      left: 2em;
      top: 0.6em;
      color: white !important;
      font-family: 'Allura', cursive;
      font-size: 36px !important;
      font-weight: none !important;
      z-index: 1;
    }

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

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

    /* Mise en forme de la description */
    .description {
      width: 300px;
      height: 100px;
      overflow: auto;
      font-size: 11px;
      text-align: justify;
      background-color: #ffffff;
      color: #007BAA;
      border-top: 5px solid #007BAA;
      padding: 15px;
    }

    /*** DERNIERS MESSAGES ***/
    .derniers_messages {
      text-align: center;
      font-size: 11px;
    }

    .derniers_messages a {
      color: #007BAA !important;
    }

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

    Et le 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: #D5D2D2; 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 -->
       
       
        <br /><br /> <div class="categorie">
            <table><tr>
              <td><div class="sf"><div class="sf_img"><img src="http://i55.servimg.com/u/f55/16/61/97/52/14_10.png" /></div><div class="sf_description"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
    <script type="text/javascript">
      jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
    </script></div></div>
              <div style="clear: both;"></div></td>
              <td><div style="width: 20px;"></div></td>
              <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                <div class="description">{catrow.forumrow.FORUM_DESC}</div><div style="text-align: center; font-size: 9px; color: #ffffff;">{catrow.forumrow.TOPICS} messages dans {catrow.forumrow.POSTS} topics</div></td>
              <td><div style="width: 20px;"></div></td>
              <td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br /><div class="derniers_messages">{catrow.forumrow.LAST_POST}</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=Allura' rel='stylesheet' type='text/css'>
      <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Ven 18 Avr 2014 - 12:34

    Merciiiiiiiiiiiiiiiiiiiii
    mais j'ai un soucis lol
    est-ce possible d'enlever le rectangle bleu ?? stp
    • Revenir en haut
    Anonymous
    Invité

    Ven 18 Avr 2014 - 12:51

    Quel rectangle bleu ?
    • Revenir en haut
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Ven 18 Avr 2014 - 13:02

    Non c'est bon j'ai tout trouver en faite le souci venait de mon css
    j'adoooore merci beaucoup tu a bien travailler
    dès que j'ai terminer le forum je te met en credit vu que j'ai ta PA t'es catégories et ton QEEL =)



    (HALLOW) Catégories pour Welcome to Las Vegas Pub10
    • Revenir en haut
    Anonymous
    Invité

    Ven 18 Avr 2014 - 13:08

    Pas de soucis Wink
    Bonne continuation \o/
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Dim 28 Avr 2024 - 0:58