Bouton chatbox tout en bas Bouton_activeBouton chatbox tout en bas Bouton_hoverBouton chatbox tout en bas Fb-hoverBouton chatbox tout en bas Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Bouton chatbox tout en bas EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Bouton chatbox tout en bas EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Bouton chatbox tout en bas EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Bouton chatbox tout en bas EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Bouton chatbox tout en bas EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Bouton chatbox tout en bas EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Bouton chatbox tout en bas EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Bouton chatbox tout en bas EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

Partagez
 

Bouton chatbox tout en bas

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://aventures.forum-actif.net/
Anthocyane
Anthocyane
{ Membre }
{ Membre }

Féminin Messages : 17



Bouton chatbox tout en bas Empty
Bonjour,

J'ai cherché, bidouillé, mais je n'ai pas réussi. J'aimerais mettre la chatbox avec un bouton pour l'ouvrir et la fermer en bas de la page. Déjà pour ça je l'ai mis dans le template overall_footer bon c'est pas vraiment collé en ba comme j'aimerais, mais en plus quand on ouvre la chat box, le bouton reste à droite alors que j'aimerais bien qu'il soit au dessus.

Pour avoir un exemple : http://aventures.forumotion.com/forum.htm (le bouton d'ouverture de la chatbox es le carré nouveau message tout en bas (oui je n'ai pas encore fait mon bouton Siffle )

Et le code du overall_footer :

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
    <tr>
        <td>
            <div>
                <div>
                    <table>
                        <tbody>
                            <tr>
                                <td>
<!-- END html_validation -->
                                <td valign="top" width="{C3SIZE}">
                                <div id="{ID_RIGHT}">
                                    <!-- BEGIN giefmod_index2 -->
                                    {giefmod_index2.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height: {SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index2 -->
                                </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- close div id="page-body" -->
            <div id="page-footer">
                <div align="center">
                    <div class="gen">
                        <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
                        <!-- BEGIN switch_view_stats -->
                         | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
                        <!-- END switch_view_stats -->
                        <!-- BEGIN switch_view_donation -->
                         | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
                        <!-- END switch_view_donation -->
                        <!-- BEGIN switch_view_contact -->
                         |&nbsp;<a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
                        <!-- END switch_view_contact -->
                        {U_ABUSE} {U_BLOG}
<table style="position: scroll; bottom: 1px; left: -10px;z-index:10000;">
<tr>
<td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="1" marginheight="1" frameborder="1"></iframe>
</td>
<td style="vertical-align: bottom;">
<img src="http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'block':'none';
this.src=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'http://i86.servimg.com/u/f86/14/46/16/55/verr10.jpg':'http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg';"/>
</td>
</tr>
</table>
<br clear="all" />
                    </div>
                </div>
            </div>
            {PROTECT_FOOTER}
        </td>
    </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
    if ($('a#logout'))
    {
        var lien_redir = $('a#logout').attr('href');

        if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
        {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
        }
    }
});

$(document).ready( function() {
    $('a#logout').click( function() {
        FB.logout();
    } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
</body>
</html>

Voilà et merci à celui ou celle qui prendra le temps de m'aider.

^^
MessageSujet: Bouton chatbox tout en bas   Bouton chatbox tout en bas EmptyLun 18 Oct 2010, 11:23
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Bouton chatbox tout en bas Empty
Bonjour;

Alors c'est parce que ton code est composé d'une ligne et de deux colonnes :
La chatboxLe bouton
Alors que ce que tu veux se présente ainsi :
Le bouton
La chatbox

Donc, retournes dans ton templates et modifie ton code de chatbox par celui-ci : J'ai essayé de faire qu'elle soit collée au bord en bas; en mettant une marge négative que tu peux modifier ^^

Code:
<table style="z-index:1000; margin-bottom: -27px;">
   <tr>
      <td>
      <img src="http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'block':'none';
      this.src=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'http://i86.servimg.com/u/f86/14/46/16/55/verr10.jpg':'http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg';"/>
      </td>
   </tr>

   <tr>
      <td>
      <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="1" marginheight="1" frameborder="1"></iframe>
      </td>
   </tr>
</table>


Dis moi si cela marche =)
MessageSujet: Re: Bouton chatbox tout en bas   Bouton chatbox tout en bas EmptyVen 22 Oct 2010, 12:50
Revenir en haut Aller en bas
http://aventures.forum-actif.net/
Anthocyane
Anthocyane
{ Membre }
{ Membre }

Féminin Messages : 17



Bouton chatbox tout en bas Empty

Merci beaucoup ça fonctionne !

cheers

Ah il ne me reste plus qu'à faire le bouton maintenant ! ^^

Merci ! Smack Smack
MessageSujet: Re: Bouton chatbox tout en bas   Bouton chatbox tout en bas EmptyVen 22 Oct 2010, 15:54
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Bouton chatbox tout en bas Empty
De rien =)
Je classe alors; bon courage pour le bouton xD
MessageSujet: Re: Bouton chatbox tout en bas   Bouton chatbox tout en bas EmptyVen 22 Oct 2010, 17:36
Revenir en haut Aller en bas
Contenu sponsorisé




Bouton chatbox tout en bas Empty
MessageSujet: Re: Bouton chatbox tout en bas   Bouton chatbox tout en bas Empty
Revenir en haut Aller en bas
 

Bouton chatbox tout en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Question sur avatar & bouton
» Bouton "up" qui ne remonte pas
» Personnalisation de bouton ...
» Bouton qui ne marche plus ! WTF ! [a archiver]
» Le CSS ne s'applique par sur le bouton et le profil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet