Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 9
Seite [1]
Seron


Rock the board




Beiträge: 76
# Thema - 24.08.2009 um 14:13 Uhr
Hi,

Schon seit Jahren passe ich meine Designs mit dem guten alten Tabellenlayout an. Dafür wurde ich hier ja übel kritisiert. Habe mir vorgenommen nurnoch über div/css anzupassen.

Habe ein Free-Template für Clansphere erstellt ihr könnt gerne das Design und die Anpassung bewerten:

http://www.v-play.eu/csp-demo/index9.php?mod=news&action=recent

Download: http://www.v-play.eu/downloads/free/v-play.eu_clansphere_tpl9.rar

Fehler die ich noch verbessern muss:
- alt="" Attribute den Bildern hinzufügen
- id in class ändern bei Mehrfachvergabe


Zuletzt editiert von Seron am 24.08.2009 um 14:36 Uhr (1x Editiert)
Inaktiv
TeQu!La ClanSphere Team


Specialist




Herkunft: Grevenbroich
Beiträge: 2142
# Antwort: 1 - 24.08.2009 um 14:38 Uhr
nice, seron
was sagst du denn nun selbst zu der div Anpassung? so schwer ist das doch gar nicht
ging mir zumindest so! hatte anfangs Berührungsängste


------------------

ClanSphere - professional clan care starts here


Inaktiv
|
Seron
Thread-Ersteller


Rock the board




Beiträge: 76
# Antwort: 2 - 24.08.2009 um 14:42 Uhr
Man muss halt mehr selbst codieren. Bei einer Tableanpassung macht ja fast alles Dreamweaver. Deswegen habe ich für die Anpassung auch doppelt so lange gebraucht, was mit Übung und Gewohnheit sicher noch schneller geht :-)


Inaktiv
|
Dark Hunter


Wannabe poster





Beiträge: 20
# Antwort: 3 - 24.08.2009 um 16:15 Uhr
Sauber, das ist ja nahezu valide!
Nur noch die angesprochenen Fehler und in Zeile 5 folgendes korrigieren:
<link rel="shortcut icon" href="/csp-demo/templates/V-Play_eu_Template_9/layout/faviconx.ico"/>

Das Rote muss nur hinzugefügt werden, dann ist auch das korrekt.
Ach, da ist noch ein Fehler: Zeile 43, der Javascript-Kram wird ebenfalls bemängelt (vomHTML Validator, ein sehr nützliches Plugin für Firefox).

Aber ansonsten: wirklich schön, dass du dich daran machst, vernünftig mit Div's und CSS umzugehen.
Im nächsten Schritt solltest du dann versuchen, die Spacer wegzubekommen!


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 4 - 24.08.2009 um 17:00 Uhr
Finds auch gut, dass du auf div/css umsteigen willst.
Aber: in #layout-center benutzt du ja wieder eine tabelle. in den <td> sind die sachen ja zwar wieder in divs, aber das ist ja nicht der sinn.

weitere mängel, die anfangs zwar normal sind, aber auf die du in zukunft verzichten solltest, oder was man sonst besser machen könnte:

-nie das style=""-Atribut
-für navigations-links UnorderedLists (<ul> und <li>) benutzen
-für die buttons in der navi background-images statt <img>-Tags benutzen
-nicht in einn div nur einen anderen div packen. z.B. #header in #layout-header, da kannst du den äußeren div weglassen, weil der eh nichts macht, was nicht auch der innere machen könnte. das wäre ja sonst, wie wenn man einen kasten in eine schublade stellt, der genau so groß ist, wie die schublade und dann alles in den kasten packt, anstatt es in die schublade direkt zu packen.


------------------
www.laszlokorte.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 5 - 24.08.2009 um 18:45 Uhr
nie das style=""-Atribut


Ist glaub nur bei Strict nicht erlaubt, wenn ich mich nicht täusche.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Seron
Thread-Ersteller


Rock the board




Beiträge: 76
# Antwort: 6 - 24.08.2009 um 20:02 Uhr
Danke für die ganzen Verbesserungsvorschläge. Gerade in den .tpl Files kommt mir das style="" Attribut sehr entgegen. Finde es schade das es in strict "nicht erlaubt" ist, was für die eigentliche Funktionalität des Templates wohl eher weniger eine Rolle spielt.


Inaktiv
|
Miraculix


Going for pro




Herkunft: Füssen
Beiträge: 429
# Antwort: 7 - 24.08.2009 um 20:41 Uhr
Wiedermal ein sehr schönes Template.

Was mir aufgefallen ist:

- id="navlinks" ist mehrmals vorhanden. besser ist da class

- bei Bilder fehlt häufig das alt="" atribut

- die CSS-Datei(en) können noch gut gekürzt weden zB:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #666666;
}
würden zwei Zeilen reichen:
body {
margin: 0px;
background-color: #666666;
}

- so etwas ist mit ohne tabellen auch unnötig:
<img src="layout/spacer.gif" width="121" height="17" />

Ich denke mal das war alles was noch nicht genannt war.

Und es ist auf jeden Fall ein guter Weg den du da beschritten hast.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 8 - 24.08.2009 um 21:45 Uhr
24.08.2009 um 18:45 Uhr - Nachtmeister:
nie das style=""-Atribut


Ist glaub nur bei Strict nicht erlaubt, wenn ich mich nicht täusche.

Erlaubt ist es auch mit Strict, aber es ist (wo du mir sicher zustimmen wirst) unschön/zu vermeiden..


------------------
www.laszlokorte.de

Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 9 - 25.08.2009 um 00:59 Uhr
style=.. ist nicht nur unschön, sondern auch performance raubend.


Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.