ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » DragonDesign Login Slider (Links)

Geschlossen
  1. Do. 14.10.2010 13:21 Uhr #1
    User Pic
    Zero17913 Mitglied
    Registriert seit
    11.10.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    hallo liebe ilcher ^^ und zwar wollte ich fragen kann man die DragonDesign Login Slider so umcoden das sie links angezeigt wird ich habs schon selber versucht aber naja ich hoffe ihr könnt mir helfen lächeln

    hier mein code ist noch rechts : 

    <div id="teamspeak_slider" class="teamspeak_slider" style=" right: 0px; width: 40px; position: fixed; top: 100px; background: url(include/images/ddteamspeakslider/bar.png); repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
            
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">
<iframe name="tsviewer" allowtransparency="true" width="245" height="460" frameborder="0" style="border:0px solid #;" scrolling="auto" src="http://www.tsviewer.com/ts_viewer_pur.php?ID=935181&bg=transparent&type=8f8f8f&type_size=11&type_family=1&info=1&channels=1&users=1&type_s_color=000000&type_s_weight=bold&type_s_style=normal&type_s_variant=normal&type_s_decoration=none&type_s_color_h=525284&type_s_weight_h=bold&type_s_style_h=normal&type_s_variant_h=normal&type_s_decoration_h=underline&type_i_color=000000&type_i_weight=normal&type_i_style=normal&type_i_variant=normal&type_i_decoration=none&type_i_color_h=525284&type_i_weight_h=normal&type_i_style_h=normal&type_i_variant_h=normal&type_i_decoration_h=underline&type_c_color=000000&type_c_weight=normal&type_c_style=normal&type_c_variant=normal&type_c_decoration=none&type_c_color_h=525284&type_c_weight_h=normal&type_c_style_h=normal&type_c_variant_h=normal&type_c_decoration_h=underline&type_u_color=000000&type_u_weight=normal&type_u_style=normal&type_u_variant=normal&type_u_decoration=none&type_u_color_h=525284&type_u_weight_h=normal&type_u_style_h=normal&type_u_variant_h=normal&type_u_decoration_h=none"></iframe>
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider()
  {
    if(state==0){
        $('#teamspeak_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#teamspeak_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#teamspeak_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
       
        if(wait)
         state = 1;
    })

   
    $('#teamspeak_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider(); 
    });
</script>


    betroffene Homepage: blackopsclan.bplaced.net/
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 16.10.2010 01:29 Uhr #2
    User Pic
    DragonLord2007 Mitglied
    Registriert seit
    27.04.2009
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    <div id="teamspeak_slider" class="teamspeak_slider" style=" left: 0px; width: 40px; position: fixed; top: 100px; background: url(include/images/ddteamspeakslider/bar.png); repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
            
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">
<iframe name="tsviewer" allowtransparency="true" width="245" height="460" frameborder="0" style="border:0px solid #;" scrolling="auto" src="http://www.tsviewer.com/ts_viewer_pur.php?ID=935181&bg=transparent&type=8f8f8f&type_size=11&type_family=1&info=1&channels=1&users=1&type_s_color=000000&type_s_weight=bold&type_s_style=normal&type_s_variant=normal&type_s_decoration=none&type_s_color_h=525284&type_s_weight_h=bold&type_s_style_h=normal&type_s_variant_h=normal&type_s_decoration_h=underline&type_i_color=000000&type_i_weight=normal&type_i_style=normal&type_i_variant=normal&type_i_decoration=none&type_i_color_h=525284&type_i_weight_h=normal&type_i_style_h=normal&type_i_variant_h=normal&type_i_decoration_h=underline&type_c_color=000000&type_c_weight=normal&type_c_style=normal&type_c_variant=normal&type_c_decoration=none&type_c_color_h=525284&type_c_weight_h=normal&type_c_style_h=normal&type_c_variant_h=normal&type_c_decoration_h=underline&type_u_color=000000&type_u_weight=normal&type_u_style=normal&type_u_variant=normal&type_u_decoration=none&type_u_color_h=525284&type_u_weight_h=normal&type_u_style_h=normal&type_u_variant_h=normal&type_u_decoration_h=none"></iframe>
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider()
  {
    if(state==0){
        $('#teamspeak_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#teamspeak_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#teamspeak_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
       
        if(wait)
         state = 1;
    })
    
    $('#teamspeak_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider(); 
    });
</script>

    ------------------------------------------------------------
    damit isser schon mal rechts, aber das ist noch nicht alles.
    Ich habe es ja selbst noch nicht auf der Rechten Seite Probiert.

    PS: Du kannst ruhig auch auf DD Posten, da kann man dir was DD Downloads angeht schneller Helfen. lächeln


    Zuletzt modifiziert von DragonLord2007 am 16.10.2010 - 01:30:39
    »DragonDesigns ILCH Community Free Ilch Designs, Boxen und Module
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 02.02.2011 15:58 Uhr #3
    User Pic
    Lucifer Mitglied
    Registriert seit
    12.01.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Sehe ich das richtig das nur dieser Txt Rechts oder auch Links angibt ?


    <div id="teamspeak_slider" class="teamspeak_slider" style=" right: 0px; width: 40px; position:

    oder

    <div id="teamspeak_slider" class="teamspeak_slider" style=" left: 0px; width: 40px; position:
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 02.02.2011 16:20 Uhr #4
    User Pic
    Lucifer Mitglied
    Registriert seit
    12.01.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Kann mir Vlt Jemand Sagen ob das den so Richtig were ? 
    <div id="teamspeak_slider" class="teamspeak_slider" style=" left: 0px; width: 40px; position: fixed; top: 100px; background: url(pics%20/TeamspeakLucifer.png); repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
            
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">
<iframe name="tsviewer" allowtransparency="true" width="245" height="460" frameborder="0" style="border:0px solid #;" scrolling="auto" src="e&amp;text_i_color_h=525284&amp;text_i_weight_h=normal&amp;text_i_style_h=normal&amp;text_i_variant_h=normal&amp;text_i_decoration_h=underline&amp;text_c_color=0037ff&amp;text_c_weight=normal&amp;text_c_style=normal&amp;text_c_variant=normal&amp;text_c_decoration=none&amp;text_c_color_h=00ff73&amp;text_c_weight_h=normal&amp;text_c_style_h=normal&amp;text_c_variant_h=normal&amp;text_c_decoration_h=underline&amp;text_u_color=ff0000&amp;text_u_weight=bold&amp;text_u_style=normal&amp;text_u_variant=normal&amp;text_u_decoration=none&amp;text_u_color_h=0000ff&amp;text_u_weight_h=bold&amp;text_u_style_h=normal&amp;text_u_variant_h=normal&amp;text_u_decoration_h=none"></script><noscript>Enable JavaScript or visit <a href="http://www.tsviewer.com/index.php?page=ts_viewer&amp;ID=940607">TeamSpeak Viewer</a> to display the TeamSpeak server."></iframe>
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider()
  {
    if(state==0){
        $('#teamspeak_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#teamspeak_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#teamspeak_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
       
        if(wait)
         state = 1;
    })
    
    $('#teamspeak_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider(); 
    });



    Zuletzt modifiziert von Chapter am 02.02.2011 - 16:28:59
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 02.02.2011 16:30 Uhr #5
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    @Lucifer

    Zum Posten von Code immer den codebutton # nutzen !
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 02.02.2011 16:43 Uhr #6
    User Pic
    Lucifer Mitglied
    Registriert seit
    12.01.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    jo srry ^^

    Du weist nicht Zuffälig obs so Richtig ist und Wie ich desweiteren die Index Html Bearbeiten muss ?
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 02.03.2011 14:34 Uhr #7
    User Pic
    Zero17913 Mitglied
    Registriert seit
    11.10.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    einmal für links und rechts schockiert 

    <div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 200px; background: url(include/images/ddslider/loginbar.png) repeat scroll 0% 0% transparent; height: 203px; z-index: 999;" >
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">
      {_boxes_login}
   </div>
   </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider0()
  {
    if(state==0){
        $('#login_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#login_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#login_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider0();
            wait = true;
            setTimeout('changeSlider0();',2000)
        }
       
        if(wait)
         state = 1;
    })

   
    $('#login_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider0(); 
    });
</script>

    <div id="ts_slider" class="ts_slider" style=" left: -262px; width: 308px; position: fixed; top: 200px; background: url(include/images/ddslider/tsbar.png) repeat scroll 100% 0% transparent; height: 635px; z-index: 999;" >
<div style="position:absolute;top:10pt;right:43pt;width:186px;height:592px;overflow:auto">
      {_boxes_tsbox}
   </div>
   </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider1()
  {
    if(state==0){
        $('#ts_slider').animate({width: 308 }, "slow", function(){});
        }
    else
        $('#ts_slider').animate({width: 510 }, "slow", function(){});
    wait = false;
  }
 
    $('#ts_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider1();
            wait = true;
            setTimeout('changeSlider1();',2000)
        }
       
        if(wait)
         state = 1;
    })

   
    $('#ts_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider1(); 
    });
</script>



    Zuletzt modifiziert von Zero17913 am 02.03.2011 - 14:36:22
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten