Code qui n'apparait pas (fleches haut et bas)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mar 1 Jan 2013 - 17:52

Bonne année a tous! j'espère que 2013 vous apportera tout plein de bonnes chose santé amour et argents mais tellement plus aussi ...


pourquoi ne pas commencé l'année par réussir a mettre jour le problème d'un code
je vous explique j'ai mes templates de modifier
l'un d'eux overall_footer_begin
qui donner mes flèches haut bas, mais elle apparaissais tout en bas
j'ai trouvais un tuto sur le forum ( http://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas ) mais toujours rien --'
j'ai donc remis mon template en "défaut" mais ça ne marche toujours pas

voilà le template modifier ( que j'ai sur mon forum car je teste sur le fo Test)


overall_footer_begin


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>
<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
<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 -->
                  | <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} <br />

              </div>
            </div>
        </div>
        {PROTECT_FOOTER}
<div style="text-align: center;"><img src="IMAGE" border="0" ></div>
      </td>
  </tr>
                 
</table>

 
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
   
         
<!-- BEGIN google_analytics_code_footer -->
<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>
<!-- END google_analytics_code_footer -->

</body>
</html>

le code css :



Code:
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 10px; /*--- On le place à right px du haut de l'écran ---*/
right: XXpx; /*--- On le place à X px de la droite de l'écran ---*/
background-color: #000000; /*--- On donne une couleur au fond ---*/
}


pour tous ceux qui passeront par là et qui m'aiderons de quelque façon un grand grand MERCI


Dernière édition par Marilou1980 le Sam 12 Jan 2013 - 7:15, édité 2 fois

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par _backdraft_ le Mar 1 Jan 2013 - 17:56

Bonjour,

Avez vous mis le javascript comme il est indiqué sur le tutoriel ?

Cordialement
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mar 1 Jan 2013 - 20:48

Bonsoir et merci, ensuite, oui je les créer et activé aussi
je vous met les captures




Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Mer 2 Jan 2013 - 11:51

Bonjour,

Vous devez modifier la valeur top dans le css pour remonter les flèches Wink

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 2 Jan 2013 - 12:50

Merci pour votre réponse malheureusement cela ne change rien j'ai tester jusqu'à 800px cela n’apparaît toujours pas


Code:
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top:600px; /*--- On le place à right px du haut de l'écran ---*/
right: 50px; /*--- On le place à X px de la droite de l'écran ---*/
background-color: #000000; /*--- On donne une couleur au fond ---*/
}

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Mer 2 Jan 2013 - 13:00

Sur le javascript la class est différente de votre css, si vous mettez comme ceci a la place
Code:

        .bouhautbas {
            bottom: 40px;
            left: 10px; /* remplacez left par right pour afficher les boutons à droite */
            position: fixed;
            z-index: 100;
        }

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 2 Jan 2013 - 13:22

Toujours rien jai tenter de modifier les Px pour voir mais cela ne change pas pour autant

alors j'ai tenter quelque chose qui fonctionne mais pas comme j'aimerais

j'ai remis mon code qui marcher mais rester tout en bas ce qui donne


template overall_footer_begin


Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <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><div class="bouhautbas">
<a href="#top"><img src="http://img15.hostingpics.net/pics/677260776276flechejusquaicone7702128.png" /></a><br />
<a href="#bottom"><img src="http://img15.hostingpics.net/pics/743351478440flecheversbasicone8540128.png" /></a>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
   <div align="center">
      <div class="gen">
                 
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

je n'est pas modifier le css j'ai laisser celui que vous m'avez donner ( la flèche indique l'emplacement que j'aimerais merciiiiiiii )

cela donne :


Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Mer 2 Jan 2013 - 13:31

Je ne comprend pas trop pourquoi vous mettez le code dans le template, vous n'utilisez pas le javascript?. Quel est le lien du forum concerné

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 2 Jan 2013 - 13:33

bne le javascript ne marche pas ( j'ai de toute facon remis mon template par défaut)

voilà le Forum
http://testmarilou.forumcanada.org/

Merci.

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Mer 2 Jan 2013 - 13:38

alors pour le template, ok, tu le garde et le css

Code:
 .bouhautbas {
                    bottom: 280px;
                    right: 0px; /* remplacez left par right pour afficher les boutons à droite */
                    position: fixed;
                    z-index: 100;
                }

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 2 Jan 2013 - 13:47

Heu sorry j'ai un doute je garde mon temple modifier ou celui par défaut ?

encore une fois qui ne tente rien n'a rien, j'ai mis le css nada --'
j'ai remis mon code template plus le css nada XD

j'ai la poisse avec ses flèches mais c'est si pratique

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Dim 6 Jan 2013 - 7:50

Up s'il vous plait !

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Lun 7 Jan 2013 - 9:11

Bien le bonjour. Un petit mais tout en puissance Up ^^
Merci !

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Lun 7 Jan 2013 - 13:23

Salut,

tu as réussi a afficher les boutons,

mais ils sont toujours décalé c'est bien cela. Si je mets ceci dans le css cela devrait marcher

Code:
.haut {
bottom: 40px;
right: 10px;
position: fixed;
z-index: 100;
}
.bas{
bottom:8px;
right:8px;
position: fixed;
z-index: 100;}
                 

après

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 9 Jan 2013 - 17:46

Bonsoir,
je suis un peu perdu dans tout cela
peut-on faire une mise au point XD

je garde mon code dans le templates ?
et je vire le javascript ?

et je met le code que tu viens de me donner ci dessus dans ma feuille de style c'est cela ?

Je préfère demandé que faire n’importe quoi et te faire perdre encore plus de temps

MErci.

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Mer 9 Jan 2013 - 19:04

Sur se forum http://testmarilou.forumcanada.org/ tu gardes se que tu as mis, tu rajoute juste ceci comme css
Code:
        .haut {
        bottom: 40px;
        right: 10px;
        position: fixed;
        z-index: 100;
        }
        .bas{
        bottom:8px;
        right:8px;
        position: fixed;
        z-index: 100;}
                         


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Mer 9 Jan 2013 - 20:46

Bonsoir Automne,

je désespère cela ne marche pas, les deux flèches sont tout en haut a gauche ( encore cela ne me dérangerai pas trop) mais elle ne suive pas mon écran donc cela ne sert a rien

Peut-être faudrait-il revoir tout au début ?! je ne sais pas --'

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Automne le Ven 11 Jan 2013 - 14:07

Salut,

Et beh je vois que tu entoures tes styles css de
////////////////////////////*ascenseur*//////////////////////////////

////////////////////////////*ascenseur*//////////////////////////////

Retire tes slashs^^ a la limite juste ceci /*ascenseur*/ sans plus

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui n'apparait pas (fleches haut et bas)

Message par Marilou1980 le Sam 12 Jan 2013 - 7:15

Parfait Merci pour tout.

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum