La date/heure actuelle est Jeu 28 Mar 2024 - 10:11
2 résultats trouvés pour lienssousforums
problème infobulle
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://scarymovie.forumactif.org
Description du problème
BonsoirEncore une fois je viens quémander votre aide pour un problème de codage sur mon forum. J'ai voulu mettre le nombre de sujets et messages en infobulle sur l'avatar du dernier posteur... Globalement j'ai trouvé comment faire mais je n'arrive pas à enlever une petite barre noire qui s'affiche au dessus de mon texte (dans l'infobulle).
Ci dessous mon template modifié + css associé :
- Spoiler:
- <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
</tr>
</table>
<!-- BEGIN catrow --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
<!-- BEGIN cathead -->
<tr>
<td class="{catrow.cathead.CLASS_CAT}" colspan="3" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<td class="newpost" align="center" valign="middle">
<img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span>
</td>
<td valign="top" width="100%" class="descriptions">
<div class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><div id="details" class="gensmall">
<div id="details" class="gensmall">
<span id="lienssousforums"><div style="font-size:9px;text-transform:uppercase;color:#000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ☠ ')).removeAttr('id');
</script>
</span>
</div>
</div>
</td><td align="center" valign="middle"><div class="infobulle"> <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
<span><div class="messages"><span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages → <b>{catrow.forumrow.TOPICS}</b> sujets</span></div></span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
- Spoiler:
- /*infobulles nombre de messages et sujets*/
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #D1815B;}
.infobulle span img{
border: 0px;
padding: 0px;}
.infobulle:hover span{
visibility: visible;
top: 30px;
left: 3px;
width: 60px ;
color:#D1815B;
border: 1px solid #000000;}
Merci beaucoup à tous ceux qui tenteront de m'éclairer
- le Mar 26 Jan 2016 - 20:27
- Rechercher dans: Archives des problèmes avec un code
- Sujet: problème infobulle
- Réponses: 9
- Vues: 1444
taille et couleur des sous forums
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://scarymovie.forumactif.org
Description du problème
BonjourAlors voila, j'aurais grand besoin de votre aide pour modifier la taille et la couleur des liens de mes sous forums sur l'index. Impossible, je ne m'en sors pas du tout...
Si besoin, je mets mon template + css sous spoiler.
Merci à toutes les âmes charitables qui tenteront de m'aider.
- Spoiler:
- <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
</tr>
</table>
<!-- BEGIN catrow --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
<!-- BEGIN cathead -->
<tr>
<td class="{catrow.cathead.CLASS_CAT}" colspan="3" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<td class="newpost" align="center" valign="middle">
<img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span>
</td>
<td valign="top" width="100%" class="descriptions">
<div class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><div id="details" class="gensmall">
<div id="details" class="gensmall">
<span id="lienssousforums"><div style="font-size:9px;text-transform:uppercase;color:#000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ☠ ')).removeAttr('id');
</script>
</span>
</div>
</div>
</td><td align="center" valign="middle"><div class="infobulle"> <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
<span><div class="messages"><span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages → <b>{catrow.forumrow.TOPICS}</b> sujets</span></div></span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
- Spoiler:
- #categories {
background:transparent;
}
table#categories td {
background:#DED8D5;
}
table#categories td a {
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td a:hover {
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td img.imgnewpost {
width:137px;
height:48px;
}
table#categories td.newpost {
padding-left:10px;
}
table#categories td span#nbposts {
text-transform:uppercase;
font-size:9px;
}
table#categories td span#lastpost {
height:56px;
width:127px;
overflow:visible;
}
table#categories td.descriptions {
padding-right:10px;
}
table#categories div.description {
padding:5px;
margin:5px 0px 5px 0px;
overflow:auto;
height:80px;
text-align:justify;
text-transform:uppercase;
background-color:#E4E3E3;
}
table#categories div.forumlink {
text-align:center;
margin-top:-0px;
background-color:#000000;
}
#categories div.forumlink a{
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
font-family:'times new roman';
}
table#categories div#details {
text-align:center;
}
table#categories div.lastpost-avatar {
height:130px;
width:80px;
background-image:url(https://2img.net/r/hpimg15/pics/290303Sanstitre1.png);
}
table#categories div.lastpost-avatar img {
height:130px;
width:80px;
opacity:0;
-webkit-filter:grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
border-radius:0px;
}
table#categories div.lastpost-avatar img:hover {
height:130px;
width:80px;
opacity:1;
-webkit-filter:grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
border-radius:0px;
}
.cattitle{
font-family:megrim;
font-size:20px;
letter-spacing:1px;
text-transform:uppercase;
}
.messages{
text-transform:uppercase;
font-size:8px;
}
- le Mar 26 Jan 2016 - 15:59
- Rechercher dans: Archives des problèmes avec un code
- Sujet: taille et couleur des sous forums
- Réponses: 4
- Vues: 803