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


    image en survol dans une catégorie

    Neko Mimi
    Neko Mimi
    FémininAge : 29Messages : 165

    le Ven 8 Nov 2019 - 16:34

    Bonjour, alors première fois que je poste ici j'espère que ça sera tout bon :aww:
    Je suis en pleine "construction" de forum rien n'est fini, je poste les crédits bientôt, mais j'ai un tout petit problème, dans le libre service de Okhmhaka pour le design forest spirit, l'explication pour mettre des images en description des catégories n'a pas été postée, du coup je suis bloquée :ouin:

    Je vous poste la partie css concernant les catégories

    Spoiler:
    Code:
    /* CATEGORIES */
    .cate_titre h2
    {
      width: 100%;
      background: #3a332d;
      color: #6e7c5e;
      font-family: 'Shadows Into Light Two', cursive;
      font-size: 28px;
      letter-spacing: 2px;
      text-align: center;
      padding: 3px 0;
    }
    .cate_bloc
    {
      height: 180px;
      margin: 5px 0;
    }
    .cate_description
    {
      position: relative;
      z-index: 5;
      width: 300px;
      height: 150px;
      overflow: hidden;
      border: 2px solid #d0cdc8;
    }
    .description_texte
    {
      position: absolute;
      width: 280px;
      height: 130px;
      overflow: auto;
      color: #d0cdc8;
      font-size: 11px;
      padding: 10px;
      line-height: 11px;
      background: #3a332d;
      text-align: justify;
      margin-top: 150px;
      opacity: 0;
      transition: 1s;
    }
    .cate_description:hover .description_texte
    {
      margin-top: 0;
      opacity: 1;
      transition: 1s;
    }
    a.forumlink
    {
      position: absolute;
      z-index: 10;
      display: block;
      width: 485px;
      margin: 10px 0 0 295px;
      padding: 2px 0 2px 100px;
      background: #209a61;
      font-family: 'Alegreya Sans SC', sans-serif;
      color: #d0cdc8 !important;
      text-transform: uppercase;
      font-size: 16px;
      transition: 500ms;
    }
    a.forumlink:hover
    {
      background: #a26843;
    }
    .sous_forum
    {
      position: absolute;
      width: 350px;
      height: 113px;
      margin-left: 310px;
      margin-top: 40px;
      color: #ffffff;
    }
    .sous_forum img
    {
      vertical-align: center;
    }
    .sous_forum a.gensmall
    {
      padding: 2px;
      background: #e7e5e1;
      color: #627764 !important;
      font-size: 11px;
      text-shadow: 1px 1px 0px #ffffff;
      transition: 500ms;
    }
    .sous_forum a.gensmall:hover
    {
      background: #d0cdc8;
    }
    .last_post
    {
      position: absolute;
      z-index: 11;
      width: 150px;
      height: 100px;
      padding-top: 50px;
      right: 0;
      margin-right: 50px;
      background: #d0cdc8;
      border: 5px solid #ffffff;
      box-shadow: 0px 0px 5px #39322c;
      border-radius: 150px;
      overflow: hidden;
      text-align: center;
      font-size: 11px;
    }
    .stats1, .stats2
    {
      position: absolute;
      z-index: 12;
      width: 60px;
      text-align: center;
      right: 0;
      font-size: 26px;
      line-height: 14px;
      font-family: 'Shadows Into Light Two', cursive;
      color: #b2b0ae;
    }
    .stats1
    {
      margin-right: 100px;
      margin-top: 12px;
    }
    .stats2
    {
      margin-right: 100px;
      margin-top: 120px;
    }
    .stats1 .gensmall, .stats2 .gensmall
    {
      display: block;
      font-family: 'Kameron', serif;
      color: #b2b0ae;
      font-size: 11px;
    }
    .forum_avatar
    {
      position: absolute;
      z-index: 13;
      width: 60px;
      height: 60px;
      right: 0;
      margin-right: 30px;
      margin-top: -10px;
      overflow: hidden;
      border-radius: 60px;
      border: 3px solid #ffffff;
      box-shadow: 0px 0px 5px #39322c;
      background: #3a332d;
    }
    .forum_avatar img
    {
      width: 65px;
      margin-top: -20px;
    }
    .forum_icone
    {
      position: absolute;
      z-index: 12;
      right: 0;
      margin-right: 10px;
      margin-top: 30px;
    }
    /* SUJETS */
    #plus_menu
    {
      left: 600px !important;
      box-shadow: 0px 0px 5px #39322c;
    }
    a.topictitle
    {
      font-weight: normal;
    }


    et ce que je dois mettre dans la description d'une catégorie

    Code:
    <div class="description_texte">Mettre la description ici</div>


    Que dois-je rajouter pour insérer une image dans le code ?

    Merci pour vos réponses :coeur:

    et le lien du forum en construction tout de même : https://radiant-artemis.forumsrpg.com



    image en survol dans une catégorie  Tumblr_me5uxaCZuJ1qj73e2o1_500
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5120

    le Jeu 14 Nov 2019 - 23:55

    Coucou Neko Mimi

    Est ce que tu as testé en mettant l'image dans le champ "Adresse de l'image" (au dessus du champ pour rentrer la description de ton forum) ?



    Très peu présente -> MP ou Discord s'il y a quelque chose d'important ♥︎

      La date/heure actuelle est Jeu 21 Nov 2019 - 1:32