Hintergründe für Websites
- Ersteller crtve12
- Erstellt am
Fuddelbaer
Ensign
- Registriert
- Nov. 2008
- Beiträge
- 235
www.deviantart.com
Entsprechende Rubrik mußt du selber suchen, weiß ich nicht wie die dort sowas nennen. Vielleicht Webart oder Webtemplates - keine Ahnung, schau dir die Navigation dort halt mal genau an.
Allerdings ist nicht alles dort frei verwendbar, also immer auch die Bescheibung lesen, dort ist fast immer ein Hinweis zu finden unter welchen Bedingungen etwas verwendent werden kann. Es findet sich jedoch sicherlich vieles das für nichtkommerziele Zwecke freigegeben ist.
Guckst du vielleicht mal da:
http://browse.deviantart.com/resources/patterns/
http://browse.deviantart.com/resources/lineart/
http://browse.deviantart.com/resources/misc/
http://browse.deviantart.com/resources/stockart/
Diese Rubrick sieht besonders vielversprechend aus imho:
http://browse.deviantart.com/resources/textures/
Entsprechende Rubrik mußt du selber suchen, weiß ich nicht wie die dort sowas nennen. Vielleicht Webart oder Webtemplates - keine Ahnung, schau dir die Navigation dort halt mal genau an.
Allerdings ist nicht alles dort frei verwendbar, also immer auch die Bescheibung lesen, dort ist fast immer ein Hinweis zu finden unter welchen Bedingungen etwas verwendent werden kann. Es findet sich jedoch sicherlich vieles das für nichtkommerziele Zwecke freigegeben ist.
Guckst du vielleicht mal da:
http://browse.deviantart.com/resources/patterns/
http://browse.deviantart.com/resources/lineart/
http://browse.deviantart.com/resources/misc/
http://browse.deviantart.com/resources/stockart/
Diese Rubrick sieht besonders vielversprechend aus imho:
http://browse.deviantart.com/resources/textures/
Zuletzt bearbeitet:
kachiri
Fleet Admiral
- Registriert
- Apr. 2011
- Beiträge
- 23.532
Danke - die Auswahl reicht erstmal 
Habe direkt noch eine Frage:
Meine style.css für eine einfache Homepage:
HomePic1 lässt sich mit dieser Konfiguration leider nicht zentrieren. Die Divs Hardware-Left und Review-Right sollen jedoch neben dem Bild sein, sodass ich auf "position: absolute" setzen muss.
Hat jemand eine Idee?
Habe direkt noch eine Frage:
Meine style.css für eine einfache Homepage:
Code:
html {
}
body{
background-color: #d8d8d8;
}
#Quickbar {
text-align: center;
padding-top: 30px;
}
#HomePic1 {
text-align: center;
position: absolute;
padding-top: 100px;
}
#Hardware-Left {
text-align: left;
position: absolute;
}
#Review-Right {
text-align: right;
}HomePic1 lässt sich mit dieser Konfiguration leider nicht zentrieren. Die Divs Hardware-Left und Review-Right sollen jedoch neben dem Bild sein, sodass ich auf "position: absolute" setzen muss.
Hat jemand eine Idee?
Sticko
Cadet 2nd Year
- Registriert
- Nov. 2011
- Beiträge
- 23
das ist doch im Grunde eine 3Spalten-Seite, wenn ich das richtig sehe.
Ich würde die Elemente floaten .. und mit margin:auto ausgleichen.
Wo sollen deine Div-Elemente denn erscheinen?
------------ Quickbar---------------
Left ------- Homepic ------- Right
Oder eher
Left ------- Homepic ------- Right
------------ Quickbar---------------
was ist mit den Größenangaben der Seite?
Wenn du die auch noch definierst, könnte es so aussehen:
(ich habe da einfach mal den Kopfbereich vorbereitet und einen Content und Footerbereich mit eingefügt. Zusätzlich noch einen Wrap drumrumgelegt, den ich dann einfach via margin zentriert habe und zack, mit den richtigen Angaben ist es zentriert
)
Der HTML-Code:
und der CSS-Code dazu:
Ich würde die Elemente floaten .. und mit margin:auto ausgleichen.
Wo sollen deine Div-Elemente denn erscheinen?
------------ Quickbar---------------
Left ------- Homepic ------- Right
Oder eher
Left ------- Homepic ------- Right
------------ Quickbar---------------
was ist mit den Größenangaben der Seite?
Wenn du die auch noch definierst, könnte es so aussehen:
(ich habe da einfach mal den Kopfbereich vorbereitet und einen Content und Footerbereich mit eingefügt. Zusätzlich noch einen Wrap drumrumgelegt, den ich dann einfach via margin zentriert habe und zack, mit den richtigen Angaben ist es zentriert
)Der HTML-Code:
HTML:
<body>
<div id="wrap">
<div id="Hardware-Left"> Hardware left</div>
<div id="HomePic1">Homepic 1</div>
<div id="Review-Right">Review Right</div>
<div id="Quickbar">Quickbar</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
</body>und der CSS-Code dazu:
HTML:
@charset "utf-8";
/* CSS Document */
body{
background-color: #d8d8d8;
}
#wrap{
width:900px;
margin:auto;
}
#Quickbar {
text-align: center;
width:900px;
float:left;
}
#HomePic1 {
margin:auto;
text-align: center;
float:left;
width:500px;
}
#Hardware-Left {
text-align: left;
float:left;
width:200px;
}
#Review-Right {
text-align: right;
float:left;
width:200px;
}
#content {
width:900px;
min-height:600px;
}
#footer{
width:900px;
height:30px;
}
Zuletzt bearbeitet:
(Zusatz)
