La date/heure actuelle est Dim 28 Avr 2024 - 10:25
4 résultats trouvés pour c5bea0
Enlever le mot "sujet" et le remplacer par le nom du membre
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org
Description du problème
Bonjour,J'ai essayé de trouver une réponse à mon souci d'apparence mais je n'ai rien qui correspondait.
J’aimerais qu'à la place du mot sujet souligné en jaune dans la capture soit remplacé par le nom du membre.
Je ne sais pas quels Templates vous mettre!
Merci d'avance.
- Capture d'écran:
- Feuille CSS:
- .bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
background: none;
}
a:hover{
font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
border-radius: 100px !important;
}
.forumline tr th:first-child {
border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
background-color: #COULEUR;
-webkit-border-radius:10px;
-moz-border-radius: 10px ;
border-radius:10px;
border: 3px #COULEUR solid;
}
.forumline {
margin-top:17px;
}
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
display: block;
width: 160px;
height: 220px;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
background: #eef0d3;
border: 3px #afddcb;
transform: rotate(-0deg);
-moz-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
-htm-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
-o-box-shadow: 0px 0px 6px #000000;
-htm-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
margin-left: 5px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
position: absolute;
display: block;
width: 150px;
height: 220px;
margin: auto;
padding: 5px;
overflow: auto;
background: #EEF0D3;
color: #437a73;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
display: block;
position: relative;
z-index: 3;
width: 190px;
margin-top: -10px;
margin-left: 10px;
text-align: center;
font-size: 13px;
font-family: verdana;
font-weight: bold;
text-shadow: 0px 0px 3px #c5bea0;
background: #EEF0D3;
padding-top: 5px;
border-left: 3px solid #EEF0D3;
border-right: 3px solid #EEF0D3;
border-top: 1px solid #EEF0D3;
border-bottom: 1px solid #000000;
box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #c5bea0;
-htm-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
}
a.nav img {
max-width: 100%;
}
- le Lun 19 Juin 2017 - 11:24
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Enlever le mot "sujet" et le remplacer par le nom du membre
- Réponses: 2
- Vues: 1257
La taille changeante du forum
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org
Description du problème
Bonjour,J'ai un souci que je n'arrive pas à résoudre.
Lorsque je suis sur la page d'accueil du forum la taille que j'ai défini est correcte, mais lorsque j'ouvre un sujet posté afin de le lire la fenêtre du forum s'agrandit ce qui est désagréable pour les yeux.
Est-ce que cela est possible de mettre ta taille du forum fixe pour toutes les pages et sujets.
Merci pour votre réponse.
- Mon CSS:
- .bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
background: none;
}
a:hover{
font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
border-radius: 100px !important;
}
.forumline tr th:first-child {
border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
background-color: #COULEUR;
-webkit-border-radius:10px;
-moz-border-radius: 10px ;
border-radius:10px;
border: 3px #COULEUR solid;
}
.forumline {
margin-top:17px;
}
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
display: block;
width: 160px;
height: 220px;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
background: #EEF0D3;
border: 3px #afddcb;
transform: rotate(-0deg);
-moz-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
-htm-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
-o-box-shadow: 0px 0px 6px #000000;
-htm-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
margin-left: 5px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
position: absolute;
display: block;
width: 150px;
height: 220px;
margin: auto;
padding: 5px;
overflow: auto;
background: #EEF0D3;
color: #437a73;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
display: block;
position: relative;
z-index: 3;
width: 170px;
margin-top: -10px;
margin-left: 10px;
text-align: center;
font-size: 13px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 3px #c5bea0;
background: #EEF0D3;
padding-top: 5px;
border-left: 3px solid #EEF0D3;
border-right: 3px solid #EEF0D3;
border-top: 1px solid #EEF0D3;
border-bottom: 1px solid #000000;
box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #c5bea0;
-htm-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
}
- Page normale:
- Page plus grande:
- le Mer 14 Juin 2017 - 13:10
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: La taille changeante du forum
- Réponses: 4
- Vues: 1052
Code avatar + template topics_list_box
"illy"Dans ton CSS change cette partie:
- Code:
.profil_mess
{
position: absolute;
display: block;
/* font-family: indie flower; Ligne supprimée */
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #ffffff;
color:#000; /* anciennement #c5bea0;*/
font-size: 11px;
opacity:0;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
Color (du texte) passe de -> #c5bea0 à -> #000
font supprimée -> font-family: indie flower;
- le Mar 25 Avr 2017 - 13:10
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Code avatar + template topics_list_box
- Réponses: 11
- Vues: 1317
Code avatar + template topics_list_box
Bonjour,Je sollicite à nouveau votre aide sur 3 points.
Capture d'écran :
Point 1.
Il faut zoomer l'image pour le voir mais le contour de l'avatar ne colle pas réellement à ce dernier : en haut et à gauche il semble y avoir 1 pixel d'écart entre l'avatar et le contour noir. Un décalage que l'on retrouve également quand on passe la souris dessus et qu'on active le hover.
Point 2.
J'aimerais que les informations du profil (quand on est en hover) soient en opacité 1. Il faudrait que l'avatar reste sur cette opacité, mais que les éléments du profil soient, eux, bien visibles par-dessus.
Je pense que ces 2 points peuvent être résolus dans le CSS mais je ne trouve pas où, je vous le mets ci-dessous.
- Spoiler:
- .avatar_mess
{
display: block;
width: 200px;
height: 320px;
overflow: hidden;
background: #ffffff;
border: 1px solid #000000;
opacity:1;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.avatar_mess:hover
{
opacity:0.8;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess
{
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #ffffff;
color: #c5bea0;
font-size: 11px;
opacity:0;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess:hover
{
opacity: 0.5;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
Point 3.
Il concerne le template topics_list_box. Sur la capture d'écran en bas, je me retrouve avec une colonne non voulue (flèche rouge). J'ai essayé de l'enlever mais à chaque fois les résultats ne sont pas satisfaisants... Je vous laisse mon template ci-dessous.
- Spoiler:
- <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- BEGIN pagination -->
<tr>
<td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
<table><tr><td><!-- BEGIN avatar -->
<span class="lastpost-avatar2">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar --><td></td><td><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td></tr></table></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Je vous remercie par avance de votre aide !
- le Dim 23 Avr 2017 - 10:17
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Code avatar + template topics_list_box
- Réponses: 11
- Vues: 1317