Stellt eure Homepage vor!

[Slashwalker]

Find ich cool gemacht. Aber bitte lager das JS aus! Und du brauchst kein getElementsByTagName oder getElementByID, wenn du script.acluo.us nutzt Wobei ich jQuery bevorzugen würde. Insgesamt machst du es dir zu kompliziert mit JS. helpMe() würde z.B. mit jQuery in etwa so aussehen:

function helpMe(){
$('#screenBox').toggleClass('help');
}

Im CSS hat dann #screenbox screen.jpg als Background und die Klasse .help screenHelp.jpg als Background

[oshovah]

Danke für die Rückmeldung

ja, die Seite könnte man viel einfacher machen :P dies kommt aber davon, dass die aktuelle Version der Webseite sich sehr stark vom Grundkonzept unterscheidet. Da es eher an ein Wohltätigkeits-Projekt grenzt (ihr wollt gar nicht wissen wie wenig wir für die Webseite erhalten haben) hatte ich auch nicht die Zeit, die Seite neu aufzubauen. Wenn ich die Seite jetzt genau gleich machen müsste, würde ich vieles mit anders aufbauen.

Aber ja, der Kunde hat sehr Freude an der Webseite, und ich bin froh, dass das Projekt endlich fertig ist

[knollorulez]

Ich hab nach über einem jahr der alten Seite alles umgebaut und etwas klarer gegliedert. Die Inhalte müssen noch etwas ans neue Design angepasst werdern aber das Gerüst steht.

http://www.philipp-peuss.de/

Die Seite basiert auf dem freien CMS Joomla Fragen, Kritik und vor allem Anregungen würden mich freuen.

[laurids]

Das Hintergrundbild is etwas klein.. Ich sehe rechts und links graue Balken.. Vllt. könntest du es ja auch so machen dass sich das Bild beim Vergrößern des Browserfensters auch vergrößert!?

[knollorulez]

ja das hab ich schon befürchtet, ich muss mich da nochmal ins css klemmen wenn ich meinen bildschirm angeschlossen hab, mein macbook schafft ja nur die 1440x900

[C64]

Hau das Bild am Ende zB mit der id="background" ins html und dann im CSS:

html,body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#background {
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0px;
	top: 0px;
	position: absolute;
}

So schaut es aktuell auf meinem iMac 27'' aus

[knollorulez]

also ich hab mir heute mal den vormittag gedanken drüber gemacht (den simpsonsfilm hab ich mir nämlich gestern auch angesehen ) und habe es jetzt so (hoffentlich) gelöst:

html, body {margin:0; padding:0; width:100%; height:100%;
overflow:hidden;}
#hintergrund {position:absolute; z-index:1; width:100%; height:100%;}
#scrollbar {position:absolute; width:100%; height:100%; top:0; left:0;
overflow:auto;}
#inhalt {padding:5px 300px 20px 200px;}
-----------
<div> <img id="hintergrund" src="http://philipp-peuss.de/templates/winter/images/backgrounds/Wood.jpg" alt="bg" title="bg"
/> </div>
<div id="scrollbar"> <div id="inhalt">  </div>
</div> 
------------

wenn einer von den "auflösungsgiganten" hier noch mal draufschauen mag ich sitz grad noch auf arbeit und die dose macht nur die üblichen 1280x1024

[C64]

Simpsons war top Der musste einfach mit drauf
Also: Als erstes verwende doch bitte die code-Tags im Forum, um Code einzupflegen (notfalls einfach auf Quote drücken und das QUOTE gegen CODE ersetzen)

Wozu den Div um alles drum rum? Wozu den Div #scrollbar? Wozu das margin und padding bei body,html, wenn du am Anfang (was du immer tun solltest!) ein

* {margin:0; padding:0;}

setzt, dann brauchst du das nicht mehr bei html und body. Macht mehr Sinn
Ich könnte mir vorstellen dass dein Code zu Problemen führt, wenn du die Browsergröße veränderst.
Nimm doch einfach den Code, den ich dir vorher vorgeschlagen habe und setz das Bild ans Ende (damit sich die Suchmaschinen nicht blöd vorkommen ).

PS: Also es funktioniert bis auf den Punkt, dass oben ein weißer Strich bleibt. Unschön auch, dass bei der Auflösung 1024x768 bereits horizontale Scrollbalken angezeigt werden und dass dabei aber rechts gar nix contentmäßiges mehr ist... links allerdings verschwindet das Datum bei dieser Auflösung.

[knollorulez]

mmhh ja das mit der breite is noch nich so ideal, da muss ich die tage nochmal dran. aber bis auf das problem scheint es ja jetzt mit den auflösungen zu passen, ich hoffe mal das bild wird auf nem 30" bildschirm nicht zu pixelig. ich danke dir auf jeden fall für deine hilfe, hat mir sehr geholfen.
ps: wenn ich das bild ans ende setze, funktioniertas leider nicht, dann hat die hp nen weißen hg & das bild wird da drunter dargestellt. der weiße rand oben kam von einem einsamen vergessenen div tag

noch eine anmerkung zum aussehen? ich persönlich finde mittlerweile den navi balken oben zu dick, den werd ich nochmal nachbearbeiten

[Fedelix]

Da kann ich dir persönlich zustimmen, ich finde auch, dass der Balken oben viel zu dick geraten ist. Mit gefällt die horizontale Navigationsleiste im Gesamten nicht... du versuchst hier ja mit Design zu arbeiten (benutzt viele Freiräume über und unter den Navigationselementtexten), verwendest aber dennoch die Standardschrift in Standardgröße. Auch der Schatten um die Wörter „Startseite“, „Neuigkeiten“ fällt so gut wie nicht auf. Das Schwarz, welches du in der horizontalen Navigation verwendest, ist Schrift-Schwarz. Sonst findet man dieses verwendete Schwarz nirgends auf der Seite, deswegen sticht es zu arg hervor.

Ich persönlich würde die horizontale Navigationsleiste anders gestalten. Den Hintergrund der Leiste (momentan ja weiß) würde ich transparent setzen und dann damit weiterarbeiten. Die Schriftgröße der Navigation eventuell vergrößern, usw. So wird der Fokus auch stärker auf den Inhalt der Seite gesetzt. Momentan wirkt es „kastig“, wie ein zusammengesetzter Baukasten.