kostenloser Webspace werbefrei: lima-city


frames

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    vinothek

    vinothek hat kostenlosen Webspace.

    Hell?! ich hab da mal ne frage zu frames. was ich bisher geh?rt hab macht man eine framepage oder so und da kommt, je nach dem, eine seite und noch mindestens eine rein und zusammen kann man die dann nebeneinander setzten und dann hat man nen frame oder wie? kann mir das mal jemand erkl?ren und ein paar befehle dazu aschreiben
    Danke Vinothek


    EDIT 0-checka:
    Verschoben ins passende Forum




    Beitrag ge?ndert am 1.02.2006 10:45 von 0-checka
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Bitte verschieben
    Klaro!
    Das ganze ist in HTML.
    Ganz einfach w?re das hier:


    <html>
    <head>
    <title>Text</title>
    </head>
    <frameset cols="250,100">
    <frame src="verweise.htm" name="Navigation">
    <frame src="startseite.htm" name="Daten">
    <noframes>
    Ihr Browser kann diese Seite leider nicht anzeigen!
    </noframes>
    </frameset>
    </html>

    damit w?rdest du eine Frameseite aufmachen.
    Auf der Frameseite sind die Folgenden Frames:
    Navigation [mit der verweise.htm]
    Daten [mit der startseite.htm]

    An Hand des beispeils siehst du noch die Zeile
    <frameset cols="250,100">
    Die bedeutet folgendes:
    das frame wird durch den frameset 'TAG' ge?ffnet.
    mit cols="250,100" Werden spalten erzeugt.
    W?rdest du stattdessen
    <frameset rows="250,100">
    benutzen, w?ren es spalten.

    Weitere Sachen findest du hier:
    http://de.selfhtml.org/html/frames/


    Und wenn du wieder ne HTML Frage hast guck erstmal hier:
    http://de.selfhtml.org/


    :biggrin:
  4. w****e

    das hier w?re z.B.
    erstell einfach mal folgende Dateien in ein und dem selben Ordner

    index.html
    [/code]
    <html>

    <head>
    <title>Design "green in green"</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    </head>

    <frameset rows="64,*,30" framespacing="0" border="0" frameborder="0">
    <frame name="ban" scrolling="no" noresize target="Inhalt" src="oben.html">
    <frameset cols="208,*">
    <frame name="menue" target="main" src="menue.html" scolling="no">
    <frame name="main" src="inhalt.html">
    </frameset>
    <frame name="foot" scrolling="no" noresize target="Inhalt" src="unten.html">
    <noframes>
    <body>

    <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
    unterst?tzt.</p>

    </body>
    </noframes>
    </frameset>

    </html>
    [/code]

    oben.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="Inhalt">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" scroll=no>
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td align="center" width="100%" height="41"><br>
    <span >&nbsp;<b >:::</b>&nbsp;&nbsp;Name der Homepage&nbsp;&nbsp;<b   >:::</b>&nbsp;</span></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td>
    </td>
    </tr>
    </table>
    </body>
    </html>


    menue.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="main">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" >
    
    <table border="0" cellpadding="0" cellspacing="0"  width="208">
    <tr>
    <td valign="top"  width="208">
    
    <!-- beginn kopf-->
    <table  border="0" cellpadding="0" cellspacing="0"  width="208" height="89"  >
    <tr>
    <td valign="top" height="37" ></td>
    </tr>
    <tr>
    <td valign="top" height="19" >
      <p align="center">Men&uuml;</td>
    </tr>
    </table>
    </td>
    <!-- ende men? kopf -->
    </tr>
    
    <tr>
    <td width="208">
    >
    <table bgcolor="#bacec2" width="208" border="0" cellpadding="0" cellspacing="0"   >
    <tr>
    <td bgcolor="a9c4b5" width="30" >&nbsp;</td>
    <td width="165" >
    <table width="165"  bgcolor="#bacec2" id="menu1" border="0" cellpadding="0" cellspacing="0"  >
    <tr>
    <td ><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Startseite</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Bildergalerie</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Informationen &uuml;ber ...</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Impressum</a></td>
    </tr>
    
    </table>
    
    
    </td><td bgcolor="a9c4b5" width="10" >&nbsp;</td>
    </tr>
    </table>
    </td>
    <!-- ende men? mitte -->
    </tr>
    <tr>
    <!-- men? fuss -->
    <td valign="top" width="208">
    
    <table border="0" cellpadding="0" cellspacing="0"  width="208">
    <tr>
    <td  ></td>
    </tr>
    </table>
    
    </td>
    <!-- ende fuss -->
    
    
    </tr>
    </table>
    </body>
    </html>


    inhalt.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    </head>
    <body  style="background-color:#b9cdc1" bgcolor="#b9cdc1" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
    
    <p align="center">&nbsp;</p>
    <p align="center">Diese Seite ist die Startseite</p>
    
    
    
    
    
    
    
    
    
    </body>
    </html>


    unten.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="Inhalt">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td align="center"  width="100%" style="font-size:7pt" >&nbsp;www.ihreseite.de</td>
    </tr>
    </table>
    
    </body>
    </html>


    format.css
    /* schriftstil,abst?nde */
    
    body
    {color: #000000; background-color:#a9c4b5; font-family: verdana,arial; font-size: 10pt;}
    
    table,tr,td
    {margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000 ;font-family: verdana,arial; font-size: 10pt; }
    
    /* scrolleiste internet explorer ab vers.5.5 */
    
    body
    {scrollbar-arrow-color: white; scrollbar-base-color: #a9c4b5;
    scrollbar-highlight-color : white; scrollbar-shadow-color :#ffffff;
    SCROLLBAR-TRACK-COLOR: #a9c4b5;}
    
    
    
    /* menue linke seite */
    
    #menu1 a {display:block;color:black;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size: 10pt;
    width:168px;
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    #menu1 a:visited{ ;color:black;
    text-decoration:none;font-family:verdana, sans-serif;
    font-size: 10pt;
    width:168px;
    
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    
    #menu1 a:active{ color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:168px;
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    #menu1 a:hover {
     color: white;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
    width:168px;
    background-color:#B3CEBA;
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
    }
    
    
    /* allgemeine links im text */
    
    a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt; }
    
    a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
    
    a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
    
    a:hover{ color: #ffffff;  text-decoration:underline;font-family: verdana; font-size: 10pt; }


    mfg
    web4me
  5. w****e

    das hier w?re z.B.
    erstell einfach mal folgende Dateien in ein und dem selben Ordner

    index.html
    [/code]
    <html>

    <head>
    <title>Design "green in green"</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    </head>

    <frameset rows="64,*,30" framespacing="0" border="0" frameborder="0">
    <frame name="ban" scrolling="no" noresize target="Inhalt" src="oben.html">
    <frameset cols="208,*">
    <frame name="menue" target="main" src="menue.html" scolling="no">
    <frame name="main" src="inhalt.html">
    </frameset>
    <frame name="foot" scrolling="no" noresize target="Inhalt" src="unten.html">
    <noframes>
    <body>

    <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
    unterst?tzt.</p>

    </body>
    </noframes>
    </frameset>

    </html>
    [/code]

    oben.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="Inhalt">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" scroll=no>
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td align="center" width="100%" height="41"><br>
    <span >&nbsp;<b >:::</b>&nbsp;&nbsp;Name der Homepage&nbsp;&nbsp;<b   >:::</b>&nbsp;</span></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td>
    </td>
    </tr>
    </table>
    </body>
    </html>


    menue.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="main">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" >
    
    <table border="0" cellpadding="0" cellspacing="0"  width="208">
    <tr>
    <td valign="top"  width="208">
    
    <!-- beginn kopf-->
    <table  border="0" cellpadding="0" cellspacing="0"  width="208" height="89"  >
    <tr>
    <td valign="top" height="37" ></td>
    </tr>
    <tr>
    <td valign="top" height="19" >
      <p align="center">Men&uuml;</td>
    </tr>
    </table>
    </td>
    <!-- ende men? kopf -->
    </tr>
    
    <tr>
    <td width="208">
    >
    <table bgcolor="#bacec2" width="208" border="0" cellpadding="0" cellspacing="0"   >
    <tr>
    <td bgcolor="a9c4b5" width="30" >&nbsp;</td>
    <td width="165" >
    <table width="165"  bgcolor="#bacec2" id="menu1" border="0" cellpadding="0" cellspacing="0"  >
    <tr>
    <td ><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Startseite</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Bildergalerie</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Informationen &uuml;ber ...</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
    </tr>
    <tr>
    <td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Impressum</a></td>
    </tr>
    
    </table>
    
    
    </td><td bgcolor="a9c4b5" width="10" >&nbsp;</td>
    </tr>
    </table>
    </td>
    <!-- ende men? mitte -->
    </tr>
    <tr>
    <!-- men? fuss -->
    <td valign="top" width="208">
    
    <table border="0" cellpadding="0" cellspacing="0"  width="208">
    <tr>
    <td  ></td>
    </tr>
    </table>
    
    </td>
    <!-- ende fuss -->
    
    
    </tr>
    </table>
    </body>
    </html>


    inhalt.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    </head>
    <body  style="background-color:#b9cdc1" bgcolor="#b9cdc1" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
    
    <p align="center">&nbsp;</p>
    <p align="center">Diese Seite ist die Startseite</p>
    
    
    
    
    
    
    
    
    
    </body>
    </html>


    unten.html
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    <script>
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }
    
    onload=BlurLinks;
    -->
    </script>
    <base target="Inhalt">
    </head>
    <body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
    <table border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td align="center"  width="100%" style="font-size:7pt" >&nbsp;www.ihreseite.de</td>
    </tr>
    </table>
    
    </body>
    </html>


    format.css
    /* schriftstil,abst?nde */
    
    body
    {color: #000000; background-color:#a9c4b5; font-family: verdana,arial; font-size: 10pt;}
    
    table,tr,td
    {margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000 ;font-family: verdana,arial; font-size: 10pt; }
    
    /* scrolleiste internet explorer ab vers.5.5 */
    
    body
    {scrollbar-arrow-color: white; scrollbar-base-color: #a9c4b5;
    scrollbar-highlight-color : white; scrollbar-shadow-color :#ffffff;
    SCROLLBAR-TRACK-COLOR: #a9c4b5;}
    
    
    
    /* menue linke seite */
    
    #menu1 a {display:block;color:black;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size: 10pt;
    width:168px;
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    #menu1 a:visited{ ;color:black;
    text-decoration:none;font-family:verdana, sans-serif;
    font-size: 10pt;
    width:168px;
    
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    
    #menu1 a:active{ color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:168px;
    background-color:#BCC5C1;
    border-top:solid 1px #bacec2;
    border-bottom:solid 1px #bacec2;
    }
    
    #menu1 a:hover {
     color: white;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
    width:168px;
    background-color:#B3CEBA;
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
    }
    
    
    /* allgemeine links im text */
    
    a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt; }
    
    a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
    
    a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
    
    a:hover{ color: #ffffff;  text-decoration:underline;font-family: verdana; font-size: 10pt; }


    mfg
    web4me
  6. 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!