Beiträge von deathfighter

  • Design

    Danke. Und ich werde dann nicht alzuviel für jede Sendung ändern müssen. Nur die header farbe und vll kleine details im inhaltbackground.

  • Design

    scheint nicht zu klappen. Aber das wird glaub ich in die Navileiste verschoben.


    Wie könnte ich denn meine Seite noch verbessern?

  • Design

    nein also rechts ist eine box wo Partner steht. Der text links ausserhalb der box wird etwas nach links verschoben und ist deshalb nichtmehr in der mitte. Wie mache ich das der text nicht verschoben wird?

  • Design

    Zitat von "Peter Gedamke"

    ha ha, blau ist auch OK


    Aber wie ich schon schrieb, sollte sich das Design auch in farblicher Richtung immer daran halten, was die Seite als Inhalt bringen soll. Erstellst du eine persönliche HP, wirst du kaum einen schwarzen Back nutzen usw. usw.
    :


    Was ist wenn man ein Depressiver Mensch ist? :lol:


    So hab mich wieder dem richtigen Projekt sogewand:


    [Blockierte Grafik: http://img3.imagebanana.com/img/2k9d65g3/thumb/Design1.jpg]


    Durch die box "Partner" verschiebt sich der text nach links da ja text-align:center; ist. Aber wie mache ich das es in der mitte bleibt?

  • Forum proggen?

    Zitat von "siraPrekloF2006"

    @deathfigther


    am besten proggst selber ein Forum...dann haste sehr wahrscheinlich keine Werbung :lol:


    ok dann sag mir mal wie ich aussschließlich mit html und css ein forum machen soll ohne jegliche php und mySQL kenntnisse.
    Bin mal gespannt...

  • Forum proggen?

    Ich hab mir ein forum bei iphpbb.com online gemacht. Doch das wimmelt nur so von werbung. Wenn man das mit dem downloadbaren packet manuell macht ist dann die werbung weg?

  • Wie mache ich ein gutes bzw. passendes Design?

    wie fertig willst du es denn noch haben?


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Layout mit grafischer Spaltenaufteilung</title>
    <style type="text/css">
    body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center; /* Zentrierung im Internet Explorer */
    }


    div#Seite {
    text-align: left; /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto; /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #ffffe0 url(hintergrund.gif) repeat-y;
    border: 2px ridge silver;
    }


    h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: center;
    background: #fed url(../../../src/logo.gif) no-repeat 100% 45%;
    border-bottom: 1px solid silver;
    }


    ul#Navigation {
    font-size: 0.83em;
    float: left; width: 200px;
    margin: 0 0 1.2em; padding: 0;
    }
    ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
    }
    ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    }
    ul#Navigation a:link {
    color: black; background-color: white;
    }
    ul#Navigation a:visited {
    color: #666; background-color: white;
    }
    ul#Navigation a:hover {
    color: black; background-color: #eee;
    }
    ul#Navigation a:active {
    color: white; background-color: gray;
    }


    div#Inhalt {
    margin: 0 0 1em 220px;
    padding: 0 1em;
    }
    * html div#Inhalt {
    height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    }
    div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
    }
    div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
    }


    p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed;
    border-top: 1px solid silver;
    }
    </style>
    </head>
    <body>


    <div id="Seite">
    <h1>CSS-basierte Layouts</h1>


    <ul id="Navigation">
    <li><a href="einfuehrung.htm">Einführung in CSS-basierte Layouts</a></li>
    <li><a href="mehrspaltige.htm">Mehrspaltige CSS-basierte Layouts</a></li>
    <li><a href="fixbereiche.htm">Fixe Bereiche mit CSS-basierten Layouts</a></li>
    <li><a href="navigationsleisten.htm">CSS-basierte Navigationsleisten</a></li>
    <li><a href="browserweichen.htm">CSS-Browserweichen</a></li>
    </ul>


    <div id="Inhalt">
    <h2>2-spaltiges Layout mit Hintergrundgrafik</h2>
    <p>In diesem Beispiel wird eine Hintergrundgrafik
    zur optischen Trennung der Spalten verwendet.</p>
    <p>Dies erfordert leider, dass die Breite der links stehenden Navigation
    passend zur Hintergrundgrafik in 'px' angegeben wird.
    Dadurch kann sich die Breite dieser Box einer Änderung des Schriftgrades
    nicht anpassen.</p>
    <p>Wie die links graue Hintergrundgrafik ist auch die gelbe Hintergrundfarbe
    des Inhaltsbereichs dem die Seitenelemente umschließenden DIV zugewiesen.
    Sowohl für die Navigation als auch für diese Inhaltsbox ist selbst
    kein Hintergrund angegeben.<br>
    Die durchgehende Trennung der Boxen wird somit lediglich optisch simuliert
    und ist unabhängig von deren Höhe.</p>
    <p>Der Kopf- und der Fußzeile wurde eine Hintergrundfarbe zugewiesen,
    damit sich die optische Trennung nicht auf diese Bereiche ausdehnt.</p>
    </div>


    <p id="Fusszeile">Diese Fußzeile stellt innerhalb des umschließenden DIVs
    den Elementenfluss wieder her.</p>
    </div>


    </body>
    </html>






    Das hier ist nun ganz ferig und du kannst nichts mehr falsch machen

  • Wie mache ich ein gutes bzw. passendes Design?

    nichts mit boxenmodul du machst z.B.


    body
    {
    text-align:center;
    }


    div#seite {
    width:1000px;
    height:100%;
    border:1px ridge silver;
    }


    und dann mit html:


    <div id="seite" >
    hier kommt der inhalt
    </div>





    und was mienst du mit wie man mit gimp ein design macht? Dort machst du nur die Bilder, hintergründe und mit css das layout.