placement d'une image dans la description
3 participants
Page 1 sur 1 • Partagez
placement d'une image dans la description
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : http://mintmeow.forumactif.com/
Description du problème
bonjour à tousj'essaye de placer une image dans la description des caté pour que ça ressemble à quelque chose comme ceci :
- Spoiler:
code dans description
- Spoiler:
- Code:
<img class="imgcat" src="https://78.media.tumblr.com/03982eeebfce881e5511c9767dcc1d67/tumblr_odd35w3Np71usdjx7o2_500.gif" />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
css
- Spoiler:
- Code:
/* CATEGORIES */
.forumname {color: #424242; font-family: 'Chonburi', cursive; letter-spacing: -1px; font-size: 15px; text-transform: lowercase;}
ecrits {color : #BDB76B ; font-family: 'Chonburi', cursive; letter-spacing: 0px; font-size: 10px; font-weight: 000; text-align: center; text-transform: uppercase;}
synopsis {ont-family: 'Josefin Sans', sans-serif; display:block;display: inline-block; margin:auto; color : #424242 ; letter-spacing: 0px; font-size: 10.5px; text-align: center; text-transform: uppercase;}
resume { color: #6A6A6A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; line-spacing: 5px; font-size: 10px; text-transform: lowercase;}
.oeuvre { color : #1A1A1A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; font-size: 11px; text-transform: uppercase;}
.solaire {margin-left: 25px; overflow: auto; position: relative; text-align: justify; width: 510px; size: 10.5px; text-align: center; text-transform: uppercase;}
resume { color: #6A6A6A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; line-spacing: 5px; font-size: 10px; text-transform: lowercase;}
.bas2 { color: #fcfbfb; font-size: 10px; text-transform: uppercase; }
.bas2 a { color: #909090; font-family: montserrat; font-size: 6px; font-weight: 900; letter-spacing: 2px; margin: 5px; }
pm { color: #828282; font-family: arial; font-size: 8; font-weight: 900; font-style: italic; letter-spacing: .5px; text-transform: lowercase; }
.cate_titre { background-image: url(https://image.noelshack.com/fichiers/2018/43/5/1540556588-ygrq7nve-o.png); color: #1A1A1A; padding: 5px; height: 20px; text-align: center; width: 800px; }
.cate_titre h2 { margin-top:5px; color: #1A1A1A; font-family: 'Chonburi', cursive; font-size: 11px; font-weight: 400; line-height: 8px;text-transform: lowercase; }
a.nav ecrits{color:#1A1A1A;} /*changer couleur titre catégorie hors PA*/
.categorie { background: #faf9f9; margin: auto; width: 800px; }
.forum { background: #faf9f9; margin-bottom: 5px; padding: 2px 2px 13px; }
.foname { color : #1A1A1A; font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0px; font-weight: 800; font-size: 13px; text-transform: uppercase; margin-right : 6px; line-height: 13px;}
.foname a { color: #1A1A1A; float: left; }
st { color: #d0D0D0; font-family: 'Raleway', sans-serif; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 1; text-transform: lowercase; margin-right: 10px; }
st:hover { color: #d0d0d0; font-style: italic; }
pt { color: #dbdbdb; font-size: 10px; margin-right: 5px; }
.description { color: #6a6a6a; border-bottom : solid 1px #BDB76B; display: inline-block; font-family: roboto; font-size: 12px; letter-spacing: 1px; font-weight: 400; height: 55px; margin-top: 10px; overflow: auto; padding: 2px; position: relative; text-align: justify; width: 430px; }
.description::-webkit-scrollbar { width: 2px;height: 2px; background-color: #6a6a6a;}
.description::-webkit-scrollbar-track { background-color: #6a6a6a;}
.description::-webkit-scrollbar-thumb {background-color: #e1e0e0;}
.illu { float: right; margin-left: 10px; margin-bottom: 5px; background: #e9e9e6; padding: 5px; }
/**/.stats_last { background: #FAF9F9; display: block; font-family: arial; height: 30px; margin-left: 10px; margin-right: 10px; position: relative; margin-top: 5px; padding: 10px;text-transform: uppercase; width: 115px; }
.stats { background: #6a6a6a; display: inline-block; color: #fcfbfb; font-family: 'Raleway', sans-serif; font-size: 7px; font-weight: 800; line-height: 13px; margin-left: 11px; text-align: center; text-transform: uppercase; width: 133px; }
.last { color: #6a6a6a; display: block; font-family: arimo; font-size: 9px; margin-top: -5px; text-align: center; text-transform: lowercase; }
.last a { color: #898d90; font-family: arial; font-size: 10px; font-weight: 100; letter-spacing: .8px; text-transform: lowercase; }
.sous_forum { color: #F0F0F0; display: block; font-family: 'Raleway', sans-serif; font-size: 10px; margin-top: 3px; font-weight: 700; letter-spacing: .5; text-transform: uppercase; }
.sous_forum a { color: #F0F0F0; font-size: 8px; margin-bottom: 5px; }
.deco { background: #f1f1f1; margin-left: 10px; padding: 5px; position: relative; top: 5px; width: 125px; }
.backst { background: #6a6a6a; left: 6px; margin-top: -20px; position: relative; top: 15px; height: 12px; width: 140px; }
.sforums { color: #fcfbfb; font-family: 'Raleway', sans-serif; font-size: 7px; font-weight: 900; line-height: 12px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; }
.sfFRM { background-image: url(https://image.noelshack.com/fichiers/2018/43/5/1540556520-ygrq7nve-o.png); margin-top: -15px; opacity: .6; display: inline-block; height: 55px; margin-left: 6px; margin-right: 15px; overflow: hidden; position: relative; width: 140px; }
.sfFRM::-webkit-scrollbar { width: 2px;height: 2px; background-color: #6a6a6a;}
.sfFRM::-webkit-scrollbar-track { background-color: #6a6a6a;}
.sfFRM::-webkit-scrollbar-thumb {background-color: #e1e0e0;}
.sfFRM div {position:relative;width:160px; height:100px; overflow:hidden;}
.sfFRM div div { -webkit-transform: translateY(160px); -webkit-transition: all .65s linear; background: #fcfbfb6e; font-family: muli; font-size: 5px; font-weight: 800; height: 50px; overflow: auto; padding: 5px; text-align: justify; text-transform: uppercase; transform: translateY(160px); transition: all .65s linear; width: 130px; }
.sfFRM:hover div div { transform:translateX(0px); -webkit-transform:translateX(0px);}
.sfFRM a {color : #1A1A1A!important; font-family: 'Raleway', sans-serif; display: inline-block; letter-spacing: 0px; font-weight: 800; line-height: 5px; font-size: 4px; text-transform: uppercase; width: 130px; }
.sfFRM div div::-webkit-scrollbar { width: 2px;height: 2px; background-color: #6a6a6a;}
.sfFRM div div::-webkit-scrollbar-track { background-color: #6a6a6a;}
.sfFRM div div::-webkit-scrollbar-thumb {background-color: #e1e0e0;}
.imgcat { filter: grayscale(60%); float: left; height: 30px; margin: 4px; object-fit: cover; opacity: .5; position: relative; right: 5px; top: 5px; width: 40px; }
index-box
- Spoiler:
- Code:
<!-- BEGIN forumrow -->
<div class="forum">
<table><tr>
<td><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>
<div class="backst"><div class="sforums">⊱ sous-forums </div> </div> </td><td><div align="justify"><div class="foname">
<span class="description"><div class="foname"> <a class="foname" href="{catrow.forumrow.U_VIEWFORUM}">
{catrow.forumrow.FORUM_NAME}</a></div>{catrow.forumrow.FORUM_DESC}</span></div></td>
<td> <span class="stats_last">
<span class="last">{catrow.forumrow.LAST_POST}</span></span>
<span class="stats">{catrow.forumrow.TOPICS} sujets ⊱ {catrow.forumrow.POSTS} messages</span> </td>
</tr></table></div>
<!-- END forumrow -->
Merci d'avance pour votre aide
Re: placement d'une image dans la description
Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: placement d'une image dans la description
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: placement d'une image dans la description
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. |
Sujets similaires
» Description section + X message dans X sujets + image = dans tableau
» Image dans la description du forum
» Taille image dans la description
» Image dans la description d'un sujet
» Insérer une image dans "Description"
» Image dans la description du forum
» Taille image dans la description
» Image dans la description d'un sujet
» Insérer une image dans "Description"
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum