super geiles webdesign
lima-city → Forum → Die eigene Homepage → Grafikdesign
ante
background
beitrag
container
datei
design
eros
farbe
grafik
kamera
layout
libero
mache
massa
orange
overflow
sem
tabelle
tutorial
vita
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Schicker Effekt ist, das die Kamera so auf was liegt^.^ Im Men? w?rde ich entweder die buttons ein bisschen kleiner oder die schrift ein bisschen gr?sser, sonst ist es gut.
-
Naja, kannst ja mal schreiben, wenn du fertig bist.
Die iFrame Methode scheint ganz n?tzlich zu sein.
Aber ich glaube es geht auch mit einer Tabelle, versuch das mal?!
Wo haste denn das Template her, wenn ich mal so fragen darf?
Achja, noch zum Design.... Ich w?rde alles in der Mitte setzen, sieht dann besser aus.
bye
Beitrag ge?ndert am 11.08.2006 14:45 von crybabe
Beitrag ge?ndert am 11.08.2006 14:47 von crybabe -
Hi,
also erstmal muss ich sagen das mir dein Design sehr gut gef?llt!
Sieht wirklich klasse aus. Wo ich mich meinen Vorrednern anschlie?en muss: es k?nnte noch was mehr farbe rein, also entweder blau, gr?n, rot oder gelb.
zu deinem Problem:
du hast, meiner Ansicht nach einfach nur den Contentbereich zu gro? definiert!
Dein CSS-file beinhaltet diese Stelle:
#content { position: absolute; width: 488px; top: 281px; left: 218px; background: url('images/dark_design_08.gif') repeat-y; }
Wenn du einfach nur die "width" auf 400 setzt, bekommst du den ganzen Text in deinen "Rahmen"
Ergo:
#content { position: absolute; width: 400px; top: 281px; left: 218px; background: url('images/dark_design_08.gif') repeat-y; }
Nur hast du dann das Problem, dass der Contentereich zu lang ist f?r dein Design.
Dieses Problem d?rftest du aber eg vergessen d?rfen, da ich denke das du ja eh keine so langen Texte schreiben wirst wie der jetzige "Demotext" lang ist.
So far. Have fun und probier?s einfach mal aus ;) -
wasi schrieb:
Boah mir gef?llt das Design richtig richtig gut! Aber auch die Tatsache, dass du fotografierst ist schon prima! Richtig gut gef?llt mir die Kamera oben im Banner. Wie willst du das Men? weiter gestalten? Ich finde die ?berschriften ein wenig zu unauff?llig, machst du noch ein Mouseover?
den gibt es bereits
crybabe schrieb:
Naja, kannst ja mal schreiben, wenn du fertig bist.
Die iFrame Methode scheint ganz n?tzlich zu sein.
Aber ich glaube es geht auch mit einer Tabelle, versuch das mal?!
Wo haste denn das Template her, wenn ich mal so fragen darf?
Achja, noch zum Design.... Ich w?rde alles in der Mitte setzen, sieht dann besser aus.
bye
Beitrag ge?ndert am 11.08.2006 14:45 von crybabe
Beitrag ge?ndert am 11.08.2006 14:47 von crybabe
tabellen haben verschiedene nachteile, weswegen ich mich ja von anfang an fuer css entschieden habe. das design habe ich selbst nach einem tutorial in ps cs2 erstellt.
privateflash schrieb:
Hi,
also erstmal muss ich sagen das mir dein Design sehr gut gef?llt!
Sieht wirklich klasse aus. Wo ich mich meinen Vorrednern anschlie?en muss: es k?nnte noch was mehr farbe rein, also entweder blau, gr?n, rot oder gelb.
zu deinem Problem:
du hast, meiner Ansicht nach einfach nur den Contentbereich zu gro? definiert!
Dein CSS-file beinhaltet diese Stelle:
#content { position: absolute; width: 488px; top: 281px; left: 218px; background: url('images/dark_design_08.gif') repeat-y; }
Wenn du einfach nur die 'width' auf 400 setzt, bekommst du den ganzen Text in deinen 'Rahmen'
Ergo:
#content { position: absolute; width: 400px; top: 281px; left: 218px; background: url('images/dark_design_08.gif') repeat-y; }
Nur hast du dann das Problem, dass der Contentereich zu lang ist f?r dein Design.
Dieses Problem d?rftest du aber eg vergessen d?rfen, da ich denke das du ja eh keine so langen Texte schreiben wirst wie der jetzige 'Demotext' lang ist.
So far. Have fun und probier?s einfach mal aus ;)
das kann ich leider nicht, da ja sonst der hintergrund nicht vollstaendig dargestellt werden wuerde.
trotzdem danke fuer eure hilfe. -
OMG! (Tur mir leid!)
Das "OMG!" bezieht sich aber auch auf die Hilfestellung der anderen User.
Bist du noch nciht auf die Idee gekommen, dass du in dem Div-Container noch einen anderen Container machen kannst, in dem dann der Text ist? Das ist doch die einfachste Idee ?berhaupt. -.-
Das w?rde dann ungef?r so aussehen:
#content_background { position: absolute; width: 488px; top: 281px; left: 218px; background: url('images/dark_design_08.gif') repeat-y; } #content{ width: 400px; margin-left:0px; }
<div id="content_background"> <div id="content"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas vehicula nisi. In vel metus. Quisque eleifend dolor sed tortor. In hac habitasse platea dictumst. Nullam arcu libero, malesuada sit amet, molestie mollis, molestie et, ante. Vivamus feugiat pede lacinia enim bibendum pharetra. Donec feugiat erat vitae elit. Quisque gravida diam semper nibh. Etiam elit. Duis id mi quis lorem condimentum tincidunt. Cras molestie metus. Suspendisse aliquam, enim ut scelerisque bibendum, diam est vestibulum ipsum, eu sollicitudin tellus mauris vitae libero. Nullam pharetra sodales arcu. Maecenas est dui, ultrices et, porta ac, fringilla nec, eros. Curabitur bibendum, urna vel molestie aliquam, sem odio vulputate mi, non pretium tortor eros nec nisi. Ut vel urna. Aenean sapien enim, dignissim quis, iaculis laoreet, blandit a, odio. Integer enim. Mauris placerat dui eu metus. </p><p> Ut lacinia, enim a convallis tincidunt, arcu lacus tristique tortor, sed dapibus urna est vitae magna. Etiam congue. Nunc pulvinar mauris id diam. Fusce nec diam a est ullamcorper placerat. Vestibulum eu diam. Aliquam nec ipsum et lorem porta pharetra. Cras a elit at diam rhoncus accumsan. Nam ornare scelerisque lacus. Donec pharetra ante at leo. Curabitur urna nunc, tincidunt in, accumsan a, auctor sit amet, leo. Phasellus fringilla fermentum elit. </p><p> Vivamus varius aliquet nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ullamcorper ligula et mi. Cras consequat velit ut sem. Pellentesque vitae orci eu erat sagittis mattis. In aliquet aliquet magna. Vestibulum hendrerit eros eget ante. Cras eget sem. Nullam massa. Nulla mauris. Cras ut nunc. </p><p> Fusce et risus. Duis sapien enim, dictum eget, elementum nec, posuere a, risus. Aliquam erat volutpat. Sed sagittis, enim a consectetuer sagittis, est nisl vestibulum felis, eget tempus massa lacus at lectus. Nunc vel sem vel lorem sodales scelerisque. Integer posuere ornare est. Fusce non massa sed nunc viverra pulvinar. Fusce vitae odio ac lectus sagittis molestie. Donec dolor orci, ultrices sit amet, consectetuer at, ultricies at, tortor. Duis non pede sed augue pretium lobortis. Nulla facilisi. Fusce aliquam. Nulla facilisi. Cras sit amet nunc nec nunc sollicitudin fringilla. Cras vitae urna sed neque condimentum tempor. </p><p> Ut vel lorem. Proin interdum ligula in ante. Proin ultrices eleifend nunc. Suspendisse quis eros. Fusce varius, odio et sodales cursus, leo orci eleifend lectus, nec fermentum felis ipsum id libero. Fusce ornare mi ac lectus. Nunc id lacus non nunc accumsan aliquam. Nullam feugiat fringilla ligula. Phasellus ultricies risus at massa. Vivamus blandit. Duis quis est non libero tristique scelerisque. Donec a quam. </p> </div> </div>
Bitte schau dir auch mal http://www.css4you.de an.
LG Spacke -
Hallo,
nat?rlich kannst du einen weiteren div Container anlegen. Du kannst aber auch einfach
#content p {
width: 380px;
}
in deine Stylesheet einf?gen und die Absatzbreite einstellen.
Gru?
Manni -
@i-spacke: hast recht!
*donc* klar man h?tte nur nen weiteren div-container erstellen brauchen.....*vordiestirnklopp*
trotzdem war das eigentliche problem die breite
wie man das dann l?st ist jedem selber ?berlassen. -
danke i-spacke. jetzt funktioniert es.
hat trotzdem irgentjemand ne ahnung, wo ich ein tutorial bekommen kann um sowas dynamisch zu coden? -
Was hei?t bei dir dynamisch coden? Meinst du Templates?
Dann w?rde ich dich gerne auf mein Tutorial verweisen...^^
http://www.lima-city.de/tutorials.php?m=show&id=2097
Ansonsten solltest du erkl?ren, was DU unter "dynamisch" verstehst. -
ich habe mir so vorgestellt, dass sich die site nach unten hin automatisch erweitert in abhaengig keit vom inhalt im content fenster.
die meisten tutorials, die dies mit "float" und "clear" erreichen sind nur fuer eher einfache layouts. ist soetwas auch mit meinem layout ohne php moeglich? -
finde ich sehr gut das design, ich wei? jetzt leider nicht genau was du meinst, sonst w?rde ich dir ja helfen!
-
Okay, ich k?nnte dir jetzt einen Code schreiben, aber ich bin zu faul und esse jetzt gleich einen D?ner. Ich versuch es dir mal "auzuzeichnen".
//n?chste Zeile (Lima brauch eine neue Code-Funktion... -.-) ____________ | Header | ____________ | _ ___ | wiederholender Hintergrund | |_| | | | link navi , rechts content | _ | | | | |_| | | | | | | | | |__| | |__________|
Ambesten du quotest das, damit du es in besserer Variante sehen kannst. Das Ger?st w?rde so aussehen:
//n?chste Zeile <div id="header"></div> <div id="background"> <div id="navi"></div> <div id="ads"></div> <div id="content"></div> </div>
Lass die Navi etc. am besten "rumfloaten"...^^
http://www.css4you.de
-
Dein Layout ist echt klasse,nur etwas leer
-
Das Layout ist h?bsch, ist aber etwas zu grau, wenn du nichts mehr an dem Design ?ndern willst, solltest du wenigstens bei den Buttons nen rollover machen in orange w?rde glaube ich ganz gut passen.
-
meiner meinung nach sind die schrift auf den buttons schlecht zu lesen, da sie zu klein ist. Ansonsten w?rd ich auch nochmal den Schriftzug im header, d.h. das Infinite ?berdenken, weil es auch nicht besonders gut zu lesen ist. Ansonsten siehts gut aus !
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
