[HTML] HP-Fragen

Lakota

Newbie
Registriert
Mai 2005
Beiträge
5
Hi,

ich möchte mir eine HP gestalten und bin dabei mich in das ganze reinzuarbeiten. Als Neuling schwirrt mir dabei der Kopf.
Ich habe ein Template mit dem ich jetzt erste Schritte mache. Mein momentanes Problem ist, dass dieses Template in Grautönen gehalten ist, ich es aber gerne in Blautönen mit Weiß kombiniert hätte. Ich bin dabei im HTML-Modus zu verändern (ich hoffe dass hab ich richtig ausgedrückt). Aber ich finde für ein paar "Flächen" die Farbcodes nicht.
Könnt ihr mir bitte sagen wo die versteckt sind.
HTML:
</head>
<body style="background-color: rgb(255, 255, 255); color: black;"
 topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<div align="center">
<table bgcolor="#ffffff" cellspacing="0" cellpadding="0" border="0"
 width="100%" style="border: 1px solid silver;">
  <tbody>
    <tr>
      <td width="100%">
      <table cellspacing="2" cellpadding="0" border="0" width="100%">
        <tbody>
          <tr>
<!-- beginn kopf1--> <td width="190" align="center">
            <table width="190" cellspacing="0" cellpadding="0"
 border="0" align="center">
              <tbody>
                <tr>
                  <td width="190" class="leiste">
                  <table cellspacing="0" cellpadding="0" border="0"
 width="190">
                    <tbody>
                      <tr>
                        <td align="center">
                        <table border="0" cellpadding="0"
 cellspacing="0" width="100%">
                          <tbody>
                            <tr>
                              <td align="center"
 style="font-family: arial; font-size: 8pt; color: black; font-weight: bold;">
                              <script language="JavaScript">
<!--

var jetzt = new Date();

Wochentagsbezeichnung = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");

Monatsbezeichnung = new Array ("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");

var Tag = jetzt.getDate();
var Wochentag = jetzt.getDay();
var Monat = jetzt.getMonth();
var Jahr = jetzt.getYear();

document.write( Wochentagsbezeichnung[Wochentag] + ", der " + Tag + ". " + Monatsbezeichnung[Monat] + " " + Jahr + "<BR>");


// -->
                              </script><br>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
            <td align="center" width="100%" class="leiste">Leben mit
Tieren<br>
            </td>

Das ist in Grau und ich find nicht wo ich die neue Farbe   #6495ED  reingeben soll. 

Hier dasselbe:
<!-- beginn kopf2--> <tr>
            <td width="190">
            <table cellspacing="0" cellpadding="0" border="0">
              <tbody>
                <tr>
                  <td width="100%" class="leiste">
                  <table cellspacing="0" cellpadding="0" border="0"
 width="190" align="center">
                    <tbody>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
            <td align="center" width="100%" class="leiste">Seitentitel</td>
          </tr>

Und dann noch bei den Rubriken. Bei den Rubriken würd ich gern einen Blauen Hintergrund machen, dann dort in den Tabellen wo die Links sind eine hellere Farbe - aber wo steht das?
<!-- ende kopf2--> <tr>
            <td valign="top" width="190" class="nav" bgcolor="#ffffff">
            <br>
<!--Beginn Rubrik 1 linke Seite-->
            <table bgcolor="#ffffff" width="170" border="0"
 cellpadding="0" cellspacing="2" id="menu" align="center"
 style="border: 1px solid silver;">
              <tbody>
                <tr>
                  <td class="rubrik">&nbsp;Informativ </td>
                </tr>
                <tr>
                  <td><a href="index.html">&nbsp;&nbsp;<span
 class="pfeil">»</span> Jahreszeitlich</a></td>
                </tr>
                <tr>
                  <td><a href="index.html">&nbsp;&nbsp;<span
 class="pfeil">»</span> Was tue ich wenn ....<br>
                  </a></td>
                </tr>
                <tr>
                  <td><a href="index.html">&nbsp;&nbsp;<span
 class="pfeil">»</span> Wie erkenne ich&nbsp; ......<br>
                  </a></td>
                </tr>
                <tr>
                  <td><a href="index.html">&nbsp;&nbsp;<span
 class="pfeil">»</span> Unterwegs / Urlaub<br>
                  </a></td>
                </tr>
                <tr>
                  <td><a href="index.html">&nbsp;&nbsp;<span
 class="pfeil">»</span> Link<br>
                  </a></td>
                </tr>
              </tbody>
            </table>
<!--Ende Rubrik 1 linke Seite--> <br>


Ich hoffe ich habe alles wichtige reingeschrieben, ich arbeite übrigens mit dem Netscape Composer.
Wär toll wenn ihr mir helfen könntet!

lg
Lakota
 
Zuletzt bearbeitet von einem Moderator:
Re: HP-Fragen

Hallo und willkommen bei FB! ;)

Um das Template entsprechend anzupassen musst du lediglich alle "bgcolor" sowie die entsprechenden "style"-Attribute anpassen.
Desweiteren müssen dann noch die entsprechenden Angaben im externen Stylesheet ("format.css") angepasst werden. Eventuell hast du dies übersehen. ;)

P.S.: Zum posten von HTML-Code gibts die HTML-BBCODE-Tags. Dann verliert das ganze nicht so an übersicht. ;)

MfG mh1001
 
Re: HP-Fragen

Hallo mh1001,

danke für dein nettes Willkommen und deine Antwort, ich werd gleich mal schauen wie ich das hinkriege.
Zum posten von HTML-Code gibts die HTML-BBCODE-Tags. Dann verliert das ganze nicht so an übersicht.
Ups, sorry, beim nächsten mal weiß ichs :)

Ich hab noch ne Frage. Zurzeit beschäftige ich mich ja mit den HTML-Farbcodes. Mein Problem dabei ist, dass die Farben meist anders aussehen als in der Tabelle.
Meine Tochter hat mir eine HP gezeigt und die Farben würd ich auch gerne nehmen. Aber ich krieg sie einfach nicht hin. In den Tabellen sehen sie einfach anders aus.
Das ist die HP:
http://www.myfanbase.de/index.php?mid=697&pid=691
Diese beiden Farbtöne würd ich gern nehmen, find sie aber in keiner Tabelle. Mir hat ein Bekannter geraten den Quelltext anzusehen, also rechts klicken und.... Aber da kommt bei mir nichts.
Kennst du / kennt einer von euch die Farben?

Lieben Gruß
Lakota
 
Re: HP-Fragen

Hallo,

um ein langes suchen im Quelltext zu umgehen kann ich dir folgendes Tool empfehlen: ccPicker.
Das Tool bietet die Möglichkeit eine beliebige Farbe des Bildschirminhaltes zu wählen oder eine Farbe frei zu definieren und diese dann in sämtlichen gängigen Formaten auszugeben.

MfG mh1001
 
Re: HP-Fragen

Du musst ja im Quelltext "nur" nach Farbangaben suchen. Da die i.d.R. hexadezimal angegeben werden, suchst du also nach #.

Das helle blau ist: #D6DFEF
Das dunkle blau ist: #84A2BD
 
Schönen guten Morgen! :)

Super, danke für eure Antworten!

Ich werd mich gleich an die Umsetzung machen. :)

lg
Lakota
 
Hallo,

ich war jetzt sobald ich irgendwie Zeit erübrigen konnte am Probieren und einiges konnte ich schon rausbekommen.
Hier mal meine "Seite", ich hab die Indexseite online gestellt damit ich mal sehe wies in etwa aussieht.
http://www.leben-mit-tieren.org/index.html
Ist es recht schlimm?

Beim Mouseover-menü kapier ich noch nicht wo da was hingehört. Ich hab da im format.css folgendes stehen:
HTML:
#menu a {display: block;
background-color:#84a2bd;
color:#000000
; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:visited{background-color:#DEDED8;
color:#000000;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:active{background-color:#84a2bd;
color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:176px;
border:solid 1px silver;
padding:1px;
}

#menu a:hover {background-color:#84a2bd;
color: #000000;
text-decoration:none ;font-family:verdana, sans-serif; font-size:10pt;
width:176px;
border:solid 1px silver;
padding:1px;
}

.pfeil{color:#84a2bd;font-weight:bold}

Ich würd da gerne die helle Farbe d6dfef im "normalen" Menü haben und beim "drüberfahren" etc. die dunkle 84a2bd. Aber was ist da "normal" oder sonst was? Ich hab mal versuchsweise grade die dunkle Farbe reingeschrieben, aber ich hab null Ahnung ob das stimmt.

Mein zweites Problem ist, dass das Datum so oben klebt. Hab schon einiges probiert aber es will nicht runter.
3. Unter dem Logo mit Hund ist ein Feld mit so einem Balken. toll wär ne Uhr dort, aber schon wie der Balken jetzt ausschaut, und auch der will sich nicht verändern, da wird immer nur das komplette Feld größer wenn ich was ändern will.

4. was würdet ihr noch anders machen?
(Ich hoff, es ist nicht zu furchtbar)

Ich würd mich freuen wenn ihr mir wieder weiter helfen könntet.

lg
Lakota
 
Lakota schrieb:
Ich würd da gerne die helle Farbe d6dfef im "normalen" Menü haben und beim "drüberfahren" etc. die dunkle 84a2bd. Aber was ist da "normal" oder sonst was? Ich hab mal versuchsweise grade die dunkle Farbe reingeschrieben, aber ich hab null Ahnung ob das stimmt.
Du hast bei Links mehrere Formate. Wie sieht der Link "normal" aus (= link), wie beim drüberfahren mit der Maus (= hover), wie wenn er gerade angeklickt ist (= active), wie wenn er schonmal angeklickt wurde (= visited) [ggf. noch wie wenn er mit der Tabulatortaste via Tastatur ausgewählt wurde (= focus)].

Am besten ordnest du die Formatierungen in dieser Reihenfolge: link, visited, hover, active, focus. Und dann passt du eben die background-colors so an, wie du willst. D.h. bei "#menu a" (oder "#menu a:link") kommt die Farbe für den normalen Link hin, bei "#menu a:hover" die Farbe beim Drüberfahren usw.
(Ich hoff, es ist nicht zu furchtbar)
Ist es nicht! Sieht echt gut aus :)

Wegen dem Datum, füge mal in der Zelle, wo das Script für das Datum liegt das noch hinzu:
HTML:
vertical-align:middle; (mittig) oder
vertical-align:bottom; (unten)
insgesamt also so:
HTML:
<td
 style="vertical-align:middle; text-align: center; font-family: arial; font-size: 8pt; color: black; font-weight: bold; background-color: rgb(132, 162, 189);">
 
Zurück
Oben