ilch Forum » Allgemein » HTML, PHP, SQL,... » HomePage FAden =)

Geschlossen
  1. #1
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    Hi,

    hab mal vor lange zeit auf einer seite gesehen das die so fadet^^ also wenn man einen link anklickt bledet die über oder auch wen man die seite betritt....frage ist kennet einer den code ? oder wei? wo man ihn bekommt glücklich hab guuuuuuge schon verwendet^^ finde da nur sachen die nicht funtzen glücklich.....


    Grüssle
    DAB

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    habs dir den link zwar grad schon per pm geschickt, aber hier halt nochmal für alle.

    externer Link

    wie man das allerdings in verbindung mit ilch einbaut? keine ahnung. ich teste noch...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Unknown|User gelöschter User
    1. jQuery runterladen und im Head-Bereich der Seite einbinden.


    Um nur den Content zu faden

    Einfügen von folgendem Code in den Head-Bereich der Seite.
            <script type="text/javascript">
                $(function() {
                    $("a").click(function() {
                        $("#fade_content").fadeOut('slow');
                        window.location(this.href);
                        return false;
                    });
    
                    $("#fade_content").fadeIn('slow');
                });
            </script>


    ersetze dann
    {EXPLODE}


    durch
    <div id="fade_content" style="display: none;">
        {EXPLODE}
    </div>



    Um die ganze Page zu faden

    Einfügen von folgendem Code in den Head-Bereich der Seite.
            <script type="text/javascript">
                $(function() {
                    $("a").click(function() {
                        $("body").fadeOut('slow');
                        window.location(this.href);
                        return false;
                    });
    
                    $("body").fadeIn('slow');
                });
            </script>


    ersetze dann
    <body>


    durch
    <body style="display: none;">



    Nachteil
    Ohne Javascript sieht man die Seite nicht mehr.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    funktioniert perfekt.

    danke flo


    Zuletzt modifiziert von Chapter am 26.07.2010 - 20:03:37
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    jQuery runterladen ? sorry noob im progen lach^^ was meinst du ?
    wenn ich es so einbinde gehts nicht glücklich
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ilchtest.kilu.de
    Quelltest öffnen und im headbereich kannst du dann schauen wie ich jquery eingebunden hab.
    Kann's dir Net direkt hier Posten, weil ich mit em Handy on bin


    Zuletzt modifiziert von Chapter am 27.07.2010 - 01:00:19
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    1 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    das habe ich eingebunden glücklich

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
                $(function() {
                    $("a").click(function() {
                        $("#fade_content").fadeOut('slow');
                        window.location(this.href);
                        return false;
                    });
     
                    $("#fade_content").fadeIn('slow');
                });
            </script>


    wenn ich das mache dazu

    <body style="display: none;">


    geht garnichts mehr......

    PS ich sehe gerade das ich ein jquery habe aber ein altes das nützt die fanzybox...aber 1.3 kann das sein das die sich stöhren ? oder einfach aus 1.3 .....1.4 machen ?


    Zuletzt modifiziert von DAB-FX am 27.07.2010 - 01:47:51
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Unknown|User gelöschter User
    Einfach das jQuery der Fancybox entfernen. Dann sollte alles gehen zwinker
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    nö!
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Unknown|User gelöschter User
    Zeig mal her. Also die Page, auf der du das machst.
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    gerne hier der code glücklich


    <!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">
    <head>
    <link rel="shortcut icon" href="http://www.dab-fx.bplaced.net/include/images/dabfav2.ico"/>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    
    
    <title>D.A.B - Digital Art Brothers</title>
    
    <link rel="stylesheet" type="text/css" href="include/designs/dab_007/style.css">
    <style type="text/css">
    <!--
    body {
    	background-color: #000000;
    
    }
    body,td,th {
    	color: #FFFFFF;
    }
    -->
    </style>
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
                $(function() {
                    $("a").click(function() {
                        $("#fade_content").fadeOut('slow');
                        window.location(this.href);
                        return false;
                    });
     
                    $("#fade_content").fadeIn('slow');
                });
            </script>
    
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    //-->
    </script>
    
    <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
      <script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>  
      <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script> 
      <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
      <script type="text/javascript">
    <!--
    $(document).ready(function() {
    		$("table#galimages a").fancybox(
    		{ 
    		'zoomSpeedIn': 800, 
    		'zoomSpeedOut': 500, 
    		'zoomSpeedChange': 800,
    		'zoomOpacity': 0.5,
    		'overlayOpacity': 0.5,
    		'easingIn' : 'easeOutBack',
    		'easingOut'	: 'easeInBack',
    		'overlayShow': true
    		}
    		);
    		
    		$("div#bbvideo a").fancybox(
    		{ 
    		'zoomSpeedIn': 800, 
    		'zoomSpeedOut': 500, 
    		'zoomSpeedChange': 800,
    		'zoomOpacity': 0.5,
    		'overlayOpacity': 0.5,
    		'overlayShow': true
    		}
    		);
    	});
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    
    </head>
    
    <link rel="shortcut icon" href="http://www.dab-fx.bplaced.net/include/images/dabfav2.ico"/>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <META NAME="keywords" content="design,zeichnungen,artist,künstler,bilder,geschichten,spiele,games,cms,ilch,typolight,joomla,gamedesign,game-design,webtemplate,free webtemplate,free,kostenlos,shop,homepage,tutorials,politik">
    <META NAME="description" content="rund um webdesign, zeichnungen, animationen, videotutorials, fantasy, politik und vieles mehr">
    <meta http-equiv="language" content="deutsch, de,englisch, en">
    <META NAME="David Alexander Burghardt" content="David Alexander Burghardt">
    <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
    <META NAME="revisit-after" CONTENT="1 days">
    <meta name="audience" content="alle">
    <meta name="expires" content="0">
    <meta http-equiv="imagetoolbar" content="false">
    
    <body onload="MM_preloadImages('include/designs/dab_007/Bilder/home_02.png','include/designs/dab_007/Bilder/about_02.png','include/designs/dab_007/Bilder/gallery_02.png','include/designs/dab_007/Bilder/contact_02.png','include/designs/dab_007/Bilder/forum_02.png','include/designs/dab_007/Bilder/links_02.png','include/designs/dab_007/Bilder/downloads_02.png','include/designs/dab_007/Bilder/member_02.png','include/designs/dab_007/Bilder/gbook_02.png','include/designs/dab_007/Bilder/andromics_02.png')" style="display: none;" >
    <table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td height="102" colspan="10"><img src="include/designs/dab_007/Bilder/header_01.png" width="980" height="102" border="0" usemap="#Map2" /></td>
      </tr>
      <tr>
        <td width="167" height="27" valign="top"><a href="index.php?self_start" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','include/designs/dab_007/Bilder/home_02.png',1)"><img src="include/designs/dab_007/Bilder/home_01.png" alt="start" name="start" width="167" height="27" border="0" id="start" /></a></td>
        <td colspan="2" valign="top"><a href="index.php?AboutMe" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutme','','include/designs/dab_007/Bilder/about_02.png',1)"><img src="include/designs/dab_007/Bilder/about_01.png" alt="aboutme" name="aboutme" width="112" height="27" border="0" id="aboutme" /></a></td>
        <td width="122" valign="top"><a href="index.php?gallery" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gallery','','include/designs/dab_007/Bilder/gallery_02.png',1)"><img src="include/designs/dab_007/Bilder/gallery_01.png" alt="gallery" name="gallery" width="122" height="27" border="0" id="gallery" /></a></td>
        <td width="197" valign="top"><img src="include/designs/dab_007/Bilder/zw_01.png" width="197" height="27" /></td>
        <td width="104" valign="top"><a href="index.php?contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','include/designs/dab_007/Bilder/contact_02.png',1)"><img src="include/designs/dab_007/Bilder/contact_01.png" alt="contact" name="contact" width="104" height="27" border="0" id="contact" /></a></td>
        <td colspan="3" valign="top"><a href="index.php?forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forum','','include/designs/dab_007/Bilder/forum_02.png',1)"><img src="include/designs/dab_007/Bilder/forum_01.png" alt="forum" name="forum" width="117" height="27" border="0" id="forum" /></a></td>
        <td width="161" valign="top"><a href="index.php?links" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','include/designs/dab_007/Bilder/links_02.png',1)"><img src="include/designs/dab_007/Bilder/links_01.png" alt="news" name="links" width="161" height="27" border="0" id="links" /></a></td>
      </tr>
      <tr>
        <td height="21" colspan="2" valign="top"><a href="index.php?downloads" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('downloads','','include/designs/dab_007/Bilder/downloads_02.png',1)"><img src="include/designs/dab_007/Bilder/downloads_01.png" alt="downloads" name="downloads" width="229" height="21" border="0" id="downloads" /></a></td>
        <td colspan="2" valign="top"><a href="index.php?user" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('user','','include/designs/dab_007/Bilder/member_02.png',1)"><img src="include/designs/dab_007/Bilder/member_01.png" alt="user" name="user" width="171" height="21" border="0" id="user" /></a></td>
        <td valign="top"><img src="include/designs/dab_007/Bilder/zw_02.png" width="197" height="21" border="0" usemap="#Map3" /></td>
        <td colspan="3" valign="top"><a href="index.php?gbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gbook','','include/designs/dab_007/Bilder/gbook_02.png',1)"><img src="include/designs/dab_007/Bilder/gbook_01.png" alt="gbook" name="gbook" width="167" height="21" border="0" id="gbook" /></a></td>
        <td colspan="2" valign="top"><a href="index.php?Andromics" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('andromics','','include/designs/dab_007/Bilder/andromics_02.png',1)"><img src="include/designs/dab_007/Bilder/andromics_01.png" alt="andromics" name="andromics" width="215" height="21" border="0" id="andromics" /></a></td>
      </tr>
      <tr>
        <td height="37" colspan="10" valign="top"><img src="include/designs/dab_007/Bilder/banner_01.png" width="980" height="37" /></td>
      </tr>
      <tr>
        <td height="436" colspan="10" valign="top" style="background-repeat:no-repeat;"background="include/designs/dab_007/Bilder/content_01.png"><p>&nbsp;</p>
          <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>{HMENU}</td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>{EXPLODE}</td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
          <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="26%"><img src="include/designs/dab_007/Bilder/lastn_header.png" width="294" height="41" /></td>
              <td width="46%">&nbsp;</td>
              <td width="28%"><img src="include/designs/dab_007/Bilder/lastf_header.png" width="294" height="41" /></td>
            </tr>
            <tr>
              <td background="include/designs/dab_007/Bilder/topdl_mitte.png"><table width="87%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td>{_boxes_LASTNEWS}</td>
                </tr>
              </table></td>
              <td>&nbsp;</td>
              <td valign="top" background="include/designs/dab_007/Bilder/newdl_mitte.png"><table width="88%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td>{_boxes_LASTFORUM}</td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td><img src="include/designs/dab_007/Bilder/topdl_footer.png" width="294" height="30" /></td>
              <td>&nbsp;</td>
              <td><img src="include/designs/dab_007/Bilder/newdl_footer.png" width="296" height="30" /></td>
            </tr>
          </table>
          <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="33%"><img src="include/designs/dab_007/Bilder/topdl_header.png" width="294" height="41" /></td>
            <td colspan="3">&nbsp;</td>
            <td width="33%"><img src="include/designs/dab_007/Bilder/newdl_header.png" width="296" height="41" /></td>
          </tr>
          <tr>
            <td align="center" valign="top" background="include/designs/dab_007/Bilder/topdl_mitte.png"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td>{_boxes_topdownload}</td>
              </tr>
            </table></td>
            <td colspan="3" align="center">&nbsp;</td>
            <td align="center" valign="top" background="include/designs/dab_007/Bilder/newdl_mitte.png"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td>{_boxes_download}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><img src="include/designs/dab_007/Bilder/topdl_footer.png" width="294" height="30" /></td>
            <td colspan="3" align="center" valign="top">Show <a href="http://www.dab-fx.bplaced.net/ilch/index.php?news" target="_blank">Design Page</a></td>
            <td><img src="include/designs/dab_007/Bilder/newdl_footer.png" width="296" height="30" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td width="4%">&nbsp;</td>
            <td width="29%">&nbsp;</td>
            <td width="1%">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><img src="include/designs/dab_007/Bilder/vote_header.png" width="294" height="41" /></td>
            <td colspan="3" rowspan="4" align="center">&nbsp;</td>
            <td><img src="include/designs/dab_007/Bilder/shout_header.png" width="296" height="41" /></td>
          </tr>
          <tr>
            <td align="left" valign="top" background="include/designs/dab_007/Bilder/topdl_mitte.png"><table width="87%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td>{_boxes_vote}</td>
              </tr>
            </table></td>
            <td align="right" valign="top" background="include/designs/dab_007/Bilder/newdl_mitte.png"><table width="89%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td align="right">{_boxes_shoutbox}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><img src="include/designs/dab_007/Bilder/topdl_footer.png" width="294" height="30" /></td>
            <td><img src="include/designs/dab_007/Bilder/newdl_footer.png" width="296" height="30" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td colspan="5" align="center">{_boxes_newsletter}</td>
            </tr>
        </table>    
        <p>&nbsp;</p></td>
      </tr>
      
      
      
      
      
      <tr>
        <td height="276" colspan="7" valign="top"><img src="include/designs/dab_007/Bilder/footer_links_01.png" width="761" height="276" border="0" usemap="#Map" /></td>
        <td colspan="3" align="right" valign="middle" background="include/designs/dab_007/Bilder/login_bg_01.png"><table width="76%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right" valign="middle">{_boxes_login}</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="19" colspan="10" align="center" valign="top"><a href="javascript:scroll(1,1);"><img src="include/designs/dab_007/top.jpg" width="50" height="30" alt="" border="0"></a></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td width="62"></td>
        <td width="50"></td>
        <td></td>
        <td></td>
        <td></td>
        <td width="59"></td>
        <td width="4"></td>
        <td width="54"></td>
        <td></td>
      </tr>
    </table>
    
    <map name="Map" id="Map"><area shape="rect" coords="505,192,547,215" href="index.php?linkme" /><area shape="rect" coords="552,191,591,215" href="index.php?statistik" />
    <area shape="rect" coords="594,191,619,214" href="index.php?info" />
    <area shape="rect" coords="623,191,676,215" href="index.php?impressum" />
    <area shape="rect" coords="680,191,754,215" href="http://www.dab-fx.bplaced.net/ilch/index.php?news" target="_blank" />
    </map>
    <map name="Map2" id="Map2"><area shape="rect" coords="358,5,628,97" href="index.php?" />
    </map>
    <map name="Map3" id="Map3"><area shape="rect" coords="2,2,193,19" href="index.php?news" />
    </map></body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Unknown|User gelöschter User
    Eine Live-Demo?
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    DAB-FX Mitglied
    Registriert seit
    10.02.2006
    Beiträge
    930
    Beitragswertungen
    11 Beitragspunkte
    dann geht meine seite nicht mehr......stimmt das was ich eingetragen habe ?
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Unknown|User gelöschter User
    Ich muss die Live-Version sehen. So kann ich nicht helfen.
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Unknown|User gelöschter User
    Und nein, du hast es falsch eingebunden. Lies' nochmal die Anleitung zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten