Ankündigung

Einklappen
Keine Ankündigung bisher.

css-Datei! Wer kann sie bearbeiten?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • css-Datei! Wer kann sie bearbeiten?

    Hi!
    Wer kann mir diese css-Datei so herrichten das sie so ähnlich aussieht wie www.jugend.ew-h.de ?
    Hintergrundfarbe: #00ccff
    Schriftart: #0066ff
    Der rest so ähnlich wie bei der oben genannten Site.
    thx!

    [code:1:8e5e3737c9]BODY
    {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #000000;
    background-color: #ECECEC;
    }

    input
    {
    color:#000000;
    font: 8pt verdana;
    font-weight: none;
    text-decoration: none;
    background: lightgrey;
    border: 1 solid #000000;
    padding-left : 3px;
    padding-top : 1px;
    }

    textarea
    {
    color:#000000;
    font: 8pt verdana;
    font-weight: none;
    text-decoration: none;
    background: lightgrey;
    border: 1 solid #000000;
    }

    select
    {
    color:#9D9C9A;
    font: 8pt verdana;
    font-weight: none;
    text-decoration: none;
    background: lightgrey;
    border: 1 solid #000000;
    }

    A:link
    {
    COLOR: #0070CE;
    TEXT-DECORATION: none;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold
    }

    A:visited
    {
    COLOR: #0070CE;
    TEXT-DECORATION: none;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold
    }

    A:active
    {
    COLOR: #0070CE;
    TEXT-DECORATION: none;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold
    }

    A:hover
    {
    color: #035193;
    TEXT-DECORATION: underline;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold
    }

    .t_000
    {
    background-color: #ECECEC;
    }

    .t_001
    {
    border-top-width:1px;
    border-top-style:solid;

    border-bottom-width:1px;
    border-bottom-style:solid;

    border-left-width:1px;
    border-left-style:solid;

    border-right-width:1px;
    border-right-style:solid;

    border-color: #0070CE;
    }

    .t_002
    {
    border-top-width:1px;
    border-top-style:solid;

    border-bottom-width:1px;
    border-bottom-style:solid;

    border-left-width:1px;
    border-left-style:solid;

    border-right-width:1px;
    border-right-style:solid;

    border-color: #0070CE;
    background-color: #C9D2D9;
    }

    .t_003
    {
    border-left-width:1px;
    border-left-style:solid;

    border-color: #0070CE;
    background-color: #C9D2D9;
    }

    .t_004
    {
    border-top-width:1px;
    border-top-style:solid;

    border-bottom-width:1px;
    border-bottom-style:solid;

    border-left-width:1px;
    border-left-style:solid;

    border-right-width:1px;
    border-right-style:solid;

    border-color: #0070CE;
    background-color: #DAE1E6;
    }

    .t_005
    {
    border-top-width:1px;
    border-top-style:solid;

    border-bottom-width:1px;
    border-bottom-style:solid;

    border-left-width:1px;
    border-left-style:solid;

    border-right-width:1px;
    border-right-style:solid;

    border-color: #0070CE;
    background-color: #D3DEE7;
    color: #A78979;
    }

    .t_000-1
    {
    background-color: #DAD8D8;
    }

    .t_0000
    {
    background-color: #D4D4D4;
    }

    .t_0001
    {
    background-color: #E5E5E5;
    }[/code:1:8e5e3737c9]

  • #2
    Alter Faulbär.

    Ich habe keinen Bock zu bearbeiten, aber ich war so nett und habe Dir schon mal die Style-Definitionen aus der oben genannten URL rauskopiert :lol:.

    Viel Spaß beim selber ändern:

    [code:1:6bab5cc30b]BODY {
    direction:;
    background-attachment:fixed;
    scrollbar-arrow-color: #0066ff;
    scrollbar-track-color: #00ccff;
    scrollbar-face-color: #0066ff;
    scrollbar-highlight-color: #0066ff;
    scrollbar-3dlight-color: #0066ff;
    scrollbar-darkshadow-color: #0066ff;
    scrollbar-shadow-color: #0066ff;
    }[/code:1:6bab5cc30b]

    (ich weiß selber, dass es nicht die Antwort war, die Du wolltest und das es unheimlich fies war *g*)
    Am gerechtesten ist der Verstand verteilt auf der Welt, denn jeder ist zufrieden mit dem, was er hat, und außerdem überzeugt, daß er mehr hat als die anderen. (Zitat von: Robert Lembke)

    Kommentar


    • #3
      Whhhhüüüüüüüüäääääääääääääähhhhhhh.....
      Wo muß ich das den einfügen??????
      :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry:

      Kommentar


      • #4
        So sollte es gehen, allerdings sind da noch keine Farben für Tabellen etc. drin definiert:

        [code:1:75ab87b097]BODY
        {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color: #000000;
        background-color: #ECECEC;
        direction:;
        background-attachment:fixed;
        scrollbar-arrow-color: #0066ff;
        scrollbar-track-color: #00ccff;
        scrollbar-face-color: #0066ff;
        scrollbar-highlight-color: #0066ff;
        scrollbar-3dlight-color: #0066ff;
        scrollbar-darkshadow-color: #0066ff;
        scrollbar-shadow-color: #0066ff;
        } [/code:1:75ab87b097]
        Am gerechtesten ist der Verstand verteilt auf der Welt, denn jeder ist zufrieden mit dem, was er hat, und außerdem überzeugt, daß er mehr hat als die anderen. (Zitat von: Robert Lembke)

        Kommentar


        • #5
          Geht aber irgendwie trotzdem nicht.
          Schau: http://www.jugend.ew-h.de/jugendmag/.../html/news.php

          komisch....

          Kommentar


          • #6
            Bekomme da nur ne Fehlermeldung.

            Zitat von webServer
            Parse error: parse error in /var/www/l3s1875/html/jugendmag/html/designs/bsp_design/design.php on line 43
            müsste aber gehen, wenn man die Seite komplett anzeigen kann. Musst wohl erst mal den PHP-Code überprüfen !
            Am gerechtesten ist der Verstand verteilt auf der Welt, denn jeder ist zufrieden mit dem, was er hat, und außerdem überzeugt, daß er mehr hat als die anderen. (Zitat von: Robert Lembke)

            Kommentar


            • #7
              Zitat von -fliX-
              Geht aber irgendwie trotzdem nicht.
              Es sieht ziemlich *piep* aus, weil für die Scrollbars immer nur die gleiche Farbe genommen wird.
              So hat man nur noch einfarbige Balken an den Rändern.
              Du solltest ein paar Unterschiede bei den einselnen Farben machen:

              Zitat von SelfHTML
              scrollbar-base-color = Basisfarbe der Scroll-Leiste
              scrollbar-3dlight-color = Farbe für 3D-Effekte
              scrollbar-arrow-color = Farbe für Verschiebepfeile
              scrollbar-darkshadow-color = Farbe für Schatten
              scrollbar-face-color = Farbe für Oberfläche
              scrollbar-highlight-color = Farbe für oberen und linken Rand
              scrollbar-shadow-color = Farbe für unteren und rechten Rand
              scrollbar-track-color = Farbe für freibleibenden Verschiebeweg

              Für den Anfang sollte dies reichen:

              [code:1:b32d365177]BODY
              {
              margin: 0px;
              padding: 0px;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 12pt;
              color: #000000;
              background-color: #ECECEC;
              background-attachment:fixed;
              scrollbar-arrow-color: #00ccff;
              scrollbar-track-color: #00ccff;
              scrollbar-face-color: #0066ff;
              scrollbar-highlight-color: #0066ff;
              scrollbar-3dlight-color: #0066ff;
              scrollbar-darkshadow-color: #0066ff;
              scrollbar-shadow-color: #0066ff;
              }[/code:1:b32d365177]

              Kommentar


              • #8
                Achso, noch was zu der CSS-Datei die als Quelle dienen soll.
                Die kann man an einigen Stellen bestimmt noch optimieren!

                [code:1:34fddddb85].t_001
                {
                border-top-width:1px;
                border-top-style:solid;

                border-bottom-width:1px;
                border-bottom-style:solid;

                border-left-width:1px;
                border-left-style:solid;

                border-right-width:1px;
                border-right-style:solid;

                border-color: #0070CE;
                }[/code:1:34fddddb85]

                Hier wird für jede Seite die gleichen Einstellungen genommen.
                Man kann sich also sparen, jede Seite direkt zu formatieren, sondern nimmt lieber alle gleichzeitig!

                [code:1:34fddddb85].t_001
                {
                border-width:1px;
                border-style:solid;
                border-color: #0070CE;
                }[/code:1:34fddddb85]

                Ausserdem glaube ich, das der alte Netscape Probleme bei CSS-Klassen mit einer Zahl im Namen hat.
                Kann aber auch sein, das das nur Zahlen am Anfang betrifft!
                Bin ich mir jetzt nicht ganz so sicher!

                Kommentar

                homepage-forum.de - Hilfe für Webmaster! Statistiken

                Einklappen

                Themen: 57.205   Beiträge: 432.330   Mitglieder: 29.597   Aktive Mitglieder: 46
                Willkommen an unser neuestes Mitglied, Drausi.

                Online-Benutzer

                Einklappen

                767 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 764.

                Mit 4.707 Benutzern waren am 12.01.2023 um 03:07 die meisten Benutzer gleichzeitig online.

                Die neuesten Themen

                Einklappen

                Die neuesten Beiträge

                Einklappen

                Lädt...
                X