Agrandir le corps du théme caméleon

jweb Membre non connecté

Booster Minigun

Le 27/10/2009 à 08h59

bon j'ai fait les modification mais cela ne change rien ...

Pourquoi me demander le news.tpl car cela est présent sur toutes les autres pages et je ne l'ai pas encore modifier...

Voilà news.tpl que je n'ai pas modifier...

Code HTML :

<script type="text/javascript">
        <!--
        function Confirm() {
            return confirm("{L_ALERT_DELETE_NEWS}");
        }
        -->
        </script>
 
        # IF C_NEWS_EDITO #
        <div class="news_container">
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left;padding-left:30px;"><h3 class="title">{TITLE}</h3></div>
                <div style="float:right;"># IF C_IS_ADMIN # <a href="../news/admin_news_config.php" title="{L_EDIT}"><img src="../templates/{THEME}/images/{LANG}/edit.png" class="valign_middle" alt="{L_EDIT}" /></a> # ENDIF #</div>
            </div>
            <div class="news_content">
                &nbsp;&nbsp;{CONTENTS}
            </div>
 
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # ENDIF #
 
        # IF C_NEWS_NO_AVAILABLE #
        <div class="news_container">
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left;padding-left:30px;"><a href="../syndication.php?m=news" title="Syndication"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Syndication" title="Syndication" /></a></div>
                <div style="float:right;"><h3 class="title valign_middle">{L_LAST_NEWS}</h3></div>
            </div>  
            <div class="news_content">
                <p class="text_strong text_center">{L_NO_NEWS_AVAILABLE}</p>
            </div>
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # ENDIF #
 
 
 
        # IF C_NEWS_BLOCK #
 
        # START news #        
        # IF news.C_NEWS_ROW # <div class="spacer"></div> # ENDIF #
        # IF C_NEWS_BLOCK_COLUMN # 
        <div class="news_container" style="float:left;width:{COLUMN_WIDTH}%">
        # ELSE #
        <div class="news_container">
        # ENDIF #
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <span style="float:left;padding-left:5px;">
                    <a href="../syndication.php?m=news" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Rss" title="Rss" /></a>
                    <a class="news_title" href="../news/news{news.U_NEWS_LINK}">{news.TITLE}</a>
                </span>
                <span style="float:right;">
                    <img src="{PATH_TO_ROOT}/news/templates/images/comments.png" alt="" class="valign_middle" /> {news.U_COM}
                    # IF C_IS_ADMIN #
                    <a href="../news/admin_news.php?id={news.ID}" title="{L_EDIT}"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/edit.png" alt="{L_EDIT}" /></a>
                    <a href="../news/admin_news.php?delete=1&id={news.ID}&token={TOKEN}" title="{L_DELETE}" onclick="javascript:return Confirm();"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/delete.png" alt="{L_DELETE}" /></a>
                    # ENDIF #
                </span>
            </div>
            <div class="news_content">
                # IF news.IMG # <img src="{news.IMG}" alt="{news.IMG_DESC}" title="{news.IMG_DESC}" class="img_right" /> # ENDIF # 
                # IF news.C_ICON # <a href="news.php?cat={news.IDCAT}"><img class="valign_middle" src="{news.ICON}" alt="" /></a> # ENDIF # 
 
                {news.CONTENTS}
 
 
 
                {news.EXTEND_CONTENTS}
                <div class="spacer"></div>
            </div>
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom">
                <span style="float:left"><a class="small_link" href="../member/member{news.U_USER_ID}">{news.PSEUDO}</a></span>
                <span style="float:right">{news.DATE}</span>
            </div>
        </div>        
       {COMMENTS}       
        # END news #
 
        # IF C_NEWS_NAVIGATION_LINKS #
        <div style="width:90%;padding:20px;margin:auto;margin-top:-15px;">
            # IF C_PREVIOUS_NEWS # <span style="float:left;"><a href="news{U_PREVIOUS_NEWS}"><img src="../templates/{THEME}/images/left.png" alt="" class="valign_middle" /></a> <a href="news{U_PREVIOUS_NEWS}">{PREVIOUS_NEWS}</a></span> # ENDIF #
           # IF C_NEXT_NEWS # <span style="float:right;"><a href="news{U_NEXT_NEWS}">{NEXT_NEWS}</a> <a href="news{U_NEXT_NEWS}"><img src="../templates/{THEME}/images/right.png" alt="" class="valign_middle" /></a></span> # ENDIF #
        </div>
        # ENDIF #
 
        <div class="spacer"></div>
        <div class="text_center">{PAGINATION}</div>
        <div class="text_center">{ARCHIVES}</div>
        <div class="spacer"></div>
        # ENDIF #
 
 
 
        # IF C_NEWS_LINK #        
        <div class="news_container">
            <div class="news_top_l"></div>            
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left"><a href="../syndication.php?m=news" title="Syndication"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Syndication" title="Syndication" /></a> <h3 class="title valign_middle">{L_LAST_NEWS}</h3></div>
                <div style="float:right"># IF C_IS_ADMIN # &nbsp;&nbsp;<a href="admin_news_cat.php?id={IDCAT}" title="{L_EDIT}"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/edit.png" /></a> # ENDIF #</div>
            </div>    
            <div class="news_content">
 
            # START list #
                # IF list.C_NEWS_ROW # 
                <div class="spacer"></div> 
                # ENDIF #
 
                # IF C_NEWS_LINK_COLUMN # 
                <div style="float:left;width:{COLUMN_WIDTH}%">
                # ELSE #
                <div>
                # ENDIF #
                    <ul style="margin:0;padding:0;list-style-type:none;">
                        <li><img src="../templates/{THEME}/images/li.png" alt="" /> {list.ICON} <span class="text_small">{list.DATE} :</span> <a href="{list.U_NEWS}">{list.TITLE}</a></li>
                    </ul>
                </div>
            # END list #
 
                <div class="spacer">&nbsp;</div>
                <div class="text_center">{PAGINATION}</div>
                <div class="text_center">{ARCHIVES}</div>                
            </div>
            <div class="news_bottom_l"></div>        
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>        
        # ENDIF #

Et je me suis dit qu'il serait intéressent de mettre mon shoutbox_mini.css

Code CSS :

/* Conteneur des messages de la shoutbox.*/
div#shout_container{
    width:auto;
    height:150px;
    overflow:auto;
    text-align:left;
    margin:auto;
}

Voilà...

jweb Membre non connecté

Booster Minigun

Le 27/10/2009 à 13h52

#74843

Bon bah c'est déjà mieux maintenant (effectivement si je ne mettez pas le bon fichier à four sur le site sa ne risquer pas de fonctionner...) bon je doit trouvez comment centrer la zone de login ou le menu selon si l'on est connectez ou pas...

J'ai toucher a aucun des fichier sauf ceux du module shoot box et je viens de mettre les original mais sa deviens horrible...

Et j'ai pas sauvé mes modification précédente....

Donc j'en suis à un résulta encore pire...

J'ai aussi remplacé le fichier news.tpl mais sa ne change rien car strictement original noc je ne vois pas d'ou viens le problème de cette shoot qui fonctionnai sur les autre thèmes avant la restauration du fichier shootbox_mini.tpl.

Je vais modifier ce fichier ...

Bon...

édit: le tpl de le shootbox et totalement identique à celui de départ maintenant...

Mais je vais m'empréser de le bidouillé pour supprimé le cadre...

Le code shootbox_mini.tpl :

Code HTML :

        <script type="text/javascript">
        <!--
        function XMLHttpRequest_shoutmsg()
        {
            # IF C_BBCODE_TINYMCE_MODE #
                tinyMCE.triggerSave();
            # ENDIF #
 
            var pseudo = document.getElementById("shout_pseudo").value;
            var contents = document.getElementById("shout_contents").value;
 
            if( pseudo != '' && contents != '' )
            {
                document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
 
                pseudo = escape_xmlhttprequest(pseudo);
                contents = escape_xmlhttprequest(contents);
                data = "pseudo=" + pseudo + "&contents=" + contents;
                var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?token={TOKEN}&add=1&token={TOKEN}');
                xhr_object.onreadystatechange = function() 
                {
                    if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' && xhr_object.responseText != '-2' && xhr_object.responseText != '-3' && xhr_object.responseText != '-4' && xhr_object.responseText != '-5' && xhr_object.responseText != '-6' )
                    {    
                        var array_shout = new Array('', '');
                        eval(xhr_object.responseText);
                        document.getElementById('shout_container').innerHTML = '<p id="shout_container_' + array_shout[2] + '">' + array_shout[0] + '<span class="text_small">: ' + array_shout[1] + '</span></p>' + document.getElementById('shout_container').innerHTML;
                        document.getElementById('shout_contents').value = '';
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    }
                    else if( xhr_object.readyState == 4 )
                    {    
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                        switch( xhr_object.responseText )
                        {
                            case '-1': 
                                alert("{L_ALERT_UNAUTH_POST}");
                            break;
                            case '-2': 
                                alert("{L_ALERT_FLOOD}");
                            break;
                            case '-3': 
                                alert("{L_ALERT_LINK_PSEUDO}");
                            break;
                            case '-4': 
                                alert("{L_ALERT_LINK_FLOOD}");
                            break;
                            case '-5': 
                                alert("{L_ALERT_INCOMPLETE}");
                            break;
                            case '-6': 
                                alert("{L_ALERT_READONLY}");
                            break;
                        }
                    }
                }
                xmlhttprequest_sender(xhr_object, data);
            }
            else
                alert("{L_ALERT_INCOMPLETE}");
        }
        function XMLHttpRequest_shoutdelmsg(idmsg)
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            data = "idmsg=" + idmsg;
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?del=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText == '1' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container_' + idmsg).style.display = 'none';
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, data);
        }
 
        function XMLHttpRequest_shoutrefresh()
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?refresh=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container').innerHTML = xhr_object.responseText;
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, null);
            if( {SHOUT_REFRESH_DELAY} > 0 )
                setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        }
        function check_form_shout(){
            if(document.getElementById('shout_contents').value == "") {
                alert("{L_ALERT_TEXT}");
                return false;
            }
            return true;
        }
        function Confirm_del_shout(idmsg) {
            if( confirm("{L_DELETE_MSG}") )
                XMLHttpRequest_shoutdelmsg(idmsg);
        }
        if( {SHOUT_REFRESH_DELAY} > 0 )
            setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        -->
        </script>
 
        <form action="?token={TOKEN}" method="post" onsubmit="return check_form_shout();">
        <div class="module_mini_container">
            <div class="module_mini_top">
                <h5 class="sub_title">{L_SHOUTBOX}</h5>
            </div>
            <div class="module_mini_contents">
                <div id="shout_container">                    
                    # START shout #
                    <p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span></p>                        
                    # END shout #                    
                </div>
                # IF C_VISIBLE_SHOUT #
                <label for="shout_pseudo"><span class="text_small">{L_PSEUDO}</span></label>
                <input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #                    
                # IF C_HIDDEN_SHOUT #
                <input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #
 
 
                <label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
                <textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>                    
 
                <input type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
                <script type="text/javascript">
                <!--                
                document.getElementById('shoutbox_submit').style.display = 'none';
                document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
                -->
                </script>
                <a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>                    
                <p style="margin:0;margin-top:10px;">
                    <a class="small_link" href="{PATH_TO_ROOT}/shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVES}</a>
                </p>
            </div>
            <div class="module_mini_bottom">
            </div>
        </div>
        </form>

Et shootbox.tpl

Code HTML :

        <script type="text/javascript">
        <!--
        function check_form(){
            # IF C_BBCODE_TINYMCE_MODE #
                tinyMCE.triggerSave();
            # ENDIF #
 
            if(document.getElementById('shout_contents').value == "") {
                alert("{L_ALERT_TEXT}");
                return false;
            }
            return true;
        }
        function Confirm_shout() {
        return confirm("{L_DELETE_MSG}");
        }
 
        -->
        </script>
 
        <form action="shoutbox.php{UPDATE}" method="post" onsubmit="return check_form();" class="fieldset_mini">
            <fieldset>
                <legend>{L_ADD_MSG}{L_UPDATE_MSG}</legend>
                <p>{L_REQUIRE}</p>
 
                # IF C_VISIBLE_SHOUT #
                <dl>
                    <dt><label for="shout_pseudo">* {L_PSEUDO}</label></dt>
                    <dd><label><input type="text" size="25" maxlength="25" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" class="text" /></label></dd>
                </dl>
                # ENDIF #
 
                <label for="shout_contents">* {L_MESSAGE}</label>
                <div class="fieldset_mini">{KERNEL_EDITOR}</div>
                <label><textarea rows="10" cols="50" id="shout_contents" name="shout_contents">{CONTENTS}</textarea></label>
            </fieldset>
            <fieldset class="fieldset_submit">
                <legend>{L_SUBMIT}</legend>
                # IF C_HIDDEN_SHOUT #
                    <input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #
 
                <input type="hidden" name="shout_contents_ftags" id="shout_contents_ftags" value="{FORBIDDEN_TAGS}" />
                <input type="submit" name="shoutbox" value="{L_SUBMIT}" class="submit" />
                <script type="text/javascript">
                <!--                
                document.write('<input value="{L_PREVIEW}" onclick="XMLHttpRequest_preview();" type="button" class="submit" />');
                -->
                </script>
                <input type="reset" value="{L_RESET}" class="reset" />            
            </fieldset>    
        </form>
 
 
 
        # IF C_ERROR_HANDLER #
        <span id="errorh"></span>
        <div class="{ERRORH_CLASS}">
            <img src="../templates/{THEME}/images/{ERRORH_IMG}.png" alt="" style="float:left;padding-right:6px;" /> {L_ERRORH}
        </div>
 
 
        # ENDIF #
 
        <div class="msg_position">
            <div class="msg_top_l"></div>            
            <div class="msg_top_r"></div>
            <div class="msg_top" style="text-align:center;">{PAGINATION}&nbsp;</div>    
        </div>
        # START shoutbox #
        <div class="msg_position">
            <div class="msg_container{shoutbox.CLASS_COLOR}">
                <span id="m{shoutbox.ID}"></span>
                <div class="msg_top_row">
                    <div class="msg_pseudo_mbr">
                        {shoutbox.USER_ONLINE} {shoutbox.USER_PSEUDO}
                    </div>
                    <div style="float:left;">&nbsp;&nbsp;<a href="{shoutbox.U_ANCHOR}"><img src="../templates/{THEME}/images/ancre.png" alt="{shoutbox.ID}" /></a> {shoutbox.DATE}</div>
                    <div style="float:right;">{shoutbox.EDIT}{shoutbox.DEL}&nbsp;&nbsp;</div>
                </div>
                <div class="msg_contents_container">
                    <div class="msg_info_mbr">
                        <p style="text-align:center;">{shoutbox.USER_RANK}</p>
                        <p style="text-align:center;">{shoutbox.USER_IMG_ASSOC}</p>
                        <p style="text-align:center;">{shoutbox.USER_AVATAR}</p>
                        <p style="text-align:center;">{shoutbox.USER_GROUP}</p>
                        {shoutbox.USER_SEX}
                        {shoutbox.USER_DATE}
 
                        {shoutbox.USER_MSG}
 
                        {shoutbox.USER_LOCAL}
                    </div>
                    <div class="msg_contents{shoutbox.CLASS_COLOR}">
                        <div class="msg_contents_overflow">
                            {shoutbox.CONTENTS}
                        </div>
                    </div>
                </div>
            </div>    
            <div class="msg_sign{shoutbox.CLASS_COLOR}">                
                <div class="msg_sign_overflow">
                    {shoutbox.USER_SIGN}
                </div>                
                <hr />
                <div style="float:left;">
                    {shoutbox.U_USER_PM} {shoutbox.USER_MAIL} {shoutbox.USER_MSN} {shoutbox.USER_YAHOO} {shoutbox.USER_WEB}
                </div>
                <div style="float:right;font-size:10px;">
                    {shoutbox.WARNING} {shoutbox.PUNISHMENT}
                </div>&nbsp;
            </div>    
        </div>                
        # END shoutbox #        
        <div class="msg_position">        
            <div class="msg_bottom_l"></div>        
            <div class="msg_bottom_r"></div>
            <div class="msg_bottom" style="text-align:center;">{PAGINATION}&nbsp;</div>
        </div>

Édité par jweb Le 27/10/2009 à 14h00

jweb Membre non connecté

Booster Minigun

Le 27/10/2009 à 14h25

#74852

Oui j'ai rafraichi mon navigateur le cache je le rafraichie touts le temps...

Et voici mon nouveaux shootbox_mini.tpl traficoté j'arive pa à center les boutron en bas de la shoot mais c'est pas le plus grave...

Code HTML :

        <script type="text/javascript">
        <!--
        function XMLHttpRequest_shoutmsg()
        {
            # IF C_BBCODE_TINYMCE_MODE #
                tinyMCE.triggerSave();
            # ENDIF #
 
            var pseudo = document.getElementById("shout_pseudo").value;
            var contents = document.getElementById("shout_contents").value;
 
            if( pseudo != '' && contents != '' )
            {
                document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
 
                pseudo = escape_xmlhttprequest(pseudo);
                contents = escape_xmlhttprequest(contents);
                data = "pseudo=" + pseudo + "&contents=" + contents;
                var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?token={TOKEN}&add=1&token={TOKEN}');
                xhr_object.onreadystatechange = function() 
                {
                    if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' && xhr_object.responseText != '-2' && xhr_object.responseText != '-3' && xhr_object.responseText != '-4' && xhr_object.responseText != '-5' && xhr_object.responseText != '-6' )
                    {    
                        var array_shout = new Array('', '');
                        eval(xhr_object.responseText);
                        document.getElementById('shout_container').innerHTML = '<p id="shout_container_' + array_shout[2] + '">' + array_shout[0] + '<span class="text_small">: ' + array_shout[1] + '</span></p>' + document.getElementById('shout_container').innerHTML;
                        document.getElementById('shout_contents').value = '';
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    }
                    else if( xhr_object.readyState == 4 )
                    {    
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                        switch( xhr_object.responseText )
                        {
                            case '-1': 
                                alert("{L_ALERT_UNAUTH_POST}");
                            break;
                            case '-2': 
                                alert("{L_ALERT_FLOOD}");
                            break;
                            case '-3': 
                                alert("{L_ALERT_LINK_PSEUDO}");
                            break;
                            case '-4': 
                                alert("{L_ALERT_LINK_FLOOD}");
                            break;
                            case '-5': 
                                alert("{L_ALERT_INCOMPLETE}");
                            break;
                            case '-6': 
                                alert("{L_ALERT_READONLY}");
                            break;
                        }
                    }
                }
                xmlhttprequest_sender(xhr_object, data);
            }
            else
                alert("{L_ALERT_INCOMPLETE}");
        }
        function XMLHttpRequest_shoutdelmsg(idmsg)
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            data = "idmsg=" + idmsg;
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?del=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText == '1' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container_' + idmsg).style.display = 'none';
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, data);
        }
 
        function XMLHttpRequest_shoutrefresh()
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?refresh=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container').innerHTML = xhr_object.responseText;
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, null);
            if( {SHOUT_REFRESH_DELAY} > 0 )
                setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        }
        function check_form_shout(){
            if(document.getElementById('shout_contents').value == "") {
                alert("{L_ALERT_TEXT}");
                return false;
            }
            return true;
        }
        function Confirm_del_shout(idmsg) {
            if( confirm("{L_DELETE_MSG}") )
                XMLHttpRequest_shoutdelmsg(idmsg);
        }
        if( {SHOUT_REFRESH_DELAY} > 0 )
            setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        -->
        </script>
 
        <form action="?token={TOKEN}" method="post" onsubmit="return check_form_shout();">
        <div>
            <div>
                <h5><center>{L_SHOUTBOX}</center></h5>
            </div>
            <div>
                <div id="shout_container">                    
                    # START shout #
                    <p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span></p>                        
                    # END shout #                    
                </div>
                # IF C_VISIBLE_SHOUT #
                <label for="shout_pseudo"><span class="text_small">{L_PSEUDO}</span></label>
                <input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #                    
                # IF C_HIDDEN_SHOUT #
                <input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #
 
 
                <label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
                <textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>                    
 
                <input type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
                <script type="text/javascript">
                <!--                
                document.getElementById('shoutbox_submit').style.display = 'none';
                document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
                -->
                </script>
                <a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>                    
                <p style="margin:0;margin-top:10px;">
                    <a class="small_link" href="{PATH_TO_ROOT}/shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVES}</a>
                </p>
            </div>
            <div>
            </div>
        </div>
        </form>

Je ne vois pas ou il manque un div mais c'est un problème du thème la car un autre thème ne fera pas sa...

Le théme par défaut est lui fonctionnelle par rapport aux caméléon j'ai pas trop de problème pour la shoot...

Édité par jweb Le 27/10/2009 à 14h30

jweb Membre non connecté

Booster Minigun

Le 27/10/2009 à 19h06

#74865

Bon donc voici comment j'ai effectué:

Je suis allé dans l'administration > contenu > menu

Ensuite j'ai positionné la shootbox dans "Menu central haut"

ensuite j'ai modifier le fichier shoutbox_mini.css puis pour certain thème le fichier content.css mais je ne l'ai pas fait pour celui la car sa ne fonctionne pas.

Ensuite pour amélioré la qualité de la shout j'ai modifier shootbox_mini.tpl

en supprimant des classe et autre bidule inutiles en rapport avec le css...

Fichier shoutbox_mini.css:

Code CSS :

/* Conteneur des messages de la shoutbox.*/
div#shout_container{
    width:auto;
    height:150px;
    overflow:auto;
    text-align:left;
    margin:auto;
}

Fichier shoutbox_mini.tpl:

Code HTML :

 
        <script type="text/javascript">
        <!--
        function XMLHttpRequest_shoutmsg()
        {
            # IF C_BBCODE_TINYMCE_MODE #
                tinyMCE.triggerSave();
            # ENDIF #
 
            var pseudo = document.getElementById("shout_pseudo").value;
            var contents = document.getElementById("shout_contents").value;
 
            if( pseudo != '' && contents != '' )
            {
                document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
 
                pseudo = escape_xmlhttprequest(pseudo);
                contents = escape_xmlhttprequest(contents);
                data = "pseudo=" + pseudo + "&contents=" + contents;
                var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?token={TOKEN}&add=1&token={TOKEN}');
                xhr_object.onreadystatechange = function() 
                {
                    if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' && xhr_object.responseText != '-2' && xhr_object.responseText != '-3' && xhr_object.responseText != '-4' && xhr_object.responseText != '-5' && xhr_object.responseText != '-6' )
                    {    
                        var array_shout = new Array('', '');
                        eval(xhr_object.responseText);
                        document.getElementById('shout_container').innerHTML = '<p id="shout_container_' + array_shout[2] + '">' + array_shout[0] + '<span class="text_small">: ' + array_shout[1] + '</span></p>' + document.getElementById('shout_container').innerHTML;
                        document.getElementById('shout_contents').value = '';
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    }
                    else if( xhr_object.readyState == 4 )
                    {    
                        document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                        switch( xhr_object.responseText )
                        {
                            case '-1': 
                                alert("{L_ALERT_UNAUTH_POST}");
                            break;
                            case '-2': 
                                alert("{L_ALERT_FLOOD}");
                            break;
                            case '-3': 
                                alert("{L_ALERT_LINK_PSEUDO}");
                            break;
                            case '-4': 
                                alert("{L_ALERT_LINK_FLOOD}");
                            break;
                            case '-5': 
                                alert("{L_ALERT_INCOMPLETE}");
                            break;
                            case '-6': 
                                alert("{L_ALERT_READONLY}");
                            break;
                        }
                    }
                }
                xmlhttprequest_sender(xhr_object, data);
            }
            else
                alert("{L_ALERT_INCOMPLETE}");
        }
        function XMLHttpRequest_shoutdelmsg(idmsg)
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            data = "idmsg=" + idmsg;
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?del=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText == '1' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container_' + idmsg).style.display = 'none';
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, data);
        }
 
        function XMLHttpRequest_shoutrefresh()
        {
            document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/loading_mini.gif';
            var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/shoutbox/xmlhttprequest.php?refresh=1&token={TOKEN}');
            xhr_object.onreadystatechange = function() 
            {
                if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '' )
                {
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
                    document.getElementById('shout_container').innerHTML = xhr_object.responseText;
                }
                else if( xhr_object.readyState == 4 )
                    document.getElementById('shoutimg').src = '{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png';
            }
            xmlhttprequest_sender(xhr_object, null);
            if( {SHOUT_REFRESH_DELAY} > 0 )
                setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        }
        function check_form_shout(){
            if(document.getElementById('shout_contents').value == "") {
                alert("{L_ALERT_TEXT}");
                return false;
            }
            return true;
        }
        function Confirm_del_shout(idmsg) {
            if( confirm("{L_DELETE_MSG}") )
                XMLHttpRequest_shoutdelmsg(idmsg);
        }
        if( {SHOUT_REFRESH_DELAY} > 0 )
            setTimeout('XMLHttpRequest_shoutrefresh()', {SHOUT_REFRESH_DELAY});
        -->
        </script>
 
        <form action="?token={TOKEN}" method="post" onsubmit="return check_form_shout();">
        <div>
            <div>
                <h5 style="text-align: center;">{L_SHOUTBOX}</h5>
            </div>
            <div>
                <div id="shout_container">                    
                    # START shout #
                    <p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span></p>                        
                    # END shout #                    
                </div>
                # IF C_VISIBLE_SHOUT #
                <label for="shout_pseudo"><span class="text_small">{L_PSEUDO}</span></label>
                <input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #                    
                # IF C_HIDDEN_SHOUT #
                <input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
                # ENDIF #
 
<center>
                <label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
                <textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>                    
 
                <input style="text-align: center;" type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
                <script type="text/javascript">
                <!--                
                document.getElementById('shoutbox_submit').style.display = 'none';
                document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
                -->
                </script>
                <a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>                    
                <p style="margin:0;margin-top:10px;">
                    <a class="small_link" href="{PATH_TO_ROOT}/shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVES}</a>
                </p></center>
            </div>
            <div>
            </div>
        </div>
        </form>

c'est les seul fichier modifier pour placé la shout correctement en haut

Pour les autre théme content.css est modifier mais sur ce théme sa à un effet négatif ...

Code CSS :

.module_mini_container { /*Placement des mini modules */
    width:auto;
    margin:0px;
    margin-bottom:10px;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}