AccueilFAQRechercherMembresGroupesS'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.


    Problème catégorie : décaler le fond de la description sur la droite

    Partagez
    avatar
    Yukie
    FémininAge : 18Messages : 30

    le Dim 10 Sep 2017 - 19:34

    Bonjour ou bonsoir :)

    Je vient ici suite a un code de catégorie en LS fait par Halloween pour être exacte.

    Spoiler:

    Je voulais décaler le font de la description (pas l'image hein, le fond gris) sur la droite mais comme je ne trouvais pas comment faire, j'ai tenter d’insérer dans le code un "left" avec des valeurs mais sa ne fonctionne pas. Si besoins, voici le code CSS correspondent a la catégories installer.

    Code:

    /* ------------------------------------- CATEGORIES ------------------------------------- */
            
    /* Mise en forme de la description de forum */
    .cate_titre h2 {
        text-align: center;
    }

    .texte_desc {
      width: 550px;
      height: 70px;
      overflow: auto;
      padding: 20px;
      text-align: justify;
      font-size: 11px;
      position: relative;
      top: 0;
      left: -10px;
      opacity: 1;
      z-index: 2;
      color: #DEDADA;
    }

    /* Mise en forme des images "New", "No new" et "Lock" */
    .no_new {
      opacity: 0.5;
      left: 0em;
      position: relative;
    }

    /* Transformation au survol des images "New", "No new" et "Lock" */
    .no_new:hover {
      opacity: 1;
      transform: rotate(5deg);
    }

    /* Mise en forme des derniers messages */
    .derniers_messages {
      font-size: 10px;
      text-align: center;
      width: 200px;
      height: 153px;
      position: absolute;
      top: 1em;
      left: 5em;
    }

    /* Positionnement de l'image de fond des derniers messages */
    .derniers_img {
      position: absolute;
      top: 1em;
    }

    /* Mise en forme des liens des derniers messages */
    .derniers_messages a {
      text-decoration: none !important;
      font-style: none !important;
      font-weight: none !important;
      color: #6C684B !important;
      font-family: 'Oswald', sans-serif;
      font-size: 11px;
    }

    /* Mise en forme au survol des liens des derniers messages */
    .derniers_messages a:hover {
      letter-spacing: 3px;
      color: #DCDACB !important;
    }

    /* Mise en forme du texte "survolez-moi" */
    .survolez_moi {
      font-family: 'Oswald', sans-serif;
      font-size: 12px;
      position: absolute;
      left: 5em;
    }

    /* Mise en forme des liens des sous-forum */
    .sf a {
      text-decoration: none !important;
      font-style: none !important;
      font-weight: none !important;
      color: #6C684B !important;
      font-family: 'Oswald', sans-serif;
    }

    /* Mise en forme des liens des sous-forum au survol */
    .sf a:hover {
      letter-spacing: 3px;
      color: #DCDACB !important;
    }

    /* Info-bulle des sous-forum */
    .sf {
      position: relative;
      z-index: 14;
      text-decoration: none !important;
    }
     
    .sf:hover {
      z-index: 25;
    }
     
    .sf span {
      display: none;
    }
     
    .sf:hover span {
      display: block;
      position: absolute;
      top: -5px;
      left: 6em;
      width: 550px;
      height: 100px;
      overflow: auto;
      background-color: #1E332D;
      color: #000;
      text-align: justify;
      font-weight: none;
      padding: 5px;
    }

    /* Mise en forme de l'illustration en fond de description */
    .img_desc {
      position: absolute;
      top: 0;
      left: 6em;
      opacity: 0.8;
      z-index: 1;
    }

    /* Lettrine de la description */
    .lettrine {
      font-size: 250%;
      float: left;
      font-family: 'Pacifico', cursive;
    }

    /* Contenu de l'ensembre des forum */
    .categorie {
      padding: 25px;
      background-color:#22181E;
    }

    /* Mise en forme du texte des titres de forum */
    a.forumlink {
      color: #DEDADA !important;
      font-family: 'Oswald', sans-serif;
      font-size: 28px;
      text-decoration: none !important;
      text-align: center !important;
      border-bottom: 5px dotted #DEDADA;
      width: 100%:
    }

    a.forumlink:hover {
      color: #000404 !important;
      text-decoration: none !important;
      letter-spacing: 3px;
      border-bottom: 5px dotted #000404;
    }

    /* Illustration de fond de forum */
    .fond_desc {
      background-image: url('https://img11.hostingpics.net/pics/197485fond1.png');
      width: 550px;
      height: 110px;
      z-index: 1;
    }


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

    J'ai aussi regarder dans les templates mais je n'est rien vue qui pourrait m'aider. Merci d'avance a la personne qui voudra bien m'aider :3
    avatar
    Nihil Scar Winspeare
    Messages : 4792

    le Jeu 14 Sep 2017 - 21:16

    Coucou :)

    Pourrait-on avoir le lien du forum où le problème est visible s'il te pait ?

    avatar
    Nihil Scar Winspeare
    Messages : 4792

    le Lun 25 Sep 2017 - 20:59

    Coucou Yukie !

    Est ce que ta demande est toujours d'actualité ? ^^

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de ce problème.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une dizaine de jours.

    avatar
    Onyx
    FémininAge : 23Messages : 3047

    le Ven 20 Oct 2017 - 21:03

    Pas de réponse, j'archive.



    Contenu sponsorisé


      La date/heure actuelle est Dim 19 Nov 2017 - 7:52