neontrauma.de - Tutorials & Webdesign

neontrauma

Hej!

Anlässlich eines neuen Layouts möchte ich euch mein Projekt neontrauma.de vorstellen. Hier schreibe ich (seit einem guten Jahr & nach Möglichkeit täglich) in erster Linie Tutorials zum Thema Webdesign (XHTML, CSS, WordPress, PHP, Photoshop...). Dazu kommen Artikel über Neuigkeiten und Trends in der Blogosphäre sowie ein Reviewservice - sprich, um den Preis eines Backlinks nehme ich andere Webseiten unter die Lupe. :-D

Grundlage des Layouts bildet das Theme Brandford Magazine, allerdings recht stark umgekrempelt.
Die Seite ist in validem CSS und XHTML 1.1 geschrieben und.... ja, tobt euch aus. :-D Anmerkungen, Kritik, Vorschläge, ...

Viele Grüße
neontrauma

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

frankie

Hallo Anne, beeindruckend - ein branford in xhtml 1.1 strict!!!

Wie hast du das gemacht, die startseite wird ein chaos mit der dem theme beigefügten ui-tabs.js wenn man saubere listen-tags verwenden will...

ui-tabs angepasst, oder richtet es schon die Klasse clearfloat (mit display:block) ÜBERALL, dass nicht alles durcheinanderfliegt...

Dein Layout ist wirklich ganz anders, als das des Ursprungthemes, aber ein Link zum ThemeAutor sollte schon drin stehen...
meinst Du nicht auch?!

neontrauma

Hallo frankie,

das mit dem XHTML 1.1 ist eigentlich nicht weiter schwer - beim Brandford sitzt der Text der Tabs ja ursprünglich in ul-Tags aber eben ohne Listenpunkte), aber auf die kannst du getrost verzichten und sie, je nachdem, durch p- oder Div-Tags ersetzen.

Bei mir sieht das dann, etwas verkürzt, so aus:

Code

<div id="container-4">
	<ul>


    	<li><a class="ui-tabs" href="#hallo">Hallo!</a></li>
    	<li><a class="ui-tabs" href="#community">die Community</a></li>
    	<li><a class="ui-tabs" href="#aktuell">neontrauma aktuell</a></li>
  	</ul>




	<div id="hallo">
 		<h3 class="title">Hallo!</h3>
 		<p>Auf neontrauma.de erwartet dich ein interaktives Magazin zum Thema Webdesign.</p>
 	</div>


  	<div id="community">
      		<h3 class="title">die Community</h3>
		<img src="http://neontrauma.de/wp-content/themes/neontrauma-magazin/images/community_img.png" width="300" height="200" alt="neontrauma.de - Community" class="left"/>
      		<p>Auf neontrauma.de kannst du nicht nur Tutorials lesen, sondern auch Teil der Community werden. :-)</p>
  	</div>
 
  	<div id="aktuell">
      		  <a href="http://neontrauma.de/neontraumade/neues-layout-4.php" rel="bookmark" title="Link zu neues Layout: #4"><img src="http://neontrauma.de/wp-content/						uploads/2008/10/news_leadimg.png" alt="" id="leadpic" /></a>
      			<h3><a href="http://neontrauma.de/neontraumade" title="Alle unter neontrauma.de abgelegten Artikel ansehen">neontrauma.de</a></h3>
      			<a href="http://neontrauma.de/neontraumade/neues-layout-4.php" rel="bookmark" title=" neues Layout: #4" class="title">
      			neues Layout: #4</a>
      			<p>Wie ihr unschwer erkennen könnt, hat neontrauma.de heute Vormittag endlich das lange versprochene neue Gewand erhalten. :-)</p>


      			  	</div>
</div>

Alles anzeigen

Der Name des Autors des Brandford-Themes findet sich übrigens, mitsamt einem Link zu seiner Seite, auf der Seite "Links" unter dem Punkt "Credits". :)

Viele Grüße
neontrauma

frankie

Na ja, so ähnlich hatte ich es ja versucht...

Ich hab das Theme in seiner 1. fassung schon vor etlichen Monaten bei einem Freund für einen medizinischen blog installiert, hatte es auch umgeschrieben, und alles zumindest xhtml-Transitional gemacht, dann kam die neue Version Branford und irgendwie, irgendwann später im Zusammenhang mit Wordpressupdates, saß ich nochmal am Theme... hab mit li und p-tags experimentiert (so wie du schreibst) ... nix ging...die Startseite crashte

Nach meiner kenntnis braucht es nun mal ein ul vorm li... aber na ja...

Danke für die schnelle antwort
ich hab auf die Schnelle nicht alle Seiten von Dir durchstöbert, nur die üblichen Blicke auf Footer, CSS und Impressum...
so hab ich Deine credits übersehen, sorry...

neontrauma

Zitat von frankie

Nach meiner kenntnis braucht es nun mal ein ul vorm li... aber na ja...

Ja, aber kein ul vorm p, und an der Stelle eigentlich gar kein ul. ;-)
Rest per PN. :-)

frankie

ok, ok... das ist mir schon klar ;-)
Herzlichen Dank jedenfalls für Deine schnelle unkomplizierte Hilfe!

neontrauma

nichts zu danken! :)

phil5555

Also dein Blog sieht aus wie die ersten html-Webseiten. Farblich passt so gut wie nichts zusammen. Für das du "designverliebt" sein sollst sehe ich davon nichts. Ich hoffe ich bekomme kein Farbtrauma. :mrgreen:

Strukturell allerdings ist nichts auszusetzen.

neontrauma

Zitat von phil5555

Also dein Blog sieht aus wie die ersten html-Webseiten. Farblich passt so gut wie nichts zusammen. Für das du "designverliebt" sein sollst sehe ich davon nichts.

Na, wie gut, dass wir alle einen anderen Geschmack haben. ;-)

neontrauma

Ich kram diesen Thread aus gegebenem Anlass mal wieder hervor: Redesign! :-D

Farblich ist es nun heller und freundlicher geworden, dadurch auch angenehmer zu lesen.

Das vorherige Theme (was ja ganz ursprünglich mal ein Branford war) habe ich weiterentwickelt und erweitert. So wurde die Seite in verschiedene Bereiche aufgeteilt, die man über die horizontale Navigation unter dem Header ansteuert (Startseite, Tutorials & Artikel, der Review-Service, etc...). Diese einzelnen Bereiche haben jeweils verschiedene Sidebars, sodass ich den mittlerweile ziemlich umfangreichen Inhalt dann doch übersichtlich unterbringen konnte.
Neu ist außerdem das angeschlossene Board; hier habe ich das Plugin gewechselt (vom WP-Forums zu BBPress), leider sind im Zuge dieser Umstellung die alten Forenbeiträge über den Jordan gegangen.

Wie gefällt es euch?

Viele Grüße
neontrauma

-pcf-

Zitat von neontrauma

... Redesign! :-D ... Wie gefällt es euch?

zunächst mal: ich fand die Version von Ende letzten Jahres nicht schlecht. Ein wenig brutal in den Farben - neontrauma passte dazu - aber markant und individuell. Ich fand, die Seite sagte etwas über die Person aus, die sie macht. Schade, dass ich damals keinen Screenshot gemacht hab.
Die neue stellt sich kaum noch als neontrauma dar, sondern nach meinem Gefühl eher als Pastelltraum :wink:. Sie wirkt glatt, klar und schön untergliedert, auch von den Farben her gut. Fast schon zu glatt und ein wenig konformistisch.
Was man vielleicht noch ändern könnte ist, dass bei meiner Bildschirmauflösung (1024x786) auf dem TFT die 'Untertitel' in der Navileiste und die Zeilen unter den Posts sowohl im IE wie im FF breiig und nicht mehr zu lesen sind... :-?

Beste Grüße
-pcf-

Der geilste Typ

Gefällt mir grundsätzlich gut. Jedoch dachte ich im ersten Moment eine Joomla!-Seite vor mir zu haben.

neontrauma

Danke euch beiden... :)

@ pcf:
was meinst du mit den Untertiteln der Navileiste? Die Tooltips?
Hab die Schrift im Metabereich unterhalb der Artikel mal etwas größer gemacht.

Zitat von Der geilste Typ

Gefällt mir grundsätzlich gut. Jedoch dachte ich im ersten Moment eine Joomla!-Seite vor mir zu haben.

oO Wieso das denn?
Weiß grad gar nicht, wie typische Joomlaseiten so aussehen?

Viele Grüße
neontrauma

Der geilste Typ

Zitat von neontrauma

Weiß grad gar nicht, wie typische Joomlaseiten so aussehen?

Naja, halt irgendwie wie deine. Schwierig zu beschreiben. Mein eigener Blog war bis vor kurzem auch Joomla. Und ich hab noch ein anderes Projekt im Netz, das auf Joomla läuft. Deswegen kenne ich dieses typische Look & Feel.

neontrauma

Hab die Seite redesignt und hoffentlich die Übersichtlichkeit erhöht:

http://neontrauma.de

:-D

alchymyth

nett und uebersichtlich. nur die einrueckung unter den 'neuen Kommentaren' finde ich ueberfluessig. und sind die tooltips wirklich notwendig?

Wolf Larsen

Zuerst mal muss man sagen, dass neontrauma ein nützliches Blog ist. Es wird soviel Mist geschrieben oder nur nachgeplappertes Zeug ins Netz gestellt, da ist dies sehr wohltuend. Da ist wirklich Arbeit drin, jeder der mal was tutorialmäßiges machen musste, wird das kennen. Was Neues bringen, sich bisschen um den Sinn bemühen und so - prima. Wie ne Joomla-Seite sieht die Seite nicht aus. Joomla ist für mich ein typisch amerikanisch überladenes Template von Rockettheme. Hier ist alles sehr flach und nicht so verkasperlt. Dem ein oder anderem Mann wird vielleicht dieses landliebe-heidelbeerquark-lila-rosa nicht so liegen. Dafür vergreifen sich die Herren immer an irgendwelchen unsexy oma-strumpfhosen-brauntönen oder kühlen siemens-farben. Vielleicht mal ne knackige Farbe verwenden. Ich baue meine Wordpress-Baustelle gerade auf ein Orange mit Grau und hellerem Blau um. Das kommt ganz gut. Vielleicht etwas mehr Mut zu eindeutigerer Farbgebung, das wäre mein Vorschlag.

Wolf

lmb

Ich finds ziemlich gut, allerdings ist unten der Farbverlauf (meiner Meinung nach) unpassend, da alles eckig ist, das passt dann echt nicht ;-)
Ich hätte da eher zum Beispiel diagonal laufende dünne Streifen gemacht in dieser Farbe und einer etwas helleren.

neontrauma

Hallo,

danke für euer Feedback! :)

@ alchymyth:
Die Einrückung ist weg, aber die Tooltips fand ich irgendwie nett. Spielerei, ja. Aber imho nichts, was die Usability einschränken würde oder so nervig wäre wie diese Tooltips, die direkt einen Screenshot des aufzurufenden Links enthalten. ;)

@ Wolf Larsen:
Mh, ich hatte bislang in den meisten Layouts von neontrauma.de diese Kombination aus Weiß, Grau und Rosa/Pink. Kam bei den Besuchern ganz gut an, und ich denke, irgendwo ist da mittlerweile auch ein gewisser Wiedererkennungswert drin. Meinst du mit "Mut zur eindeutigeren Farbgebung", die Töne zu reduzieren? So viele sind das ja nicht.

@ lmb:
Stimmt, da hast du Recht, was den Farbverlauf angeht... mh, werde ich mich drum kümmern. :)

Viele Grüße
neontrauma

Salim

Hallo neontrauma.
Insgesamt würde ich deiner Seite 7 von 10 Punkten geben. Ich mag die Leichtigkeit, die Farben und das Grunddesign sind sehr stimmig und auch ein wenig individuell. Ich persönlich tute mich etwas schwer mkit dem zweigeteilten Sidebar, ich finde soetwas immer sheer unüberischtlich, weil man im ertsen Moment vor eienr Welle aus bTexte steht und zumindest ich nie nwirklich weiß, wo es denn nun weiter geht. Wenn man etwas genauer hinschaut ist es abder dennoch übersichtlich. Ansonsten hätte ich unter neontrauma noch ein wenig etwas krasseres erwartet, aber nunja, ich kenne das mit der eigenen Website, da will mans ich irgendwie verwirklichen und probiert dann mal dies und jenes aus, deswegten fidne iche s auch nicht wirklich tragisch ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

neontrauma.de - Tutorials & Webdesign

Jetzt mitmachen!