eigenes Design mit npage von A-Z

Beitrag von **moni** » Fr 24. Feb 2012, 19:56

Hallo Jürg....

Haste aber sehr viel geschrieben ...man sieht das die Sache sehr schwer an Herzen liegt ....

Schön ist das du trotzt anfänglichen Problemen und sorgen sich mit die Materie auseinander gesetzt und versucht weiter zu kommen ... [smilie=clap.gif]

da hast echt recht es sind doch in Prinzip nur Zahlen und ein wenig Mathematik kommt auch dazu..zusammen mit einen logischen denken verbunden ....
Mein Motto lautet immer Üben ... testen.. ausprobieren ..was kann man schon kaputt machen ...höchstens was dazu lernen ...

Mit dem webcoton umzugehen zu wissen ist auch das A und O ...es ist ein super guten Editor....wenn man etwas Erfahrung hat da weiß man das der auch mit denkt und einiges leichter macht

Das Skript was ich dir hier gelassen habe ist mit sehr viel Kommentaren gemacht... es ist das genau richtige für alle was sich nicht so sicher oder nicht viel Ahnung haben mit CSS ... kann bei Interesse allem nur sehr empfehlen einfach nur zum üben auf dem Editor .....

Bin mal gespannt wie weit haben dich deine schlaflose Nächte gebracht

Beitrag von **thaileben** » Sa 25. Feb 2012, 05:49

Guten Morgen

Ich erspare euch die ganzen screens von meinen versuchen und schone auch den Platz für die vielen unterschiedlichen codes.
Wie Moni sehr richtig schreibt einfach immer wieder üben, und wie ich oben schon erwähnte bei Musterseiten und Hps kann man mit der rechten Maustaste in der Regel den quellcode ansehen und so vergleichen ich bin in der glücklichen lage einen Laptop an meiner Seite zu haben so konnte ich jeweils hin und her kucken und nicht immer die fenster neu öffnen ihr könnt euch ja auch ein bildschirmfoto ausdrucken
Ich bin zwar ziemlich sicher das es dafür einen einfachere Methode gibt sprich mit dem editor bin jedoch noch nicht drauf gekommen ich kann einfach auch nicht zuviel auf einmal lernen.
Glaubt mir ich bin so schon am anschlag und möchte betonen das es nicht so einfach ist wie es vielleicht klingen mag ich bin nun seit Tagen dran und fehler sind nun mal vorprogramiert
jedoch es macht spass

Das erste Bild das ich nun zeige ist eines der vielen versuche und so in etwa sollte es sein

Als ich es betrachtete dachte ich die Navi abändern also habe ich mal alle benannt damit es nach was aussieht zudem dachte ich einen button mehr oben in die Leiste.

Und da ist nun mein hänger ich kriege die nicht mehr auf eine Linie die farben sind bewusst unterschiedlich in der hoffnung von euch eine ansage zu kriegen was besser aussieht

Zudem den Border ( umrandung) in weiss ---- soll ich den lassen ??
Für diesen screen ist der direktlink
Jürg

http://www.abload.de/img/webcotnaviverschobent952m.jpg
und der code

Code: Alles auswählen

                       <!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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <style type="text/css">

        h1 {
         font-family:Comic Sans MS sans-serif;
         font-size: 22px;
         color: #382525;
         }
    h2 {
       font-family:Comic Sans MS sans-serif;
       font-size: 18px;
       color: #FFFFFF;
    }
    h3 {
     font-family:Comic Sans MS sans-serif;
      font-size: 15px;
      color:#800000;
    }
    a:link {font-family:Comic Sans MS sans-serif;
    color: #FFFFFF;
    font-size:16px;
    text-decoration:underline
    }
    a:visited { font-family:Comic Sans MS sans-serif;
     color:#FFFFFF;
    font-size:16px;
    text-decoration:underline
    }
    a:active {font-family:Comic Sans MS sans-serif;
    color: #9313DD;
    font-size:16px;
    text-decoration:underline
    }
    a:hover {
    font-family: Comic Sans MS sans-serif;
    color: #0000FF;
    font-size:16px;
    text-decoration:none
    }


    body {
       font-family:Comic Sans MS sans-serif;
      color: #000000;
      font-size: 15px;
      text-align: center;
      background-color:transparent ;
      background-image :url(http://file1.npage.de/009613/06/bilder/braun.jpg);
      background-repeat: repeat;
      background-attachment: fixed;
      background-position: center center;
    }
    #wrap  {
      width: 900px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 5px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;
      border-style: inset;
      border-width: 3px;
      border-color:#000000 ;
    }
    #header {
      background-position: center top;
      width: 900px;
      height: 127px;
      margin-bottom:10px;
      background-color: transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/header_900x130.png);
      background-repeat: no-repeat;
      border-bottom:solid 1px #000000;

    }
    #balkenoben{
        width:900px ;
        height: ;
        background-color: transparent;
    }
 A.menuoben:link, A.menuoben:visited, A.menuoben:active {
            display: block;
            width: 130px;
            height:25px;
            line-height:22px;
            margin-left: 4px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#800000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menuoben:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
            color: #000000;
            background-color:#800000;
    }



    #navigation {
      float: left;
      width: 160px;
      height: 100%;
      padding-top:15px;
      padding-left:10px;
      margin-bottom: 3px;
      text-align: left;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;


    }
    A.menulink:link, A.menulink:visited, A.menulink:active {
            display: block;
            width: 122px;
            height:25px;
            line-height:22px;
            margin-left: 4px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#800000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menulink:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
            color: #000000;
            background-color:#800000;
    }





    #inhalt {
      float: right;
       width: 720px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;
        border-style: solid;
        border-width: 1px;
            border-color: #FFFFFF;



    }
    #footer {
      width: 900px;
      height: 60px;
      line-height:70px;
      text-align: center;
          background-color:transparent;

    }
    .clear {
      clear: both;
    }

    </style>
    </head>

    <body>

    <div id="wrap">
    <div id="header"></div>
       <table align="center" border="0">
                                     <tbody>
                                     <tr>
                                     <td><a class="menuoben" href="#">Gästebuch</a></td>
                                     <td><a class="menuoben" href="#">Kontakt</a></td>
                                     <td><a class="menuoben" href="#">Impresum</a></td>
                                     <td><a class="menuoben" href="#">Seite</a></td>
                                     </tr></tbody>
                                     </table>
      <div id="navigation">

      <a href="#" class="menulink">Link 01</a>
      <a href="#" class="menulink">Link 02</a>
      <a href="#" class="menulink">Link 03</a>
      <a href="#" class="menulink">Link 04</a>
      <a href="#" class="menulink">Link 05</a>
      <a href="#" class="menulink">Link 06</a>
      <a href="#" class="menulink">Link 07</a>
      <a href="#" class="menulink">Link 08</a>
      <a href="#" class="menulink">Link 09</a>
      <a href="#" class="menulink">Link 10</a>
      <a href="#" class="menulink">Link 11</a>


      <br /></div>




     <div id="inhalt">

Beitrag von **moni** » Sa 25. Feb 2012, 15:02

Hallo Jürg... ich stelle mir dein Arbeit bildlich vor ,und wen ich das richtig sehe du lässt viele Möglichkeiten nicht ungenützt,auch wenn es sich sehr umständlich anhört ..aber auch viele kleinen Umwegen führen ins Ziel...

So und zur deinen Werk....
Habe mir das Skript an den Editor angesehen und was ich sicher sagen kann du hast begriffen wie man die Farben Grafiken und auch Border zufügen ist ..
auch die breiten ....wo es mangelt ist es an den richtigen positionieren vom Elementen ...

Zur deine Frage an die Buttons Farbe und rammen...das weiß ich nicht so genau aber würde sagen versuche einfach auch mir andern farb- tönen... das weiße zieht an sich komplett die Aufmerksamkeit...

Zur dein Leiste oben...hatte dir auch schon in den Kommentaren geschrieben das eventuell einen Balken man zufügen müsste ...weil ich die leiste oben einfach nur als Tabelle zwischen den hedaer und Inhalt platziert habe...normale weiße tut man die Tabelle immer in einen div box ..und der Box wiederum
lässt sich so platzieren das der exakt an der richtige stelle auch landet.... position: absolute;
die Tabelle kannst du nicht so schnell und exakt platzieren ...

will nicht das du sich damit tage lang quellen wirst ...weil erfordert wieder einige neuen Sachen zu lernen

Die linke Seite muss an die gleiche Ebene wie die obere leiste sein....
in den Fall muss man auch die linke Seite etwas formatieren... das heilst etwas nach rechts verschieben und von oben nach unten...dabei achten das die obere leiste an die gleiche Linie bleibt

Mein Vorschlag wäre...Überlege dir das noch mit den Navi Buttons Farbe ,und teste mal was dir farblich am besten passt ..

Und sage Bescheid ob ich dir das selbst formatieren soll oder dir so nach und nach in Einzelheiten erklären und beibringen soll

Beitrag von **thaileben** » So 26. Feb 2012, 08:57

Danke Moni

Ja ich denke es ist besser wenn ich stoppe bringt nix noch mehr reinhämmern zu wollen seit meinem Unfall damals habe ich eh Konzentrations schwierigkeiten und bin wenns um komplizierte sachen geht mit einem mal nicht mehr aufnahmefähig. daher habe ich einen definitven spontanentschluss gefasst nach längeren grübeln

es soll so bleiben wie es ist die verschobene Navi ist eher eine auflockerung muss nicht alles so geordnet in linie sein der weisse Rand ist eine auflockerung
Ja ihr lieben mitleser nun ist es zu spät für einwände
wegen dem Einbau (wenn der code so brauchbar ist) habe ich auch null plan, wenn es sehr schwer ist würde ich gerne Peter oder dich bitten das zu übernehmen es käme ja in meine bestehende schnupperseite da die werbefrei ist. auch weiss ich nicht was ich im oberen teil noch einfügen müsste.bei <titel > und dem< meta >zeugs
Jürg

ich habe noch Namen abgeändert daher neuer code
so solls sein.

Code: Alles auswählen

<!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" xml:lang="de" lang="de">

<head>
    <title>muster1</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>

</body>
</html>      <!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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <style type="text/css">


    h1 {
         font-family:Comic Sans MS ,sans-serif;
         font-size: 22px;
         color: #800000;
         }
    h2 {
       font-family:Comic Sans MS, sans-serif;
       font-size: 18px;
       color: #000000;
    }
    h3 {
     font-family:Comic Sans MS ,sans-serif;
      font-size: 15px;
      color:#800000;
    }
    a:link {font-family:Comic Sans MS, sans-serif;
    color: #FFFFFF;
    font-size:16px;
    text-decoration:none;
    }
    a:visited { font-family:Comic Sans MS ,sans-serif;
     color:#FFFFFF;
    font-size:16px;
    text-decoration:none;
    }
    a:active {font-family:Comic Sans MS ,sans-serif;
    color: #9313DD;
    font-size:16px;
    text-decoration:none;
    }
    a:hover {
    font-family: Comic Sans MS, sans-serif;
    color: #800000;
    font-size:16px;
    text-decoration:underline ;
    }



    body {
       font-family:Comic Sans MS, sans-serif;
      color: #000000;
      font-size: 15px;
      text-align: center;
      background-color: ;
      background-image :url(http://file1.npage.de/009613/06/bilder/braun.jpg);
      background-repeat: repeat;
      background-attachment: fixed;
      background-position: center center;
    }
    #wrap  {
      width: 900px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 5px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;
      border-style: inset;
      border-width: 2px;
      border-color:#000000 ;
    }
    #header {
      background-position: center top;
      width: 900px;
      height: 127px;
      background-color: transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/header_900x130.png);
      background-repeat: no-repeat;


    }

 A.menuoben:link, A.menuoben:visited, A.menuoben:active {
            display: block;
            width: 130px;
            height:25px;
            line-height:22px;
            margin-left: 6px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS, sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#A50000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menuoben:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
            color: #000000;
            background-color:#A50000;
    }



    #navigation {
      float: left;
      width: 140px;
      height: 100%;
      margin-bottom: 2px;
      text-align: left;
      background-color:transparent;


    }
    A.menulink:link, A.menulink:visited, A.menulink:active {
            display: block;
            width: 122px;
            height:25px;
            line-height:22px;
            margin-left: 4px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS ,sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#A50000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menulink:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
            color: #000000;
            background-color:#A50000;
    }





    #inhalt {
      float: right;
      width: 740px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat ;
      text-align:center;

     }
    #footer {
      width: 900px;
      height: 60px;
      line-height:40px;
    background-color:transparent;

    }
    .clear {
      clear: both;
    }

    </style>
    </head>

    <body>

    <div id="wrap">
    <div id="header"></div>

       <table align="center" border="0">
                                     <tbody>
                                     <tr>
                                      <tbody>
                                     <tr>
                                     <td><a class="menuoben" href="gästebuch.html">G&auml;stebuch</a></td>
                                     <td><a class="menuoben" href="kontakt.html">Kontakt</a></td>
                                     <td><a class="menuoben" href="impressum.html">Impressum</a></td>
                                     <td><a class="menuoben" href="geschenke.html">Geschenke</a></td>
                                     <td><a class="menuoben" href="linkliste.html">Linkliste</a></td>

                                     </tr></tbody>
                                     </table>
      <div id="navigation">
      <a href="willkommen.html" class="menulink">Willkommen</a>
      <a href="praesentieren.html" class="menulink">Pr&auml;sentieren</a>
      <a href="geniessen.html" class="menulink">Geniessen</a>
      <a href="spielgefaehrtin.html" class="menulink">Spielen</a>
      <a href="ernaehrung.html" class="menulink">Ern&auml;hrung</a>
      <a href="beschaeftigung.html" class="menulink">Besch&auml;ftigung</a>
      <a href="zusammen.html" class="menulink">Zusammen</a>
      <a href="schlumpi.html" class="menulink">Schlumpi</a>
      <a href="familienhunde.html" class="menulink">Familienhunde</a>
      <a href="videos.html" class="menulink">Videos</a>
      <a href="streuner.html" class="menulink">Streuner</a>
      <a href="tierschutz.html" class="menulink">Tierschutz</a>
      <a href="zeitbanner.html" class="menulink">Zeitbanner</a>
      <a href="bannertausch.html" class="menulink">Bannertausch</a>




      <br /></div>

Beitrag von **moni** » So 26. Feb 2012, 13:35

Hallo Jürg....
Kann dir gut verstehen ... es hat bestimmt nicht viel mit deinen Unfall was zu tun..sondern es ist einfach auch viel neues ..und dazu braucht man sehr viel Zeit ...Weiß das aus meinen eigen -erfahrung...
Mein Vorschlage ist ....... Versuche dir die leite oben in die richtige Lage zu bringen..und dann kannst immer sagen ob du das willst oder auch nicht...OK ?
Das mit den Einbau ist viel leichter als du denkst...
mache dir ein paar screen Bilder dazu ...glaub zu wissen hatten das auch irgendwo hier in Forum ...in Lexikon etwa ??

in Fall der fälle wird dir auch weiter geholfen ....Peter oder Ich ..ist ja gar kein Problem ...

Beitrag von **moni** » So 26. Feb 2012, 21:17

Hallo Jürg...

Habe die leiste Oben etwas verschoben und es sieht so aus ...
http://www.abload.de/img/hpjurgneulqzx1.jpg

Wenn es OK für Dich ist da lasse direkt Hier das CSS und du muss das als CSS Datei an deinen Editor abspeichern und an deine HP hoch-laden....
und dann hier das Link geben von diese HTML Datei ...

Code: Alles auswählen

  h1 {
         font-family:Comic Sans MS ,sans-serif;
         font-size: 22px;
         color: #800000;
         }
    h2 {
       font-family:Comic Sans MS, sans-serif;
       font-size: 18px;
       color: #000000;
    }
    h3 {
     font-family:Comic Sans MS ,sans-serif;
      font-size: 15px;
      color:#800000;
    }
    a:link {font-family:Comic Sans MS, sans-serif;
    color: #FFFFFF;
    font-size:16px;
    text-decoration:none;
    }
    a:visited { font-family:Comic Sans MS ,sans-serif;
     color:#FFFFFF;
    font-size:16px;
    text-decoration:none;
    }
    a:active {font-family:Comic Sans MS ,sans-serif;
    color: #9313DD;
    font-size:16px;
    text-decoration:none;
    }
    a:hover {
    font-family: Comic Sans MS, sans-serif;
    color: #800000;
    font-size:16px;
    text-decoration:underline ;
    }



    body {
       font-family:Comic Sans MS, sans-serif;
      color: #000000;
      font-size: 15px;
      text-align: center;
      background-color: ;
      background-image :url(http://file1.npage.de/009613/06/bilder/braun.jpg);
      background-repeat: repeat;
      background-attachment: fixed;
      background-position: center center;
    }
    #wrap  {
      width: 900px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 5px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;
      border-style: inset;
      border-width: 2px;
      border-color:#000000 ;
    }
    #header {
      background-position: center top;
      width: 900px;
      height: 130px;
      background-color: transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/header_900x130.png);
      background-repeat: no-repeat;


    }
    #balkenoben{
    float: right;
        width:700px ;
        height: 35px;
        position: absolute;
        left:320px;
        margin-top: 15px;
        background-color:transparent;

    }
 A.menuoben:link, A.menuoben:visited, A.menuoben:active {
            display: block;
            width: 130px;
            height:25px;
            line-height:22px;
            margin-left: 6px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS, sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#A50000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menuoben:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #880016;
            color: #000000;
            background-color:#A50000;
    }



    #navigation {
      float: left;
      width: 140px;
      height: 100%;
      margin-top: 20px;
      margin-bottom: 2px;
      text-align: left;
      padding-left: 10px;
      background-color:transparent;


    }
    A.menulink:link, A.menulink:visited, A.menulink:active {
            display: block;
            width: 122px;
            height:25px;
            line-height:22px;
            margin-left: 4px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS ,sans-serif;
            font-size: 16px;
            color:#FFFFFF;
            background-color:#A50000;
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
    }
    A.menulink:hover {
            border-style: solid;
            border-width: 1px;
            border-color: #FFFFFF;
            color: #000000;
            background-color:#A50000;
    }

    #inhalt {
      float: right;
      width: 720px;
      background-color:transparent;
      background-image: url(http://file1.npage.de/009613/06/bilder/textseite_hg.png);
      background-repeat: repeat;
      padding-top: 15px;
      padding-left: 5px;
      padding-right: 5px;
          padding-bottom:20px;
      margin-right: 8px;
      text-align:center;
      margin-top: 50px;
     }
    #footer {
      width: 900px;
      height: 60px;
      line-height:40px;
      text-align: center;
       border-top:double 0px  #000000;
        background-color:transparent;

    }
    .clear {
      clear: both;
    }

Das ist nötig für das auslagern vom CSS ..... man hat auch dann immer noch die Möglichkeit das CSS zu ändern...

in den Fall wenn du dir noch was einfallen lässt...das ist kein Problem !!!
--
Meinenwegen ist das Skript zum installieren fertig... ...

Beitrag von **thaileben** » Mo 27. Feb 2012, 06:04

Moni

Du hast mir soviel geholfen und ich merke echt das ich noch sehr weit davon enfernt bin, da ist soviel miteinader verknüpft das ich nicht mehr durchblicke
habe alles hochgeladen bin eigentlich auch der meinung ich hätte den Style zugeordnet aber ich komme nicht weiter auch der hilfetread einbau des eigenen designs hilft mir zur zeit nicht weiter.
-------

Ich habe einen Asiatischen PC

vielleicht sieht deshalb alles anders aus nach dem hochladen deines codes.
Ich will den Humor nicht verlieren obwohls mir nicht mehr ums lachen zumute ist.

--------
nach dieser Scherzeinlage
bitte ich um Hilfe
Ich kriegs nicht hin im gegenteil habe mir das anpassbare zwischenzeitlich noch vermasselt :JJ

Habe es nun als Baustelle gekennzeichnet, leider ist Peter auch nicht zu erreichen.

Jürg

Beitrag von **moni** » Mo 27. Feb 2012, 10:45

Ohje Jürg.... du machst das aber hoch dramatisch ...mein Tipp wäre... raus aus der Bude ..PC aus der Steckdose aus ....und Luft holen....dann sieht das Welt viel besser aus...

Beitrag von **thaileben** » Mo 27. Feb 2012, 12:01

moni hat geschrieben:.mein Tipp wäre... raus aus der Bude ..PC aus der Steckdose aus ....

hast einen heissen draht nacht Thailand

........

..........denn zuerst hatten wir keinen strom mehr, dann inet probs als es wieder funzte blieb mein PC hängen also musste ich den berühmten Knopf drücken
das war das zeichen mit meiner liebsten ins dorf ein käffchen trinken.

zurück welch wunder PC ging wieder aber zeitweise kein I-net

jedoch was super ist, Peter und ich konnten telefonieren also alles kommt gut

Jürg

Beitrag von **goefi-chiangmai** » Mo 27. Feb 2012, 14:28

Hallo Jürg,

Ich habe jetzt mal alles hier durchgechekt, Nur den mut nicht Verlieren

So habe es mal alles zurechtgerückt, einwenig Schrift Angepasst, und noch eine minigrafik in den Buton gemacht. Es sollte jetzt Valide sein:
http://demo-seite.npage.de/benutzer-thaileben-1-b.html

Nun versuch es mal einzubauen, dazu musst Du im CSS Teil noch die Grafik URL Austauschen!
Später können wir noch die CSS Auslagern, das wäre noch besser und übersichtlicher! Machen wir zusammen per Telefon!!!
Auch die Meta angaben werden wir noch reinmachen!

Einbau ist ohne Auslagerung einfach! Design - Neuen Style Erstellen (URL der GRAFIK wechseln)

In den Design Header

Code: Alles auswählen

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
<title>Dein Titel</title>
  
<style type="text/css">
<!--


h1 {
  font-family: Comic Sans MS ,sans-serif;
  font-size: 22px;
  color: #400000;
}
h2 {
  font-family: Comic Sans MS, sans-serif;
  font-size: 18px;
  color: #500000;
}
h3 {
  font-family: Comic Sans MS ,sans-serif;
  font-size: 15px;
  color: #500000;
}
a:link {
  font-family: Comic Sans MS, sans-serif;
  color: #700000;
  font-size: 16px;
  text-decoration: none;
}
a:visited {
  font-family: Comic Sans MS ,sans-serif;
  color: #700000;
  font-size: 16px;
  text-decoration: none;
}
a:active {
  font-family: Comic Sans MS ,sans-serif;
  color: #700000;
  font-size: 16px;
  text-decoration: none;
}
a:hover {
  font-family: Comic Sans MS, sans-serif;
  color: #600000;
  font-size: 16px;
  text-decoration: underline;
}
body {
  font-family: Comic Sans MS, sans-serif;
  color: #400000;
  font-size: 15px;
  text-align: center;
  background-color: #ce9977;
  background-image: url(http://file1.npage.de/004305/55/bilder/braun.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center center;
}
#wrap {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 5px;
  background-color: transparent;
  background-image: url(http://file1.npage.de/004305/55/bilder/textseite_hg.png);
  background-repeat: repeat;
  border-style: ridge;
  border-width: 4px;
  border-color: #A50000;
}
#header {
  background-position: center top;
  width: 900px;
  height: 130px;
  background-color: transparent;
  background-image: url(http://file1.npage.de/004305/55/bilder/header_900x130.png);
  background-repeat: no-repeat;
}
#balkenoben {
  float: right;
  width: 700px;
  height: 35px;
  left: 370px;
  margin-top: 17px;
  margin-right: 10px;
  background-color: transparent;
}
A.menuoben:link, A.menuoben:visited, A.menuoben:active {
  display: block;
  width: 130px;
  height: 25px;
  line-height: 24px;
  margin-left: 6px;
  margin-bottom: 2px;
  text-align: center;
  text-decoration: none;
  font-family: Comic Sans MS, sans-serif;
  font-size: 16px;
  color: #ffbac5;
  background-image : url(http://file1.npage.de/004305/55/bilder/buttom.jpg);
  background-color: #A50000;
  border-style: solid;
  border-width: 1px;
  border-color: #880016;
}
A.menuoben:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #A50000;
  color: #ffa4b3;
  background-image : url(http://file1.npage.de/004305/55/bilder/buttom2.jpg);
  background-color: #A50000;
}
#navigation {
  float: left;
  width: 140px;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 2px;
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
}
A.menulink:link, A.menulink:visited, A.menulink:active {
  display: block;
  width: 130px;
  height: 25px;
  line-height: 24px;
  margin-left: 4px;
  margin-bottom: 3px;
  text-align: center;
  text-decoration: none;
  font-family: Comic Sans MS ,sans-serif;
  font-size: 16px;
  color: #ffbac5;
  background-image : url(http://file1.npage.de/004305/55/bilder/buttom.jpg);
  background-color: #A50000;
  border-style: solid;
  border-width: 1px;
  border-color: #880016;
}
A.menulink:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #A50000;
  color: #ffa4b3;
  background-image : url(http://file1.npage.de/004305/55/bilder/buttom2.jpg);
  background-color: #A50000;
}
#inhalt {
  float: right;
  width: 720px;
  background-color: transparent;
  background-image: url(http://file1.npage.de/004305/55/bilder/textseite_hg.png);
  background-repeat: repeat;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
  margin-right: 8px;
  text-align: center;
  margin-top: 15px;
}
#footer {
  width: 900px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-top: ridge 4px  #A50000;
  background-color: transparent;
}
.clear {
  clear: both;
    }
-->
</style>

</head><body>

<div id="wrap"><a name="top"></a>
  
<div id="header"></div>

<div id="balkenoben"><table align="right" border="0"><tbody>
  <tr>
      <td><a class="menuoben" href="guestbook.html">Gästebuch</a></td>
      <td><a class="menuoben" href="kontakt.html">Kontakt</a></td>
      <td><a class="menuoben" href="impressum.html">Impressum</a></td>
      <td><a class="menuoben" href="geschenke.html">Geschenke</a></td>
      <td><a class="menuoben" href="linkliste.html">Linkliste</a></td>
  </tr>
  </tbody></table></div>
  
<div id="navigation">
  
      <a href="willkommen.html" class="menulink">Willkommen</a>
      <a href="praesentieren.html" class="menulink">Präsentieren</a>
      <a href="geniessen.html" class="menulink">Geniessen</a>
      <a href="spielgefaehrtin.html" class="menulink">Spielen</a>
      <a href="ernaehrung.html" class="menulink">Ernährung</a>
      <a href="beschaeftigung.html" class="menulink">Beschäftigung</a>
      <a href="zusammen.html" class="menulink">Zusammen</a>
      <a href="schlumpi.html" class="menulink">Schlumpi</a>
      <a href="familienhunde.html" class="menulink">Familienhunde</a>
      <a href="videos.html" class="menulink">Videos</a>
      <a href="streuner.html" class="menulink">Streuner</a>
      <a href="tierschutz.html" class="menulink">Tierschutz</a>
      <a href="zeitbanner.html" class="menulink">Zeitbanner</a>
      <a href="bannertausch.html" class="menulink">Bannertausch</a>

<br /></div>

<div id="inhalt">

In den Design footer

Code: Alles auswählen

</div>

<br class="clear" />

<div id="footer">
   
<span style="font-size: medium"><span style="font-family: Impact">Design by </span></span><a target="_blank" href="http://npage-hilfe.de"><span style="font-size: medium"><span style="font-family: Impact">Npage-Hilfe.de</span></span></a><span style="font-size: medium"><span style="font-family: Impact"> and </span></span><a target="_blank" href="http://npage-freunde.npage.eu/designteam.html"><span style="font-size: medium"><span style="font-family: Impact">© Hinweise & TEAM</span></span></a>
  
</div>
</div>

</body>
</html>

HomepageHelfer.org

eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Re: eigenes Design mit npage von A-Z

Wer ist online?