Thema: Projekt Mont Blackpipes in Arbeit - Online

Edit 8.10.2010 Update am Abend
Das Template scheint aus meiner Sicht in Ordnung zu sein. Ich gebe es mal als Download frei - zum Testen oder Verwenden. Siehe *.zip Datei am Ende dieses Beitrages


Edit 8.10.2010 Update am Nachmittag
Die CSS wurde überarbeitet. Folgende Änderung hat sich daraus ergeben:
- Das aktive Menu-Left bleibt visuell "eingeschaltet". Es wird die geünschte Grafik angezeigt und kein "Hover-Effekt" mehr
- Die blaue Umrandung bei IE 7 in der Bannergrafik wurde beseitigt
- Die blauen Umrandungen bei IE 7 der 3 Icons PDF, Drucken und Mail sind ebenfalls beseitigt

Edit 8.10.2010 Update nach Mitternacht
Das Design steht. Es wird jetzt in FireFox, Google Chrome, MS IE 7 und 8 (in allen 3 Modi) Pixelgenau dargetellt.

Jetzt sind 9 Verschiedene Darstellungen ausgetestet:

1. Nur Menu-top : Der Content steht in voller Breite
2. Mit Menu-left : Der Content steht rechts daneben
3. Mit Menu-right : Der Content steht links daneben
4. Menu-left und -right : Der Content steht in der Mitte
5. Nur Menu-top Banner: Das Banner oben rechts. Darunter der Content in voller Breite
6. Menu-left und Banner: Das Banner steht links, darunter der Content
7. Menu-right und Banner: Das Banner steht rechts und darunter der Content
8. Menu-left -right und Banner: Das Banner steht rechts
9. Gar kein Menu: Fehlermeldung im Content durch PHP Abfrage der Menüs.

Nun geht es noch an's Schleifen der CSS. Da sind noch ein paar Sachen. Mehr als ihr momentan zu sehen bekommt. (Anmeldeformular zu grosse Boxen .....)

5.10 2010
Endlich komme ich dazu:

Portierung des Darkpipes Templates von J1.0 auf J1.5

Damit es später keine Verwechslung gibt, heisst es jetzt Blackpipes.

Ich habe aus verschiedenen Gründen Windows abgeschworen und bin hoch zufriedener Ubuntu Anwender. Dennoch muss ich zum Kontrollieren der Designs den MS-IE 7 in einer Windows Emulation laufen lassen. Aber die anderen MS-IE Versionen habe ich nicht installiert.

Daher frage ich Euch um Mithilfe. Das sehr weit fortgeschrittene Template ist bereits hier online. Wenn mit Eurem Browser Fehldarstellungen auftreten, wäre ich um ein Feedback froh. Ein Ausschnitt des Screenshots wäre mir sehr hilfreich, um dem Bug auf die Pelle zu rücken.
Eventuell müsste ich dann ein spezielles CSS für jene Version entwerfen.

Folgendes muss noch Integriert werden:
- Breadcrumbs
- User 1 + User 2
- Menu Right
- Banner

Bugs :
Menu Left - Das aktive Menu "hovert" nicht. Der "Hover-Effekt" funktioniert soweit, wenn mit der Maus über ein Menu-Punkt gefahren wird.

Ich werde hier auch immer über Updates ganz zuoberst berichten.

Gruss Andy

Hallo Caspar, danke Dir für das erste Feedback.

Ecke ganz oben links - Sind es die wenigen, dunkelgrauen Pixel, die ich jetzt rausretuchiert habe? Oder dass die Linien aufhören, ohne in einen Radius überzugehen?

Zweite, linke Ecke.
Dort kann ich aus dem Screenshot leider nichts entnehmen. Wird die Grafik nicht in der richtigen Grösse dargestellt oder hat es einen feinen Zwischenraum (durchgehende Linie)?

Die 3 blau umrandeten, kleinen Grafiken. Das habe ich beim IE 7 auch gesehen. Muss noch in der CSS die blaue Umrandung ausschalten. Habe ich mir notiert, damit es nicht vergessen geht. Thx.

Gruss Andy

Hallo Caspar,

zu Bild 1: Die Grafik ist so aufbereitet und bestand auch so im Darkpipe für J1.0
Ich hatte einen 3D Ring in einem Raytracing Programm berechnen lassen. Das brachte mir die Grafik an jener Ecke völlig in schwarz (komplett im Schatten). Eine feine Linie bestand, diese verlor sich dann leider beim Skalieren. Aber Du hast mich auf eine Idee gebracht und dafür gibt es ein DANKE-Klick.

zu Bild 2: Das scheint mir wieder mal so ein typisches Problem einer neueren Version zu sein. Hmmm. muss ich mir jetzt vielleicht doch noch den 8er hinzuinstallieren. War schon eine Knacknuss, den 7ner in der Emulation zum laufen zu bringen. Mal sehen, wie ich das Problem bereinigen kann.

Ich warte Mal die Antworten der anderen User ab. Vor allem, ob bei allen mit V8 die Ecke zerrissen ist. Oder ob dies weiterhin in den neuen Modulen auch geschieht.

Gruss Andy

Edit: Die Ecke in Bild 2. ist behoben. Da war noch vom Entwurf her ein transparentes Gif drin.

Nutze doch einfach browsershots.org

damit kannst du die browser simulieren ohne sie tatsächlich zu nutzen.

Ad

1. da ist ein Stern in der oberen linken Ecke statt des Radius, sieht gut aus
2. Um den Radius ist ein rechteckiger Rahmen
3. CSS in der Tat unter IE7 Ansicht ein blauer Rahmen.

Gruß
Some1new

Danke Dir,

Ist jetzt in meinen Lesezeichen
Morgen gehe ich dort intelligenter vor als vorhin und wähle dann nur die Browser, die nötig sind. Hatte unten im Fenster noch FireBug offen und sah zu spät, wieviel dort aktiviert ist. War leider alles verdeckt.

@Some1new,
ja, den kleinen Stern habe ich kürzlich eingefügt.
Ich versuche auch noch, mit dem "Schmierfinger" die harten Kanten der Grafiken zu retuschieren. Momentan sieht es noch arg pixelig aus.

@all,
In der Zwischenzeit sind User 1 und User 2 hinzugekommen. Ebenfalls der Pathway (Breadcrumb). Dort wird im Pfad momentan die Hintergrundgrafik noch nicht angezeigt. Steht sonst sehr verloren da, wenn die Titelanzeige ausgeschaltet wird. Ist echt eine sisiphus Arbeit, im entstehenden Code die "Class" mit der richtigen CSS-Einstellung zu kombinieren. Mache das ja nicht alle Tage.

Hallo , zu später Stunde,

das Desing ist soweit mal erstellt. Mit FireFox und Google sieht es astrein aus. Die Grafiken alle am rechten Platz. Freude herrscht.

Nun geht es an das Austesten.
Habe jetzt XP in 2 virtuellen Maschinen installiert. Eines mit IE7, eines mit IE8. Läuft soweit tadellos, bis auf die Bildschirmbreite. Die ist 3:4 und ich kriege sie nicht auf Wide Screen. Also wird mit das Template nicht ganz in der vollen Breite angezeigt. Schade.

Dann lud ich es mit dem MS-IE 7 und da war nun, schei..... einiges verzerrt. Teils graue Flächen, Banner zur Hälfte..... Keine Ahnung, was das soll.

Aber mit MS-IE 8 sieht die Startseite aus wie sie sollte. Klicke ich aber auf "FAQ", dann ist der Content rechts verzerrt. Ist das bei Euch auch so? Sind noch andere Darstellungsfehler zu finden?

FRUSTLOSLASS :
Das Template begann erfolgreich in DIV Programmierung. FireFox und Google zeigten dies auch tadellos an, aber der IE knallte jedesmal das Design zu Schrott. Dass der Inhalt mit Padding dort nicht stimmt, ist bekannt. Also wird ein weiterer Container mit Margin reingemacht und die Breite stimmt. Aber die Container stehen dann an einem komplett anderen Ort, als sie sollten. Nicht so mit FireFox oder Google Chrome. Selbst die Entwicklung mit nachladbaren DIV-Modulen scheiterte an der sturen MS Software. Aber das Template besteht nun auf der Basis von nachgeladenen Modulen. Mit Tabellen. Die index.php besteht aus sehr wenigen HTML Zeilen. Der Rest ist alles PHP.

Hi,

ich würde um die pagination unten etwas Abstand nach oben legen. So wie es momentan ist, "stöss" diese immer unter den letzten link der "weiteren Beiträge".

Sieht sehr gequetscht aus.

Gruß
Some1new