Meine Fanpage - Hauptseitengestaltung - Bitte um Hilfe!

[Sonynos]

Halli Hallo,

ich habe da ein kleines Problem, nämlich die Hauptseite meiner Fanpage. Was mir vor allem stört ist die Box mit dem Newsletter drin - die sieht so unattraktiv aus, da ist es klar, dass sich kaum jemand einträgt.

Habt ihr Tipps für diese Box?

Weiterhin interessieren mich Ideen wie man die Hauptseite insgesamt etwas übersichtlicher machen könnte - dass zum Beispiel die News besser ins Auge fallen. Ok - nach oben verlagern - aber dann steht der Newsletter ja wieder hinten an.

Ich wäre euch für eure Tipps wirklich sehr dankbar.
Ach ja: Ich weiß, dass für viele von euch diese Webseite sicherlich nicht sehr niveauvoll ist, aber ich habe leider keine Ahnung von Programmiersprachen und mache die ganze Website mit DW, Templates usw. und deshalb ist das Design auch nicht sooo toll. Von den Farben her soll es so bleiben, aber ansonsten bin ich auch in jeder anderen Hinsicht für Kritk offen.

Also die Fanpage: Iny Lorentz Fanpage

Eure Sonynos

[Hausmaster]

hi..

ich würde das gästebuch auch in das frame laden,
und würde weiters eine headagrafik einbauen, dann am rand vll immer das aktuellste buch und einen link zum shop...

[Sonynos]

Danke, das sind schon einmal gute Tipps...
Nur das mit dem Gästebuch im Frame wird nicht funktionieren, denn die Seite funktioniert nur über Tabellen. Ich habe mal irgendwo gelesen, dass Frames nicht mehr modern und total unbequem sein sollen und seitdem benutze ich keine mehr. Oder bin ich da schon wieder nicht mehr auf dem ersten Stand?

[Dittboy]

Zitat von Sonynos

...denn die Seite funktioniert nur über Tabellen. Ich habe mal irgendwo gelesen, dass Frames nicht mehr modern und total unbequem sein sollen...

Das stimmt schon noch. Tabellen sind aber auch schon wieder "out" .

Ich würde vielleicht die Schriftgröße verkleinern und die Newsletter-box in das linke Menü reinsetzen.

Mfg
Dittboy

[Sonynos]

Und was ist jetzt "in" wenn man fragen darf? Man lernt ja nie aus und ich probiere auch gerne neue Dinge (wenn sie nicht zu komliziert sind).

Ich habe mal einen Header eingebaut, wie findet ihr das?

[Hausmaster]

divs
in DW "ebenen"
oder auch layer oder container genannt.

mit frame meinte ich die "zelle"

[Dittboy]

Also "in" sind jetzt Tabellenlose Layouts mit div-containern. Dabei wird der inhalt strikt vom Design getrennt, und alle Formatierungen werden mit css durchgeführt. Du kannst dir ja mal www.csszengarden.com anschauen.

Der Header ist ganz nett, ich würde ihn allerdings mehr vom "content" Bereich abtrennen.

Mfg
Dittboy

[Sonynos]

@hausmaster
Habe davon schon gehört - ist das sehr kompliziert? Ich hatte allerdings gehört, dass das wohl noch nicht so funktionieren soll, wie man sich das vorstellt und deshalb habe ich nicht weiter drüber nachgedacht.

@dittboy
Der Link funktioniert leider nicht, kommt irgendsoeine Suchmaschine. Wie meinst du es: den Header mehr abtrennen? Ihm einen Rahmen verpassen?

[steff11]

Hi Sonynos,
jetzt werd ich doch fast ärgerlich: du stellst dich hier als Hobbybastler(-in) vor, die mit einem guten Werkzeug eine stimmungsvolle, code-technisch absolut taugliche, grafisch sehr gut ausgearbeitet Seite vorstellt, und schon sind wir wieder beim Thema: Frames, Tabellen oder das neuestens Dings, ähh, dongs, sch*** halt die aktuellste Technik... wenn du wüsstest, wie wenig mancher von denen Ahnung hat, die das immer nachplappern und dann routiniert die Links rausziehen, die andere bei diesem Thema immer so vorzeigen ...

Zur Seite: Du hast eine wunderbare Basis geschaffen, ich hab gern durchgeklickt, hab einen Eindruck von zwei mir bis dato völlig unbekannten Autoren. Glückwunsch. Selbstzufriedenheit ist der Anfang vom Ende. Wennst wieder Lust zu hast, kannst mal über folgende Anregungen nachdenken:
* das kräftige Rot als Hintergrund hat was, mindert aber die Leserlichkeit der Texte etwas.
* rund um die rote Box könnt ich mir noch wahnsinnig gut so ein leicht retro-mäßiges zartes Pattern vorstellen.
* den Contentbereich unbedingt links und rechts etwas Luft zu den Rändern hin gewähren; 30-50px mein ich reichen, links mehr als rechts.
* mir persönlich würde Flattersatz statt Block bzw. teilweise zentriert besser gefallen. Im rechten Bereich, die Navi kann man zentriert absetzen.
* mach doch mit der Navi-Schrift und solchen wunderbaren Ornamentes wie links oben für jede Rubrik einen gleichbleibend hohen Header, der dien Rubriktitel enthält.
* warum die unterschiedlich gefärbten Links?
... jo des wars, was mir so zwischen der Arbeit einfällt. Nochmals Glückwunsch, und: nicht verzagen!

Grüssle, Steff.

[Dittboy]

Zitat von steff11

jetzt werd ich doch fast ärgerlich: du stellst dich hier als Hobbybastler(-in) vor, die mit einem guten Werkzeug eine stimmungsvolle, code-technisch absolut taugliche, grafisch sehr gut ausgearbeitet Seite vorstellt, und schon sind wir wieder beim Thema: Frames, Tabellen oder das neuestens Dings, ähh, dongs, sch*** halt die aktuellste Technik...

Hey, so meinte ich das doch nicht . Dass es "out" (in anführungszeichen!) ist, habe ich doch nur als jux gemeint, deswegen ja das "". Das "out" war auch darauf bezogen, dass Sonynos selbst sagte, dass Frames out sind, und die Seite deswegen mit Tabellen gemacht hat...
Und dann hatte Sonynos ja selbst nachgefragt.

Nicht unbedingt einen rahmen, vielleicht nur eine untere linie . Also es muss ja nicht links, rechts und oben auch noch ne Abtrennung hin.

EDIT

Ich hab jetzt grad deine überarbeitete Seite gesehen, und ich finde das mit dem Newsletter jetzt viel besser. Dann kann man direkt die News lesen . Ich würde am Header einfach eine schwarze linie ziehen, so ähnlich wie auf der linken Seite.

Mfg
Dittboy

[Sonynos]

@steff11

Danke für die Einschätzung der Seite und für die zahlreichen Tipps. Ich denke, dass ich einiges davon umsetzen kann und auch werde. Eine kleine Frage: Mit "pattern" meinst du doch sicher einen Farbton, oder? Vielleicht könntest du den mal genauer erläutern, weil ich keine Ahnung habe, welcher Farbton das sein soll *schäm*

Wegen den Ornamenten: Ich habe Angst, dass die Seite oben "überladen" wirkt, wenn drei Ornamente genau nebeneinander sind. Auf die Idee bin ich aber auch schon gekommen und hatte es auch probiert... aber es sah etwas gewöhnungsbedürftig aus. Oder meinst du das anders?

Edit:
Menno, ich habe das "cellpadding" in der Vorlage schon mehrmals erhöht und der aktualisiert auch alle Seiten, die an der Vorlage hängen, aber der vertikale Abstand wird trotzdem nicht größer. Was mache ich falsch??

[steff11]

uihh, sorry, nein: mit Pattern mein ich texturen, so gekachelte Hintergrundbilder wie hier. Nicht gleich erschrecken: es sind auch zarte dabei und manche von den ganz farbkräftigen kann man in der Bildbearbeitung ja noch etwas nacharbeiten nach eigenem Gutdünken.

und wg Rändern und anderen Formatierungen: da z.B. würde es sich jetzt austzahllen, wenn du nicht jedes Element von neuem mit html-Attributen formatierst, sondern css als Auszeichnungssprache verwendest. Da bräuchtest du nur noch der Stylevorlage, die deine Content-Absätze formatiert ein style="padding-left:35px" zuweisen und schon wärn alle Absätze in Butter.

Das hat jetzt noch gar noix mit dem ganz oben angesprochenen css-Layouten zu tun, das macht auch in Tabellendesigns absolut Sinn. Gib diese Style-Anweisung mal in das einleitende <td>-Tag deines Contents:
<td style="padding-left:35px">

Eine gute Anleitung ist nach wie vor selfhtml im Netz

Ciao, Steff

[Sonynos]

Ok, also ich habe jetzt so ein "pattern" eingebaut. Die CSS-Formatierungen sind eine gute Idee, da kann ich ja dann auch definieren, dass Bilder immer einen 0,25px Rand haben sollen, oder?

Müsste ich diese CSS-Datei dann nur mit der Vorlagendatei verknüpfen, oder manuell mit allen Seiten, die zur Website gehören?

Den Rand von 35px habe ich auch eingebaut, danke für den Tipp. Kannst du mir vielleicht noch sagen wie ich auch an der rechten Seite so viel Rand hinkriege? Weil wenn man den gleichen Code nur halt mit right einfügt (style="padding-right:35px") dann macht er das nicht, weil style dann doppelt vorkommt.

@Dittboy
Ich glaube, steff11 wollte dir keinen Vorwurf machen. Ich wollte es ja auch wissen, wie gesagt: Ein Bekannter hatte mir davon schon mal erzählt.

[steffenk]

noch einen Tipp: der font-tag ist out. Das macht man über style.

Du hast auch soviel Formatierungen drin, das Du selbst wahrscheinlich nicht mehr durchblickst und zur Sicherheit jedes Element neu formatierst.

Mache zwischen head und body eine Style-Section.
<style>
.absatz {margin:6px;font:11px verdana, sans-serif;}
...
</style>

Dann kannst du im HTML sagen
<p class="absatz"> ... </p>
und alles in dem Absatz hat die Formatierung von Absatz.

Du kannst auch um ganze Abschnitte eine Formatierungsklasse legen
<div id="romane">
...

</div>

Diese wird mit # angesprochen. Du kannst trotzdem alle Elemente innerhalb dieses divs ansprechen:

#romane p {margin:6px;font:11px verdana, sans-serif;}
#romane img {margin:6px;}
#romane a {...}

usw.

also eigentlich ganz einfach. Alles was Du mit class="..." ansprichst, ist mit einem Punkt definiert (.absatz), alles was du mit id="..." ansprichsts, ist mit # definiert (#romane)
Alle Elemente lassen sich auch absolut definieren:

p {...}
h1 {...}

Das gilt dann für alle <p> und alle <h1>

[Sonynos]

Danke für die Tipps, St@eff.en, aber ich hatte ja bereits erwähnt, dass ich von HTML usw. wirklich nur bedingt Ahnung habe, und das, was du beschrieben hast, geht zumindest ohne weitere Erläuterungen über meine Fähigkeiten hinaus, schade.
"Ganz leicht" ist es vielleicht für Leute wie dich, die sich damit viel beschäftigen