Stellt eure Homepage vor!

[C64]

Mit Pixelmator ist das "relativ" schnell gemacht (relativ - je nachdem, wie gut du dich auskennst )
Das Menü ist extrem einfach.
Schau dir doch mal den Code dort an. Ohne reingeschaut zu haben, wird da ne Aufzählung sein:

<ul>
 <li>menupunk1</li>
 <li>menupunk2</li>
 <li>menupunk3</li>
</ul>

ul hat im CSS dann ein float:right, genauso wie die li-Tags.
und li hat zusätzlich sowas wie: height: 75px; und padding: 25px; oder so...
und bei :hover background-color: #uvwxyz;
.current hat natürlich ne andere background-color: #mnopqr;

(CSS natürlich so nicht vollständig)
Wobei das Menu in dem Fall keine Hintergrundfarbe hat (vermutlich), sondern ein Hintergrundbild mit repeat-x.... Also in den Code schauen, dann ins CSS und schauen, ob ich recht habe und dann einfach mal rumspielen und merken... hey, das kann ich selbst!

EDIT: Noch gaaaanz schnell was zusammengeschubbst

 

[Tidus2007]

ok ich lads mal runter, und das mit dem Menü?

 

[Slashwalker]

Wie immer als Anreger beispielsweise:
http://cssmania.com/
oder
http://www.css-website.com/
oder...

Die zweite läd bei mir nicht
Aber auf der ersten sind wirklich schöne Beispiele. Darf dir leider kein Karma geben, muss erst jemand anderen bewerten (wink mit dem Betonpfeiler Richtung Admin/Mods)

 

[robinsbegin]

Wie immer als Anreger beispielsweise:
http://cssmania.com/
oder
http://www.css-website.com/
oder...

1. sieht sehr professionell aus.

2. ebenso

 

[SkyWombat]

Echte Weltraum Bilder gibt's z.B. bei der NASA oder bei Hubble Heritage. Die sind in der Regel frei zu verwenden bei entsprechendem Hinweis auf die Herkunft.

 

[Hausmeister76]

Impressum brauchst du immer egal in welcher Form du im Internet auftrittst.
Weder das Design noch die Umsetzung gefallen mir! Würde die Seite komplett überarbeiten (neu gestalten).

Na so pauschal kannst du das nicht sagen....rein private Seiten, also mit privatem oder familiären Hintergrund, brauchen kein Impressum.

 

[Slashwalker]

hab meine mal neu gestaltet, habt ihr noch vorschläge?
www.christianrahn.de, ps: benötige ich als privatperson unbedingt das impressum oder nicht?

Mach einfach ein Impressum rein, Name, Anschrift und E-Mail. Mehr brauchst als Privatperson nicht. Und lass die Finger von solchem Haftungsblabla für Links.

Deine Anschrift ist, sofern du eine "echte Domain" hast, so oder so öffentlich einsehbar

 

[oshovah]

Hallo Leute

Hier eine Seite die ein Kollege (Designer) und ich (Coder) gemacht haben. Es ist eine Band Webseite

http://www.daliah.ch

Hoffe sie gefällt euch

Gruss

 

[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 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.

 

[knollorulez]

ja es war wirklich ziemlich blockig.
ich habe die beiden kästen (oben/unten) jetzt transparenter gesetzt und sehr viel schmaler gemacht, den oberen mit verlauf, weil das logo zu filigran ist um bei transparenz noch sichtbar zu sein. zur typographie in der navi muss ich mir mal noch ein paar gedanken machen, ich hab da heut zu lang drauf gestarrt um noch was vernünftiges hin zu bekommen auch an den grauen block rechts werd ich nochmal gehen. aber dank der tipps siehts langsam wirklich gut aus, zumindest trifft es meinen geschmack

 

[MarcelRe]

Die Seite habe ich für unser Abschlussjahr designen lassen....
Leider kann ich euch nicht alles zeigen da es eine Anmeldung erfordert und ich obwohl ich headadmin bin nicht drauf lassen kann weil sie nur für die Klasse ist.

http://www.abschluss-2010.design-artefacts.com/

Wie findet ihr so das design?


Die Seite hab ich von http://www.freischaffende-kuenstler.de/ machen lassen. Wer logos, Annimationen, Websites etc. braucht einfach mal vorbei schauen
Ist alles kostenlos.