Neues Redaktion ocinside.de Design - OCinside.de PC Forum

Neues Redaktion ocinside.de Design

- OCinside.de PC Forum
https://www.ocinside.de

-- Umfragen
https://www.forum-inside.de/forums.cgi?forum=19

--- Neues Redaktion ocinside.de Design
https://www.forum-inside.de/topic.cgi?forum=19&topic=941

Ein Ausdruck des Beitrags mit 50 Antworten ergibt bei 3 Antworten pro Seite ca. 17 DIN A4 Seiten. Das entspricht bei 80 g/m² ca. 84.82 Gramm Papier.

-- Veröffentlicht durch Jack the Ripper am 16:10 am 18. März 2014

Zitat von ocinside um 20:32 am März 17, 2014
Gerne :thumb:
Hattest du denn mal eine Lösung gefunden, wie es im IE und FF sauber mit den Schatten ohne Bilder klappt ?
Ich hatte auf dem Testserver alle Pixel mit CSS nachgebastelt bekommen, aber in der Praxis finde ich das nicht wirklich praktikabel.

Nein, weil es ohne Murks zu veranstalten anscheinend nicht möglich ist. Auf dieser Seite hab ich mal einige Browser gecheckt und im großen und ganzen funktioniert es bei allen außer dem IE (<11).

Ich finde nach wie vor, dass man auf sowas keine Rücksicht nehmen sollte. Wer veraltete Software benutzt ~~will es nicht anders~~ wundert sich sicher nicht, warum bei ihm kein Schatten zu sehen ist, wenn er es nicht anders kennt. Man benutzt ja z.B. auch AJAX obwohl es uralt-Versionen vom IE gibt, die es nicht unterstützen.
Außerdem sind IE Versionen <11 auf dem absteigenden Ast.

Marktanteile IE (<11):

2013
Jan: 14.3
Feb: 13.5
Mär: 12.9
Apr: 12.7
Mai: 12.6
Jun: 12
Jul: 11.8
Aug: 11.8
Seb: 12.1
Okt: 11.7
Nov: 10.5
Dez: 8.2
2014
Jan: 7.7
Feb: 7.3
Mär: 7.1
Apr: 6.7
Mai: 6.2
Jun: 5.8
Jul: 5.5
Aug: 5.1
Sep: 6.1
Okt: 5.2
Nov: 5.1

In den letzten 10 Jahren ist der Marktanteil durchschnittlich um 7.7% pro Jahr gefallen (klasse Zufall^^). Man kann sich also ausrechnen, wo die alten IE Versionen in einem Jahr stehen.

(Geändert von Jack the Ripper um 15:07 am Dez. 9, 2014)

-- Veröffentlicht durch ocinside am 13:27 am 18. März 2014

OK, ist notiert, versuche ich mal auf dem Mac nachzustellen.
Vielleicht kann man ja doch etwas dran ändern.

-- Veröffentlicht durch OberstHorst am 12:28 am 18. März 2014

Die URL bleibt forum-inside.de. Wenn ich mich durch die einzelnen Foren klicke und dann per Geste auf die vorherige Übersicht gehe (bzw. aus dem Topic raus will), dann habe ich den weißen Bildschirm. Dann hilft nur noch neu laden.

-- Veröffentlicht durch ocinside am 9:09 am 18. März 2014

Hast du das hier bei allen Seiten und welche URL steht dabei oben in der Adresszeile ?

-- Veröffentlicht durch OberstHorst am 8:07 am 18. März 2014

Beim Safari funktioniert übrigens "zurück" auf dem Mac nicht. Da landet man jedes mal auf einer weißen Seite.

Liegt vermutlich auch an den Frames :noidea:

-- Veröffentlicht durch ocinside am 20:32 am 17. März 2014

Gerne :thumb:
Hattest du denn mal eine Lösung gefunden, wie es im IE und FF sauber mit den Schatten ohne Bilder klappt ?
Ich hatte auf dem Testserver alle Pixel mit CSS nachgebastelt bekommen, aber in der Praxis finde ich das nicht wirklich praktikabel.

-- Veröffentlicht durch Jack the Ripper am 19:35 am 17. März 2014

Zitat von Jack the Ripper um 12:59 am Juli 21, 2012

Zitat von ocinside um 14:23 am März 7, 2011
Jau, mit den kleinen Rundungen gefällt mir auch gut, wird demnächst geändert :thumb:

Was ist eigentlich daraus geworden?

Nach 3 Jahren mal wieder auf die erste Seite pushen :thumb:

-- Veröffentlicht durch ocinside am 17:43 am 27. Nov. 2012

Jep, so gut es auch ist, daß immer nur ein Bruchteil geladen werden muß, das ganze drumherumgebastel mit den Frames (Link zum Kopieren ist ja als Button drin) und die schlechte Unterstützung von Suchmaschinen & Co. ist auch nicht gerade schön.
Beim nächsten großen Rundumschlag fliegen die Frames also sicherlich mit raus.

-- Veröffentlicht durch DragonN am 17:03 am 27. Nov. 2012

Also dieses Frame-gedöns muss weg.

https://www.ocinside.de/go_d.html?https://www.forum-inside.de/start.cgi ... wissenschon

Das bricht das ganze Link kopieren, Seite in neuem Tab öffnen und weitere Dinge und treibt mich jedes mal zur Weißglut :)

-- Veröffentlicht durch ocinside am 14:27 am 21. Juli 2012

Hat leider bis jetzt nicht sauber für alle Browser ohne Bilder funktioniert, aber ich bastel zwischendurch immer mal wieder daran.
Auf meinem Testserver sieht es schon einigermaßen gut aus, allerdings nicht mit Schatten.

-- Veröffentlicht durch Jack the Ripper am 12:59 am 21. Juli 2012

Zitat von ocinside um 14:23 am März 7, 2011
Jau, mit den kleinen Rundungen gefällt mir auch gut, wird demnächst geändert :thumb:

Was ist eigentlich daraus geworden?

-- Veröffentlicht durch GenialOmaT am 10:38 am 29. Sep. 2011

Noch eine Anregung von mir und zwar würde ich die extra Seite zur Sprachauswahl weglassen und die zwei Fähnchen dann auf die Startseite machen wie bei Hardwarespot.. Finde es immer besser, wenn man mit weniger Klicks zum Ziel kommt ;) Generell finde ich, die Seite könnte mit einem neuen Anstrich durchaus erfolgreicher sein, vielleicht könntest du ja sogar OCinside und Hardwarespot zu einer Seite vereinen.. Nur so ein Gedanke ;)

-- Veröffentlicht durch Jack the Ripper am 9:35 am 29. Sep. 2011

Wie sieht es eigentlich aus nach einem halben Jahr? Bleibt es jetzt doch, wie es ist?

-- Veröffentlicht durch Jack the Ripper am 19:09 am 23. März 2011

Ja, habe es da rausgenommen, weil es nicht tut wie es soll

-- Veröffentlicht durch ocinside am 15:28 am 23. März 2011

Sieht auf jeden Fall schon besser aus, nur der Schatten ist im IE nicht mehr da.

-- Veröffentlicht durch Jack the Ripper am 14:59 am 23. März 2011

Habe es mal aktualisiert:
Klick

Es ist nun außerdem eine valide HTML-Datei.

Die Zeilen müssten ein Wenig höher sein, es sieht etwas gequetscht aus.

(Geändert von Jack the Ripper um 15:00 am März 23, 2011)

-- Veröffentlicht durch Jack the Ripper am 17:14 am 21. März 2011

Jo, die Bilder in den Ecken find ich auch unschön

-- Veröffentlicht durch ocinside am 16:58 am 21. März 2011

Nee, beim IE muß man leider immer etwas rumbasteln.
Sonst hätte man ja auch -moz-border-radius und -khtml-border-radius nehmen können.

Ist aber schon gar nicht schlecht geworden :thumb:
Ich hatte mir ein Testfile mit mehreren Linien gebastelt, das ganz ohne Bilder in den Ecken auskam.
Allerdings klappt das nur gescheit ohne Tabellenrahmen.

-- Veröffentlicht durch Jack the Ripper am 16:47 am 21. März 2011

Klick
~~Funktioniert aber nur, wenn das Fenster die richtige Breite hat, denn so richtig formatiert ist es noch nicht.~~
Aber der HTML-Code ist verglichen mit dem Aktuellen um Einiges geschrumpft.
Code für ein Unterforum:
Alt:

Code

<tr>
<td align="center" bgcolor="#c6c7ce"><img src="/images/images/foldernew.gif" align="center" border="0"></td>
<td style="cursor: pointer; background-color: rgb(198, 199, 206);" onmouseover="this.style.backgroundColor='#d9d9d9'; " onmouseout="this.style.backgroundColor='#C6C7CE'; " onclick="location.href='forums.cgi?forum=1'; " align="left" bgcolor="#c6c7ce">
<a href="forums.cgi?forum=1">AMD Overclocking</a>
 (17 online) Fragen und Antworten zum AMD CPU Übertakten</td>
<td align="center" bgcolor="#c6c7ce" valign="middle">13985</td>
<td align="center" bgcolor="#c6c7ce" valign="middle">163092</td>
<td align="left" bgcolor="#c6c7ce" valign="middle">März 21, 2011 Zeit: 16:22 von: <a href="profile.cgi?action=show&member=ocinside">ocinside</a></td>

</tr>

Neu:

Code

<tr><td class="subforum_first">
a
</td>
<td class="subforum_second">
<a href="http://www.google.de">Intel Overclocking</a> (2 online) 
Fragen und Antworten zum Intel CPU Übertakten
</td>
<td class="subforum_third">
Themen: 4410 
Beiträge: 60117
</td>

<td class="subforum_forth">
März 3, 2011 
Zeit: 15:00 
von: <a href="http://www.google.de">Henryreny</a>
</td>
</tr>

(Geändert von Jack the Ripper um 12:49 am Juli 21, 2012)

-- Veröffentlicht durch ocinside am 9:04 am 20. März 2011

Jep ;)
Habe mich zwischendurch mal drangesetzt, aber bis jetzt habe ich leider nur Lösungen gefunden, die den HTML Code dermaßen zumüllen, daß es den Nutzen übersteigt oder zuviel Platz wegnimmt oder nicht auf allen wichtigen Browsern läuft.
Aber vielleicht finde ich ja noch was gescheites.

-- Veröffentlicht durch ErSelbst am 23:29 am 19. März 2011

Alter Admin is kein D-Zuch ... ;)

:wusch: :lol:

-- Veröffentlicht durch Slidehammer am 22:54 am 19. März 2011

:shout: wo bleiben die Rundungen

-- Veröffentlicht durch Jack the Ripper am 0:42 am 8. März 2011

Wow hätte nicht gedacht, dass es so gut ankommt :)
Wollte eigentlich nur die Forenkategorien trennen, damit es nicht mehr so nach einer simplen Tabelle aussieht.

@Jens
Das Design mit den kleineren Abrundungen finde ich auch besser. Das andere wirkt zu "verspielt".

Edit:
Jo, der Drop-shadow lässt sich eigentlich mit Styles relativ einfach realisieren.

(Geändert von Jack the Ripper um 0:44 am März 8, 2011)

-- Veröffentlicht durch maxpayne am 18:41 am 7. März 2011

ganz ernst meinte ich border="1" nicht. :lol: muss schon nach was aussehen. :thumb:

-- Veröffentlicht durch ocinside am 16:37 am 7. März 2011

Lieber nicht, sowas kannst du dir ja mal auf dem IE anschauen :megaeek:
Aber über style würde das ja gut gehen.

-- Veröffentlicht durch maxpayne am 15:59 am 7. März 2011

ich glaube der schatten macht hier den größeren unterschied. das gibt dem design eine gewisse tiefe. sollte bei den ganzen tables ja eigentlich relativ einfach sein oder? border="1"? :lol:

-- Veröffentlicht durch ocinside am 14:23 am 7. März 2011

Jau, mit den kleinen Rundungen gefällt mir auch gut, wird demnächst geändert :thumb:

-- Veröffentlicht durch ErSelbst am 19:42 am 6. März 2011

:shout: Jeeeeeens ;) :lol:

-- Veröffentlicht durch Slidehammer am 17:01 am 6. März 2011

Zitat von naKruul um 15:54 am März 6, 2011
sieht gut aus, jack!!!:thumb:

Dem kann ich nur beipflichten - eine einfache Änderung und trotzdem gleich gefälliger :thumb:

-- Veröffentlicht durch naKruul am 15:54 am 6. März 2011

sieht gut aus, jack!!!:thumb:

-- Veröffentlicht durch Jack the Ripper am 15:41 am 6. März 2011

Habe das Design gerade mal ein bischen (mehr aus Langeweile) verändert:
Alt
Neu mit großer und mit kleiner Rundung

-- Veröffentlicht durch ocinside am 19:04 am 19. Feb. 2011

@maxp tja, das finde ich auch immer dämlich, denn eine lange zeile sieht nicht wirklich schön aus.
Na mal sehen ;)

@JtR ich denke das wird da nicht anders sein.
Denn der Browser muß ja erst die Breite ermitteln und wenn du nichts festlegst, muß erst zuende geladen werden.
Teste das mal mit einer etwas langsameren Verbindungsgeschwindigkeit, dann siehst du sehr deutlich wie die Seite aufgebaut wird.

-- Veröffentlicht durch Jack the Ripper am 18:44 am 19. Feb. 2011

Zitat von ocinside um 13:29 am Feb. 19, 2011
Weil die Tabellenbreiten bei den meisten Browsern erst berechnet werden können, sobald die Seite fertig geladen ist.
Wenn man die Breiten hingegen fest vorgibt, ist der Ladevorgang deutlich schneller.
Kannst du ja mal ausprobieren.
Ist bei Bildern ähnlich, deshalb sollte man da auch die Größen angeben.

Du meinst prozenzuale Angaben für die Tabellenbreite sind langsamer? Habe es mal getestet und konnte keinen Unterschied feststellen. Es werden doch so einige Breiten hier in % angegeben. Da sollte doch die eine relative Breite nicht viel ausmachen. Mag aber auch sein, dass ich mich da irre.
Gibt es das Problem denn nur bei Tabellen oder auch bei Divs?

-- Veröffentlicht durch maxpayne am 13:54 am 19. Feb. 2011

die breite des forums finde ich eigentlich super. ich erwische mich ständig, wie ich in anderen foren manuell zeilenumbrüche reinhaue, weil der getippte text sonst pro zeile 30cm breit wird, was beim lesen nervt. hier ist es nicht viel mehr als in printmedien, was sich wesentlich angenehmer ließt. das bilder dabei auf ca. 500px breite gestaucht werden, halte ich auch für ausreichend (für mehr gibt es thumbnails mit link zum original).

-- Veröffentlicht durch ocinside am 13:29 am 19. Feb. 2011

Weil die Tabellenbreiten bei den meisten Browsern erst berechnet werden können, sobald die Seite fertig geladen ist.
Wenn man die Breiten hingegen fest vorgibt, ist der Ladevorgang deutlich schneller.
Kannst du ja mal ausprobieren.
Ist bei Bildern ähnlich, deshalb sollte man da auch die Größen angeben.

-- Veröffentlicht durch Jack the Ripper am 12:42 am 19. Feb. 2011

Zitat von ocinside um 19:28 am Feb. 18, 2011
[...]dann ist die Ladegeschwindigkeit bei flexibler Größe langsamer und zum anderen kann man schwer die Breite der Eingabefelder (vom Forum) anpassen.

Ladezeit wird größer? Warum das denn? :noidea:

Die Größe der Eingabefelder müsste ja nicht zwangsläufig mit skalieren. Ich finde die Idee auch nett, das Forum über die komplette Breite zu haben

(Geändert von Jack the Ripper um 12:43 am Feb. 19, 2011)

-- Veröffentlicht durch ocinside am 8:38 am 19. Feb. 2011

Da bin ich auch Monk und muß die Monitore auch immer paarweise kaufen :lol:
Ich werde das auf jeden Fall nochmal zwischendurch als Option fürs Forum ausprobieren, mal sehen wie es ausschaut.

-- Veröffentlicht durch KakYo am 23:13 am 18. Feb. 2011

Zitat von ocinside um 19:28 am Feb. 18, 2011

Bis dahin 16:9 Monitor drehen und hochkant genießen :biglol:

Ja, ich hatte auch ne Weile einen Monitor hochkant und das war garnet so übel:thumb:
Ich bin da allerdings wie "Monk", ich brauche Symmetrie und wenn einer quer der andere hoch ist werd ich völlig :kidding:

War auch nur ein Vorschlag, wenn es auf Kosten der Geschwindigkeit gehen würde dann lieber nicht ändern, denn die ist :thumb:

-- Veröffentlicht durch ocinside am 19:28 am 18. Feb. 2011

:lol:

Mit der vollen Breite habe ich schon oft überlegt, aber das ist eher suboptimal.
Denn zum einen soll die Seite für alle einigermaßen gleich aussehen (zumindest für alle Gäste), dann ist die Ladegeschwindigkeit bei flexibler Größe langsamer und zum anderen kann man schwer die Breite der Eingabefelder (vom Forum) anpassen.
Man könnte also höchstens die Tabellen in den Testberichten anpassen und für die Beitragsanzeigen im Forum größer gestalten, aber ich glaube das sieht nicht wirklich schön aus.
Teste ich aber demnächst auch nochmal und falls es doch gut aussieht, baue ich das als Option ins Foren Profil.
Im Zuge einer Neugestaltung von ocinside.de wird es natürlich auch nochmal getestet, aber dafür bräuchten wir erstmal neue Designvorstellungen.
Bis dahin 16:9 Monitor drehen und hochkant genießen :biglol:

-- Veröffentlicht durch OberstHorst am 7:52 am 18. Feb. 2011

Zitat von KakYo um 0:36 am Feb. 18, 2011
Das mag ja toll auf 4:3 Monitoren sein, aber wer hat sowas schon noch:noidea:

Ich :angry:

Aber den grauen Streifen hab ich trotzdem :lol:

-- Veröffentlicht durch KakYo am 0:36 am 18. Feb. 2011

Ich find es ungünstig, das nicht die volle Bildschirmbreite genutzt wird. Kann auch sein das es an mir liegt aber ich hab links und rechts nen etwa 10cm breiten grauen leeren Streifen. (im Prinzip is die halbe Breite des Bildschirms ungenutzt:)) Das mag ja toll auf 4:3 Monitoren sein, aber wer hat sowas schon noch:noidea:

Und wenn mir jemand sagen könnte wie ich das wegbekomme, falls es an mir liegt wäre ich dankbar;)

-- Veröffentlicht durch Svenauskr am 23:19 am 17. Feb. 2011

Wenn ich aber im Forum bin, brauche ich die Buttons links nicht. Dann wäre Rages Vorschlag gar nicht so übel ;)

@Rage tststs ;) :lol:

-- Veröffentlicht durch ocinside am 12:07 am 17. Feb. 2011

:lol:

-- Veröffentlicht durch rage82 am 11:13 am 17. Feb. 2011

ist mir noch nie aufgefallen, dieser punkt :red:

wenn du sowas auch für links machen kannst, bin ich zufrieden, dann is für jeden was dabei :lol: :lol:

-- Veröffentlicht durch ocinside am 10:57 am 17. Feb. 2011

Ich finde die feste Navigation auch vorteilhafter, aber es hat halt leider auch seine Tücken.
Aber dafür habe ich die Umfragen ja eröffnet.

@rage wenn die rechte Navigationsleiste stehenbleiben soll, kannst du im Profil "Feststehende Navigation rechts klebend" auswählen.
Kannst du ja mal ausprobieren, ob dir das gefällt.

-- Veröffentlicht durch rage82 am 8:12 am 17. Feb. 2011

um himmels willen, genau das nicht.

mir egal wie es technisch gelöst ist, aber nicht die buttons mit wegscrollen, ist schon unpraktisch, dass die schnellwahl auf der rechten seite mitscrollt

(Geändert von rage82 um 8:13 am Feb. 17, 2011)

-- Veröffentlicht durch Svenauskr am 23:09 am 16. Feb. 2011

Den linken Frame weg und dafür die Buttons nach oben auf den Mainframe, sodass sie quasi mit wegscrollen.

-- Veröffentlicht durch ocinside am 14:14 am 16. Feb. 2011

Das ist ja schonmal ein Anfang :)
Hat sonst keiner Lust, mal mit Gimp, oä. ein kleines Design Update zu erstellen ?

-- Veröffentlicht durch VPS am 11:32 am 9. Feb. 2011

Ich finde das Grau im Forum sehr angenehm.

Auf der Redaktionseite könnte man vielleicht das Layout und die Schrift etwas modernisieren. (Schrift ist etwas dick)

Vielleicht ist die farbliche Unterscheidung zwischen Text und Link etwas zu stark.

Das Layout der einzelnen News Previews könnte attraktiver gestaltet werden, weiß allerdings noch nicht wie. :lol: Aber vielleicht ist es nicht nötig das der Link sowohl in Überschrift, als auch am Ende des Textes steht.

-- Veröffentlicht durch ocinside am 9:49 am 9. Feb. 2011

In dieser Umfrage geht es nicht um das Forum, sondern um den Aufbau von dem Redaktion ocinside.de Portal.

Da der Aufbau von der Redaktion ocinside.de mittlerweile wieder ein paar Jahre auf dem Buckel hat, wird es mal wieder Zeit für ein paar Updates.
Frames sind beispielsweise mittlerweile nicht mehr weit verbreitet, da sie leider nicht nur Vorteile, sondern auch einige Nachteile haben.
Es wird also wohl auch irgendwann mal Zeit für eine vollständige Überarbeitung - sei mit eigener Software oder einem erhältlichen CMS.

Bis dahin würde ich gerne ein paar Vorschläge haben, ob und wie ihr euch das Design vorstellt.
Wenn möglich, erstellt ein Bild mit euren Vorstellungen.

Dabei sollte das Logo und die Grundfarben rot, schwarz und grau allerdings bestehen bleiben.

Alles andere bleibt euch überlassen und wird ggf später noch in eigenen Umfragen für alle Besucher zur Wahl gestellt.
Natürlich wird die Umsetzung je nach Aufwand eine Weile dauern, aber falls genügend Feedback von euch kommt und es von euch gewünscht ist, wird es sobald wie möglich umgesetzt.

Edit, bis jetzt haben wir folgende Vorschläge:
VPS: Schrift auf ocinside.de dünner
VPS: Text und Link Farben ändern
VPS: News Previews irgendwie attraktiver
Svenauskr: Frames weg und alle Buttons nach oben
KakYo: dynamische Breite der Seiten.