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.

-23%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS 44mm (plusieurs coloris)
199 € 259 €
Voir le deal

    Une petite catégorie

    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Ven 28 Fév 2014 - 17:42

    Ma demande



    Bonjour à tous ! J'aurais besoin de votre aide pour créer des catégories afin d'embellir un petit Forum que je co-administre. Bidouiller les templates me pose vraiment de gros soucis x.x Merci d'avance ! :)

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    Tailles des éléments : Une largeur de 750 pixels pour une hauteur totale de 200 je dirais... Approximativement. J'avais imaginé dans les 150 pixels pour la description seule.
    Effets voulus : Un simple effet de changement de couleur du titre lorsqu'on passe la souris dessus me plairait bien. De blanc à bordeaux par exemple.


    Ressources
    Si possible, pour la description, une police de type Photoshop Large ou quelque chose d'approchant. Pour le titre, peut être une police de type Vivaldi ?


    Autres précisions ?
    Rien pour l'instant, j'éditerai si quelque chose me vient.
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Dim 2 Mar 2014 - 23:36

    Un p'tit up :3
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Mer 5 Mar 2014 - 1:06

    Up !
    Je précise aussi que je n'aurais sans doute pas internet avant lundi donc pas d'affolement si je ne réponds pas ^^"
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Lun 10 Mar 2014 - 20:34

    Un p'tit up, me voila de retour x)
    Anonymous
    Invité

    Mar 11 Mar 2014 - 20:53

    Plop,

    Je m'en charge, j'édite quand c'est bon.

    EDIT : Voila mon résultat : www.
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Mer 12 Mar 2014 - 20:43

    Aaah désolée du retard ! ^^"
    C'est parfait ! Very Happy
    Anonymous
    Invité

    Mer 12 Mar 2014 - 20:45

    Pas de soucis xD
    Contente que ça te plaise !
    Voici donc les codes :

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

    .imgforum {
      border-radius: 100%;
      border: 2px solid #ffffff;
    }

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


    /*** FONDS GENERAUX ***/

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

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

    /* Fond titre catégorie */
    .cate_titre {
      width: 800px;
      margin: auto;
      padding: 5px;
      background-color: #3D2A33;
      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: #C2A7B4;
      text-align: center;
    }




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

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

    .forumlink:hover {
      color: #F1EBEE !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: #CBC0C6;
      background-color: #392F34;
      border: 2px solid #2D2227;
      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: 490px;
      max-height: 15px;
      overflow: auto;
      background-color: #2C1D24;
      padding: 5px;
      position: relative;
    }

    .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;
      position: relative;
      left: 6em;
      top: 1.5em;
      background-color: #2C1D24;
      color: #C9AFBB;
      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;
    }


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

    <div style="background-color: #34222A; padding: 10px;"><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><img class="imgforum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1"><div class="rien">{catrow.forumrow.FORUM_DESC}</div>
          <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
      <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div></td>
    </tr>
    </table>
        
     </div>

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

    Dis-moi si tout fonctionne Wink

    EDIT : Et ceci côté description du forum, excuse-moi de l'oubli :
    Code:
    <div class="description" style="width: 400px; 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>


    Dernière édition par Halloween le Mer 12 Mar 2014 - 20:50, édité 1 fois
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Mer 12 Mar 2014 - 20:47

    Merci infiniment ! Je vais installer ça :3
    EDIT : C'est parfait, tout fonctionne ! \o/ Merciiiiiiiiii !
    Anonymous
    Invité

    Mer 12 Mar 2014 - 20:51

    Ah ? Pourtant il manquait un bout du code je crois (que j'ai rajouté en édit), dans les descriptions de sous-forum. Le résultat est le même sans ? =O
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Mer 12 Mar 2014 - 20:52

    Non j'ai rechargé la page et je l'ai vu du coup je l'ai ajouté aussi xD Sans le dernier code les descriptions ne s'affichaient pas comme prévu mais maintenant c'est bon ^^
    Anonymous
    Invité

    Mer 12 Mar 2014 - 20:53

    Ah pardon ... tu es rapide dis donc *-*
    Bonne continuation =)
    Dooh-Nem
    Dooh-Nem
    FémininAge : 31Messages : 140

    Mer 12 Mar 2014 - 20:55

    L'habitude sans doute xD
    Merci encore ! Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 16:35