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.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    (HALLOW) Catégories personnalisées

    yooh
    yooh
    FémininAge : 33Messages : 143

    Dim 11 Mai 2014 - 15:28

    Hello everybody ♥

    Après un petit coup de pression voyant la partie commande fermée, je remercie Halloween de m'avoir redirigée ici ♥

    Today, je viens vous voir car depuis tout ce temps je n'ai pas tellement évoluer niveau codage et du coup j'ai besoin de votre talent pour arriver à faire quelques choses de bien pour mon forum xD
    Voici ma demande :

    Ma demande



    Schéma(s) et Eléments
    Schémas :
    Alors voici le screen du forum aujourd'hui :
    https://2img.net/r/hpimg4/pics/521073122.png

    et voici ce que j'aimerais que cela donne: (HALLOW) Catégories personnalisées 902577Sanstitre9
    Pour plus d'explication : le demi cercle à gauche : la partie bleu sera remplis par une image illustrant le lieu. Il doit être aussi grand que le titre de la partie + la description (qui peut être en scroolbar si besoin)
    Pour les deux rond ("sujets" & "messages") deux morceaux de la bann seront également en fond, je suppose donc qu'il faudra mettre un codage d'opacité pour que l'écriture se voit mais aussi les images.

    Le petit café à droite signale un nouveau message, il ne doit donc pas apparaître quand il n'y en a pas. Je ne sais pas encore si je met une image pour les sujets verrouiller, dès que vous avez besoin de cette information, contactez moi =)

    Tailles des éléments : La largeur du forum est de 50%

    Effets voulus : Tout est dans le schéma


    Ressources
    Voici le petit café à droite : https://2img.net/r/hpimg4/pics/367025coffeeicon.gif


    Autres précisions ?
    Si vous avez besoin d'autres informations, n'hésitez pas à me contacter, je serais ravis de vous aider.


    Mille merci à la personne qui prendra en charge ma commande ♥
    Bonne fin de week end  :hug2: 
    Anonymous
    Invité

    Dim 11 Mai 2014 - 17:17

    Hey !

    Je pense que je peux prendre, par contre pour l'illustration du café qui n'apparait pas je pense qu'il faudra mettre une image "vide", en transparence. En code ça dépasse mes compétences. A toi de voir ^^
    yooh
    yooh
    FémininAge : 33Messages : 143

    Dim 11 Mai 2014 - 17:52

    Oh pour l'image vide ce n'est pas un soucis, je te ferais un carré transparent de la même dimension si ce n'est que cela, à moins que j'ai mal compris lol
    Anonymous
    Invité

    Lun 12 Mai 2014 - 14:35

    Ca donne ceci : www
    yooh
    yooh
    FémininAge : 33Messages : 143

    Lun 12 Mai 2014 - 21:22

    ** J'adore !!! Tu es un génie ♥
    Par contre, est-il par contre possible d'agrandir (en hauteur) la description ? Je pense qu'on peut aller jusqu'à une taille 50 px, voir 60 px
    Et, est - il possible (histoire de faire ma chiante) de descendre un peu les ronds "messages" et "sujets" pour que le haut du rond soit sur la même lignée que le haut du titre "Premier forum" ?

    Anonymous
    Invité

    Lun 12 Mai 2014 - 21:30

    Je crois que c'est bon. Par contre du coup je sais plus si je dois décaler l'image d'illustration ou non, et où ? ^^'
    yooh
    yooh
    FémininAge : 33Messages : 143

    Mar 13 Mai 2014 - 17:15

    :bave: :bave: :bave: :bave: 
    It's perfect !!!
    & non du coup, l'image d'illustration, je devais juste la ragrandir, d'ailleurs la voici :
    Code:
    [img]http://i55.servimg.com/u/f55/09/04/75/00/sans_t16.png[/img]

    Ah si par contre, petit détail : est-il possible que l'image du petit café soit moins éloigné du titre ?
    Anonymous
    Invité

    Mar 13 Mai 2014 - 21:24

    C'est modifié, mieux ? Par contre pour la tasse de café, le soucis c'est que le positionnement est manuel et fixe puisque la balise des derniers messages ne peut être coupée en plusieurs "blocs", donc si jamais tu tombes sur un long titre il risque de passer sur ou sous la tasse.
    yooh
    yooh
    FémininAge : 33Messages : 143

    Mer 14 Mai 2014 - 14:43

    Oh d'accord, je comprend mieux !!! Donc pas de soucis  Very Happy 
    C'est parfait ! C'est magnifique !!!
    Mille merci ♥
    Anonymous
    Invité

    Mer 14 Mai 2014 - 14:54

    Donc les codes =3

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

    /**** POSITIONNEMENT IMAGES New, no new, lock ****/
    .img_new {
      position: relative;
      left: 12.8em;
      top: -8em;
    }

    /**** STATISTIQUES ****/
    /* Ronds bleus */
    .stats {
      background-color: #B9E6DC;
      color: white;
      width: 60px;
      height: 60px;
      border-radius: 100px;
      position: relative;
      top: -5.8em;
      left: 5em;
    }

    /* Contenu des ronds */
    .stats_1 {
      position: relative;
      top: 0.7em;
    }

            
    /**** ILLUSTRATIONS DES FORUM ****/
    .imgforum {
      position: relative;
      display: block;
      left: 0.1em;
      top: -4.1em;
    }

    /**** FONDS GENERAUX ****/
    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 400px;
      height: 70px;
      padding: 10px;
    }

    /* Fond titre catégorie */
    .cate_titre {
      position: relative;
     margin: auto;
      top: -4em;
    }

    /* Mise en forme nom de catégorie */
     h2 {
      font-size: 18px;
      font-family: arial;
      color: #ffffff;
      text-align: center;
    }

    /**** MISE EN FORME DES FORUM ****/
    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #A2DE8F !important;
      font-family: arial;
      font-size: 15px !important;
      font-weight: none !important;
      text-transform : uppercase;
      position: relative;
      top: -3.1em;
      left: 3.5em;
      z-index: 1;
      text-shadow:1px 1px 2px white;
      display: block;
    }

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

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

    /**** MISE EN FORME DESCRIPTION ****/                
    .description {
      font-size: 11px;
      text-align: justify;
      color: #CBC0C6;
      position: relative;
      top: -12em;
      left: 4.5em;
      padding: 15px;
    }

    /**** DERNIERS MESSAGES ****/
    .last_mess {
      position: relative;
      left: 8.5em;
      top: -7.8em;
      color: #808080;
      font-size: 11px;
      text-align: center;
      width: 120px;
    }

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

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

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



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

            <div style="background-color: #F5F5F5; padding: 10px; border-bottom: 20px solid #ACE1D5; border-top: 60px solid #ACE1D5;"><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><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                {catrow.forumrow.FORUM_DESC}</td>
              
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.TOPICS} <br /><span style="font-size: 11px;">sujets</span></center></div></div></td>
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.POSTS}<br /><span style="font-size: 11px;">messages</span></center></div></div></td>
              <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div>
             <img class="img_new" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
            </tr>
            </table>
                
             </div>

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



    Dis-moi si tout fonctionne ^^
    yooh
    yooh
    FémininAge : 33Messages : 143

    Mer 14 Mai 2014 - 15:02

    Merci beaucoup, par contre à l'intérieur, est-ce que ça fera pareil ?
    Car quand je regarde sur ton fo test, tout est sans dessus dessous :

    http://halloween-test4.forumactif.org/f1-premier-forum
    Anonymous
    Invité

    Mer 14 Mai 2014 - 18:40

    Ah effectivement, j'avais pas vu. En fait chaque élément est dépendant des autres, donc il faudra mettre une illustration et un contenu de description à chaque sous-forum (au besoin tu répètes l'image bleue, ce n'est pas dérangeant).

    Et j'avais zappé un bout du code. A insérer dans tes descriptions de catégories :
    Code:
    <img src="http://i55.servimg.com/u/f55/09/04/75/00/sans_t16.png" class="imgforum" />
    <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 5px;">
     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>



    Et si tu veux laisser vide pour les sous-forum :
    Code:
    <img src="http://i55.servimg.com/u/f55/09/04/75/00/sans_t16.png" class="imgforum" />
    <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 5px;">
    </div>
    yooh
    yooh
    FémininAge : 33Messages : 143

    Mer 14 Mai 2014 - 21:46

    D'accord, merci beaucoup ♥
    J'installerais cela sans doute demain ou vendredi et je te tiens au courant
    Anonymous
    Invité

    Jeu 29 Mai 2014 - 11:54

    Alors ? Ca en est où ? =O
    yooh
    yooh
    FémininAge : 33Messages : 143

    Jeu 29 Mai 2014 - 21:18

    Désolé j'étais en plein déménagement, je n'ai pas pu intervenir avant sur le forum
    Je m'en occupe tout de suite =)
    yooh
    yooh
    FémininAge : 33Messages : 143

    Jeu 29 Mai 2014 - 21:32

    DP sorry

    Alors j'ai juste deux/trois petites choses qui me pose soucis :S
    ( http://what-else-rpg.forumactif.org/ )

    - comme tu peux le voir sur le premier demi rond de la section "carré vip" et bien l'image remonte un peu sur la colone bleu

    - et toujours sur la même ligne, l'heure ressort : http://what-else-rpg.forumactif.org/f1-carre-vip

    - est-il possible de mettre un espace supplémentaire entre le titre de la catégorie ( exemple : contexte et règlement") et la description

    - ainsi qu'agrandir un peu l'espace de description ?

    - j'aurais aimé aussi savoir si il était possible de voir la séparation entre les grosses parties car logiquement "carré vip" est dans une grosse partie et de "contexte ..." jusqu'à "invité" c'est dans une autre, seulement là tout est collé.
    Anonymous
    Invité

    Dim 1 Juin 2014 - 15:14

    Je n'ai pas accès au sous-forum, donc pour l'instant je ne vois pas le problème ^^
    yooh
    yooh
    FémininAge : 33Messages : 143

    Dim 8 Juin 2014 - 13:45

    Désolé de l'attente !
    Je viens de débloquer les permissions, j'espère que maintenant tu peux les voir ^^

    Et pour le reste ?
    Les modifs sont possibles ?
    Anonymous
    Invité

    Dim 8 Juin 2014 - 16:13

    Je peux avoir une capture d'écran ? Chez moi tout est bien calé. Tu es sur Chrome ?


    - j'aurais aimé aussi savoir si il était possible de voir la séparation entre les grosses parties car logiquement "carré vip" est dans une grosse partie et de "contexte ..." jusqu'à "invité" c'est dans une autre, seulement là tout est collé.
    Ca ca ne vient pas du code, il faut que tu créées une catégorie et que tu y mettes tes forum, comme pour ce qui est nommé "forum" (normalement, c'est aussi une catégorie) qui accueille actuellement tous tes forum.
    yooh
    yooh
    FémininAge : 33Messages : 143

    Lun 9 Juin 2014 - 13:27

    (HALLOW) Catégories personnalisées Mini_4393475033
    Oui je suis sous Chrome !
    Du coup tu pense qu'en mettant un code pour que ce soit formé sous tout les navigateurs pourraient résoudre le problème ?

    Et pour les forums, je ne pense pas que cela vient de là puisque comme tu peux le voir sur le screen, tout a bien été construit.
    Je me demande du coup si cela ne viendrais pas de la structure du forum ( PA >>Affichage >> Page d'accueil >> Structure et hierarchie )
    Moi je l'ai mis en conserver les catégories sur l'index et je l'ai mis en Moyen. Ce n'est peut être pas la bonne solution (lol)
    (HALLOW) Catégories personnalisées Mini_7394963333
    Anonymous
    Invité

    Mar 10 Juin 2014 - 18:23

    Celui-là ? www
    Chrome ou le navigateur en mousse par excellence ... je vais chercher comment faire, mais ça risque de prendre du temps.
    yooh
    yooh
    FémininAge : 33Messages : 143

    Dim 15 Juin 2014 - 22:45

    D'accord merci beaucoup
    Non celui au dessus ! Faut-il donc que je prenne celui en dessous ?
    Anonymous
    Invité

    Lun 16 Juin 2014 - 8:05

    Essaies avec oui, sait-on jamais.
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 26 Juin 2014 - 22:06

    Hey,
    Ca a marché ?



     
    yooh
    yooh
    FémininAge : 33Messages : 143

    Sam 5 Juil 2014 - 12:41

    Bonjour,
    Désolé de mon retard, de gros soucis me sont tombé dessus

    Alors oui ça fonctionne mais cela donne des grosses bandes :
    http://what-else-rpg.forumactif.org/
    Contenu sponsorisé


      La date/heure actuelle est Lun 25 Nov 2024 - 17:21