Avatar Derniers Messages

[NancyButterfly]

Bonjour

J'ai regarder sur le forum et je ne trouve pas de truc pour mettre: l'avatar dans la colonne Derniers Messages au centre. J'ai mis le code <CENTER></CENTER> et les codes qu'il faut mettre dans les Templates et c'est toujours pas centré.



Merci a l'avance pour votre aide.

[Feuilla']

Bonsoir à nouveau,
vous pouvez essayer avec :
Panneau d'administration
Affichage
Images et Couleurs
Couleurs
Feuille de style de style

Le code à mettre est ici.
Bonne soirée !

[NancyButterfly]

Non ça ne fonctionne pas..

[Invité]

bonsoir ,dans votre template ,
les center doivent entourer juste la variable .....car il est impossible de centrer un (span ) il l'est déja ,

modifier cette partie de cette façon >>

Code:

<!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
                  <span class="lastpost-avatar"><center>{catrow.forumrow.avatar.LAST_POST_AVATAR}</center></span>
            <!-- END avatar -->


et dans votre css ajouté ce code >>

Code:

.lastpost-avatar {
    float: none;
    padding: 2px;
}

d'origine l'avatar a un flottement forcé a gauche , il suffit de lui dire ne flotte pas et il se centre..(float:none;)

bonne soirée ,,

[NancyButterfly]

J'ai fait les changement mais sa ne fonctionne toujours pas. C'est bizard

[Invité]

vous avez bien mis ceci dans votre css >>

Code:

.lastpost-avatar {
    float: none;
    padding: 2px;
}

si oui rajouter>> !important
comme ceci >

Code:

.lastpost-avatar {
    float: none !important;
    padding: 2px;
}

[NancyButterfly]

Non toujours pas.

Es ce que le css marche bien avec Optimiser votre CSS de coché?

[Invité]

oui le mien et cocher ainsi ,

donné moi votre template et votre css , svp ...je vais contrôlé , c'est louche .peut etre avez vous un css qui contredit mon code !

[NancyButterfly]

Ok merci de m,aider.

Voici mon template

Spoiler:

Et voici mon css

Spoiler:

[Invité]

le css a des erreurs

remplacé par celui ci>>

Code:


.body {
background-repeat: repeat;
}
.forumline{
border:1px dotted #4A1806;
}

font-family: 'Sofia', cursive;

.lastpost-avatar {
float: none !important;
padding: 2px;
}


il y a avait 2 fois >>.lastpost-avatar << j'ai enlever celui qui sert a rien .

tester pour voir !

[NancyButterfly]

:youopi: :youopi: :youopi: :youopi: Super ça a marcher, je suis super contente. Je te remercie infiniment pour ton aide et ta patience. Bisous et bonne soirée.

[Invité]

a enfin ,et bien dis donc

bonne soirée ,

[NancyButterfly]

Excuse moi R max, je vient juste de voir dans le forum pour aller voir les messages c'est devenu comme cela. Es ce normal?

[Invité]

Non c'est pas normal. Sur mon forum test j'en ai que 1.
Pouvez vous donner le template concerner svp.

[NancyButterfly]

J'ai pris le Template: Index_Box car c'est avec lui que j'avais travailler le plus.

Spoiler:

[Invité]

bonjour , c'est a quelle page que vous rencontrer le soucie , je ne visualise pas de la même façon que vous ..

sur index !
sur affichage de la liste des sujets !

moi je n'est pas d'erreur ,je voie que un seul avatar ..

[NancyButterfly]

C'est quand j'entre dans un sujet pour aller répondre. J'ai fait d'autres captures

Exemple sur l'index j'entre dans le sous forum Grand salon



Ensuite j'ai ceci

[Invité]

ha je n'est pas accés a cette page peut tu ouvrir ce sujet au invité pour inspection ,

[NancyButterfly]

Y a ici qui est ouvert au invité, si ca ne marche pas je mettrais un autre ouvert a tous.

http://detente.forumsactifs.com/f124-pour-les-invites

[Invité]

pouvez vous donné le
template topics_list_box ! et t'il modifier celui la !!!

[NancyButterfly]

Le voici, je me souvient plus ce que j'ai fait avec lui lol

Spoiler:

[Invité]

ok , remplacé votre Template par celui-ci .

Code:

<!-- 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">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="80">&nbsp;{topics_list_box.row.L_REPLIES}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="50">&nbsp;{topics_list_box.row.L_VIEWS}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</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">&nbsp;<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>&nbsp;
            <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="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
        <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
        <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
        <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar"><center>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</center></span>
            <!-- END avatar -->

            <span class="postdetails">     
        {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</CENTER></span>
        </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>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
                    <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</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 -->

il y avait rien que 3 fois la variable et le span postdetail n'était plus en place j'ai aussi enlever nowrap=nowrap pour l'affichage du texte comme sur l'index sinon il étais sur une ligne ,et agrandisser la taille en longueur pas trés jolie.

normalement cela devrait rentrer dans l'ordre ..............

[NancyButterfly]

Merci merci merci encore une fois tu me sauve lol Je te remercie infiniment. Bonne soirée.

[Invité]

mais de rien je t'en prie