kostenloser Webspace werbefrei: lima-city


Footer überall gleich/importieren lassen?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    d*******v

    Hallo,

    Ich bin noch relativ neu im HTML Bereich und hätte deshalb eine Frage:

    Auf meiner Website www.dominiktv.de habe ich im Footer immer meine letzten 3 Videos auf YouTube angezeigt.
    Wenn ich jetzt ein Video hochlade, muss ich auf allen Seiten den Code abändern, was ziemlich nervig ist.
    Gibt es da eine einfachere Möglichkeit? Hier der Code:

    <section class="one_quarter">
          <h2 class="title">Neuste Videos</h2>
          <article>
    	    <header>
              <h2>Kochen mit Coaster</h2>
              <address>
              <a href="http://youtu.be/ZyXgzikYmvM">Zum Clip</a>
              </address>
              <time datetime="2013-04-06">6. April 2013</time>
            </header>
    		<hr />
            <header>
              <h2>Capture the Flag - Teaser</h2>
              <address>
              <a href="http://youtu.be/_h2NMYh_Lxw">Zum Teaser</a>
              </address>
              <time datetime="2013-03-17">17. März 2013</time>
            </header>
    		<hr />
    	 	<header>
              <h2>asdfmovie6 Battlefield 3 Edition</h2>
              <address>
              <a href="http://www.youtube.com/watch?v=9hIHkGwceuY">Zum Clip</a>
              </address>
              <time datetime="2013-02-13">13. Februar 2013</time>
            </header>
          </article>
        </section>


    Das ganze befindet sich in einem div-Objekt.

    Hoffe, ihr könnt mir helfen :-)

    Gruß
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Jap gibt es, die nennt sich PHP include();
    Erstelle einfach eine Datei mit dem Namen
    footer.php
    und schreib überall wo du deinen Footer willst
    <?php include("pfad/zu/footer.php"); ?>
    in deinen HTML Sourcecode. Allerdings musst du dafür die Endung deines HTML-Files auf .PHP ändern!

    LG

    PS: Deine Webseite finde ich äußerst schön :thumb: Irgendwie stimmig

    Beitrag zuletzt geändert: 7.4.2013 20:55:10 von limabone
  4. Autor dieses Themas

    d*******v

    Danke, das du meine Website schön findest :-)

    Aber: Funktioniert das auch mit HTML? Denn die Webesite ist mit HTML geschrieben :-)

    Gruß

    limabone schrieb:
    Jap gibt es, die nennt sich PHP include();
    Erstelle einfach eine Datei mit dem Namen
    footer.php
    und schreib überall wo du deinen Footer willst
    <?php includude("pfad/zu/footer.php"); ?>
    in deinen HTML Sourcecode. Allerdings musst du dafür die Endung deines HTML-Files auf .PHP ändern!

    LG

    PS: Deine Webseite finde ich äußerst schön :thumb: Irgendwie stimmig


    *Edit: Ok, habe das Ende überlesen :-)

    Funktioniert denn dann die Website ohne Probleme weiter?

    Gruß

    Beitrag zuletzt geändert: 7.4.2013 20:58:41 von dominiktv
  5. dominiktv schrieb:

    Funktioniert denn dann die Website ohne Probleme weiter?

    Gruß


    Sofern du den Quelltext richtig abänderst, funktioniert sie ohne Probleme weiter.
  6. Autor dieses Themas

    d*******v

    mf-hd schrieb:
    dominiktv schrieb:

    Funktioniert denn dann die Website ohne Probleme weiter?

    Gruß


    Sofern du den Quelltext richtig abänderst, funktioniert sie ohne Probleme weiter.

    In wiefern abändern?
    Bin, wie schon gesagt, noch neu auf dem Gebiet :-)

    Gruß
  7. dominiktv schrieb:
    ... In wiefern abändern? ...
    die seite heißt ja http://www.dominiktv.de/index.html. also lege dann eine andere http://www.dominiktv.de/index.php mit dem code an:
    <?php
    
    require_once './footer.php';
    
    echo <<< EOT
    <!DOCTYPE html>
    <html lang="de" dir="ltr">
    <head>
    <title>Start - DominikTV</title>
    <link rel="shortcut icon" href="http://www.dominiktv.de/images/bilder/favicon.ico" type="image/x-icon" />
    <meta charset="iso-8859-1">
    <meta name="application-name" content="DominikTV"/>
    <meta name="description" lang="de" content="Offizielle Website von Dominikflight. Hier finden sie alles rund um den YouTuber Dominikflight." />
    <meta name="robots" content="all"/>
    <meta name="msvalidate.01" content="4949A26F9938058B35765C721FD3B177" />
    <meta name="revisit-after" content="1 days"/>
    <meta name="author" content="Dominikflight" />
    <meta name="keywords" content="dominikflight dominiktv dominiktv.de minecraft servertrailer battlefield 3 serverliste mine god ohminegod oh mine-god mine-god.de" />
    <!-- Dominikflight Dominiktv minecrafttrailer -->
    <link rel="stylesheet" href="styles/layout.css" type="text/css">
    <!--[if lt IE 9]><script src="scripts/html5shiv.js"></script><![endif]-->
    <script type="text/javascript" src="scripts/jquery-PseudoCSS.1.0.js"></script>
    <script type="text/javascript" src="scripts/jquery-easySlider1.7.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#slider").easySlider({
            auto: true,
            continuous: true,
            numeric: true,
            speed: 1200,
            pause: 5000 // change slide interval speed here
        });
    });
    </script>
    <style type="text/css"><!--
    #footer-share ul{position:relative;margin:0;padding:0;}
    #footer-share ul li{float:left;margin-right:25px;position:relative;}
    #footer-share ul li.last{margin-right:0;}
    #footer-share ul li a{display:block;width:100%;height:100%;position:relative;background:url(/images/bilder/social_logos_footer.png) no-repeat;}
    #footer-share ul li a#footer-twitter-logo{width:81px;height:29px;background-position:-78px top;}
    #footer-share ul li a#footer-twitter-logo:hover{background-position:-78px bottom;}
    #footer-share ul li a#footer-youtube-logo{width:50px;height:29px;background-position:-159px top;}
    #footer-share ul li a#footer-youtube-logo:hover{background-position:-159px bottom;}
    ul {list-style-type:none;}
    -->
    </style>
    </head>
    <body>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    
      ga('create', 'UA-39745213-1', 'dominiktv.de');
      ga('send', 'pageview');
    
    </script>
    <noscript>
     Um den vollen Funktionsumfang dieser Webseite zu erfahren, benötigen Sie JavaScript.
     Eine Anleitung wie Sie JavaScript in Ihrem Browser einschalten, befindet sich 
     <a href="http://www.enable-javascript.com/de/" target="_blank">hier</a>.
    </noscript>
    <script type="text/javascript">
    if ( window.addEventListener ) {  
      var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];  
      window.addEventListener("keydown", function(e) {  
        if ( e.keyCode == konami[state] ) state++;  
        else state = 0;  
        if ( state == 10 )  
          javascript:(function(){function c(){var e=document.createElement("link");e.setAttribute("type","text/css");e.setAttribute("rel","stylesheet");e.setAttribute("href",f);e.setAttribute("class",l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;t<e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement("div");e.setAttribute("class",a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height>e&&s.height<n&&s.width>t&&s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w&&t<=b+w}function S(){var e=document.createElement("audio");e.setAttribute("class",l);e.src=i;e.loop=false;e.addEventListener("canplay",function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener("ended",function(){N();h()},true);e.innerHTML=" <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";document.body.appendChild(e);e.play()}function x(e){e.className+=" "+s+" "+o}function T(e){e.className+=" "+s+" "+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp("\\b"+s+"\\b");for(var n=0;n<e.length;){e[n].className=e[n].className.replace(t,"")}}var e=30;var t=30;var n=350;var r=350;var i="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";var s="mw-harlem_shake_me";var o="im_first";var u=["im_drunk","im_baked","im_trippin","im_blown"];var a="mw-strobe_light";var f="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";var l="mw_added_css";var b=g();var w=y();var C=document.getElementsByTagName("*");var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn("Could not find a node of the right size. Please try a different page.");return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})();  //you can write your own code here
        }, true);  
    }  
    </script>
    <div class="wrapper row1">
      <header id="header" class="clear">
        <hgroup>
          <h1><a href="index">DominikTV.de</a></h1>
          <h2>Offizielle Website von Dominikflight</h2>
        </hgroup>
        <nav class="clear">
          <ul>
            <li class="active"><a href="index">Home</a></li>
            <li><a href="download">Downloads</a></li>
            <li><a href="serverliste">Minecraft-Server</a></li>
            <li><a href="bukkit">Bukkit</a></li>
            <li><a href="anmeldung">Anmeldung Servertrailer</a></li>
    		<li><a href="partner">Partner</a></li>
            <li><a href="ueber">Über</a></li>
          </ul>
        </nav>
      </header>
    </div>
    <!-- content -->
    <div class="wrapper row2">
      <div id="container" class="clear">
        <!-- Slider -->
        <section id="featured_slide">
          <!-- ########################################################################################## -->
          <div id="slider">
            <ul>
              <li>
                <figure><img src="images/bilder/willkommen.jpg" alt="Wilkommen" />
                  <figcaption>
                    <h2>Willkommen auf DominikTV.de</h2>
                    <p>Schön, das du meine Website gefunden hast. Klicke oben, um dich umzusehen.</p>
                  </figcaption>
                </figure>
              </li>
    		   <li>
                <figure><img src="images/bilder/asdf.jpg" alt="ASDFMovie6 BF3-Edition" />
                  <figcaption>
                    <h2>asdfmovie6 in Battlefield 3</h2>
                    <p>Das asdfmovie6 von TomSka, nachgespielt in Battlefield 3. Vielen Dank nochmal an die deutsch Facebookseite von Battlefield, die dieses Video empfohlen hat.</p>
                    <footer class="more"><a href="http://www.youtube.com/watch?v=9hIHkGwceuY">Zum Video &raquo;</a></footer>
                  </figcaption>
                </figure>
              </li>
              <li>
                <figure><img src="images/bilder/sc.jpg" alt="Simple Cube" />
                  <figcaption>
                    <h2>Simple Cube</h2>
                    <p>Simple Cube ist ein einfacher Minecraft-Survival Server, der nur durch ein Shop-System ergänzt wird.</p>
                    <footer class="more"><a href="http://youtu.be/Qw5K70hXO64">Zum Video &raquo;</a></footer>
                  </figcaption>
                </figure>
              </li>
            </ul>
          </div>
          <!-- ########################################################################################## -->
        </section>
      </div>
    </div>
    <!-- Footer -->
    <div class="wrapper row3">
      <div id="footer" class="clear">
        <!-- ########################################################################################## -->
        <section class="one_quarter">
          <h2 class="title">Neuste Videos</h2>
          <article>
    	    <header>
              <h2>Kochen mit Coaster</h2>
              <address>
              <a href="http://youtu.be/ZyXgzikYmvM">Zum Clip</a>
              </address>
              <time datetime="2013-04-06">6. April 2013</time>
            </header>
    		<hr />
            <header>
              <h2>Capture the Flag - Teaser</h2>
              <address>
              <a href="http://youtu.be/_h2NMYh_Lxw">Zum Teaser</a>
              </address>
              <time datetime="2013-03-17">17. März 2013</time>
            </header>
    		<hr />
    	 	<header>
              <h2>asdfmovie6 Battlefield 3 Edition</h2>
              <address>
              <a href="http://www.youtube.com/watch?v=9hIHkGwceuY">Zum Clip</a>
              </address>
              <time datetime="2013-02-13">13. Februar 2013</time>
            </header>
          </article>
        </section>
        <section class="one_quarter">
          <h2 class="title">Dominik im Web</h2>
          <nav>
            <ul>
              <li><a href="http://www.youtube.com/dominikflight">YouTube-Kanal</a></li>
              <li><a href="http://www.twitter.com/dominiktvmedia">Twitter</a></li>
              <li><a href="http://inspiration-host.de/">Website-Sponsor</a></li>
              <li class="last"><a href="http://battlelog.battlefield.com/bf3/de/user/SnoggleTog/">Battlelog Profil</a></li>
            </ul>
          </nav>
        </section>
        <section class="two_quarter lastbox">
          <h2 class="title">Über Dominik</h2>
          <img class="imgl" src="images/DTV_logo_2.jpg" width="130" height="130" title="DominikTV" alt="DominikTV">
          <p>Dominikflight ist eine DominikTV-Produktion, die es seit dem 21.05.2010 gibt. Dominik produziert im wechsel Battlefield 3-Kurzvideos und Minecraft-Servertrailer. Weitere Infos, wie zu den Programmen etc., gibt's <a href="ueber">hier</a>.</p>
    	<div id="footer-share">
    	<ul>
    	<li><a href="http://www.twitter.com/dominiktvmedia" target="_blank" id="footer-twitter-logo" title=" Twitter "></a></li>
    	<li><a href="http://www.youtube.com/dominikflight" target="_blank" id="footer-youtube-logo" title=" Youtube "></a></li>
    	</ul>
    	</div>
          <footer class="more"><a href="#">Zum Seitenanfang &uarr;</a></footer>
        </section>
        <!-- ########################################################################################## -->
      </div>
    </div>
    $footer
    </body>
    </html>
    EOT;
    dann erstellst im selben ordner die datei 'footer.php':
    <?php
    
    $footer = <<< EOT
    <!-- Copyright -->
    <div class="wrapper row4">
      <footer id="copyright" class="clear">
        <p class="fl_left">Copyright &copy; 2013 - All Rights Reserved - DominikTV.de | <a href="/impressum" title="Impressum">Impressum</a></p>
        <p class="fl_right">Website von <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
      </footer>
    </div>
    EOT;
    das meinte er mit abändern ;)

    Beitrag zuletzt geändert: 8.4.2013 5:28:51 von czibere
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!