| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Gast
|
 Hilfe bei .css datei |
 |
|
Hi leute,
ich wollt mal fragen ob mir jemand eine datei mit.css erstellen kann, in der angegeben ist, wie das design aussehen soll.
es reicht ein einfaches beispiel.
möglichst so:
hintergrund:
-hintergrund.jpg soll im hintergrund alles wegnehmen.
folgende sachen sind im mittelpunkt:
-head.jpg ist, in der das Bild die Überschrift schon beinhaltet, ihr müsst das lediglich einbinden. 400px hoch und 990px breit
-dann kommt menü1, das waagrecht ist. es soll das hintergundbild
menü1.jpg bekommen 100px hoch und 990px breit
-dann kommt links logo.jpg 200px breit und hoch 5px platz zum linken rand
und in der mitte top.jpg, in dem im vordergrund banner.jpg eingebunden
werden kann, direkt an rechts.jpg und links.jpg anliegend. 200px hoch
-rechts kommt rechts.jpg, 200px breit und 2500tief, 5px platz zum rechten rand
-dann kommt menü2(senkrecht), es soll direkt unter logo.jpg liegen.
es ist wie bei menü1 nur das hintergrundbild dazu
200px breit und 2300px tief
-rechts davon kommt text.jpg, es soll eine ebene hinter den schon gennanten bildern sein. der text, der hier aber rein soll, was für jede seite anders sein soll, auf der selben ebene und die schriftfarbe soll 888888 sein. es ist 2300px tief, egal wie viel text und 580px breit
-unter allem kommt den unten.jpg , das 990px breit ist.
-es sollten dann allgemeine linkangaben und eine gefärbte scrollbar in schwarz noch versehen werden, das kann ich aber dann selber
DANKE IM VORAUS FÜR EURE HILFE
P.S. Ich kann euch für eure hilfe einen eigenen chat geben, der ist so ähnlich wie die java-chats, nur ohne werbung, anderes design und mit ajax gemacht |
|
|
|
|
| 14 Nov 2007 15:40 |
|
 |
drawnworld
Mitglied
|
|
|
|
Hier mein Vorschlag. Ich habe allerdings nicht verstanden, was du mit den "Ebenen" meintest... Die Farben sind nur zur Veranschaulichung da.
Einfach speichern und ausprobieren.
(test.html)
| Code: |
<html>
<head>
<title>Titel</title>
<link href="style.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
<div id="sheet">
<div id="head">head</div>
<div id="menue1">menue1</div>
<div id="content">
<div id="logo">logo</div>
<div id="advert"><img src="banner.jpg" /></div>
<div id="menue2">menue2</div>
<div id="text">text</div>
</div>
<div id="spacer">rechts</div>
<div id="bottom">unten</div>
</div>
</body>
</html>
|
(style.css)
| Code: |
*
{
margin: 0;
padding: 0;
}
body
{
background-image: url(hintergrund.jpg);
text-align: center;
}
div#sheet
{
width: 990px;
margin: 0 auto;
text-align: left;
}
div#head
{
height: 400px;
background-image: url(head.jpg);
background: #FFFF00;
}
div#menue1
{
height: 100px;
background-image: url(menue1.jpg);
background: #0000FF;
}
div#menue2
{
float: left;
background: #00FFFF;
height: 2300px;
width: 200px;
}
div#content
{
height: 2500px;
width: 790px;
float: left;
}
div#logo
{
background: #FF0000;
float: left;
width: 200px;
height: 200px;
}
div#advert
{
float: right;
background: #00FF00;
width: 590px;
height: 200px;
background-image: url(top.jpg);
}
div#text
{
color: #888888;
float: right;
background: #0000FF;
width: 590px;
height: 2300px;
float: left;
background-image: url(text.jpg);
}
div#spacer
{
background: #FF00FF;
width: 200px;
height: 2500px;
float: right;
background-image: url(rechts.jpg);
}
div#bottom
{
height: 100px;
clear: both;
background: #FFFF00;
}
|
|
|
_________________
http://www.hoppe-pages.de.vu
http://www.plusquamperfekt.de |
|
|
| 18 Nov 2007 19:59 |
|
|
Matthias
Gast
|
|
|
|
| ich glaub, so sollte das schon sein |
|
|
|
|
| 17 März 2008 23:00 |
|
|
|
|
