• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[Vorstellung/Check][Editor] scripts

Werbung:
Ich find Inhalt schonmal gut, ist auch übersichtlich.

Verbesserungsvorschläge: "Fehler melden" in die nächste Zeile setzen und vllt andere Farbe oder Schriftattribut ändern.
Der Scrollbalken taucht im "Navi"-Frame öfters auf, weiß nicht, ob man das beheben kann xO

Glaube vom Design würde es besser aussehen, wenn der Navi-Frame mit dem Mainframe durchgehend ist oder einen einheitlichen Abschluss hat, so sieht das etwas fehlerhaft aus.

Diese Kästchen die bei den Tuts kommen als Vorschau find ich gut :D (Weiß nicht, wie sowas in Fachsprache heißt :x)

Werde mal öfters draufschauen, ist ganz nützlich für Anfänger in PHP wie mich, und wie gesagt finde die Seite gut ^_^

LG Long
 
Zuletzt bearbeitet:
Brr, mir wird kalt. Dein erster Entwurf hat mir wesentlich besser gefallen, dieser wirkt kalt, unpersönlich und irgendwie wenig einladend. Das hellgraue Design Deines ersten Entwurfs war das genaue Gegenteil von diesem hier.

Für die Links "nach oben" und "Fehler melden" würden sich bestimmt entsprechende Buttons gut machen. Den Text "nach oben" würde ich mit "zum Seitenanfang" (oder ähnliches) ersetzen.

Ich hab´ jetzt nur ganz kurz in den Code geschaut. Ich blicke nicht durch, wie Du die hover-Vorschau gemacht hast (css:navpoint:hover ?). Mein css-Code dafür ist wesentlich länger. Ist das per js gelöst ?

Genug gemeckert, ist ja nur meine Meinung, die nicht den allgemeinen Geschmack treffen muss.

Grüsse
low
 
Werbung:
Danke für eure Antworten!

So beim nochmaligen drübersehen stimme ich euch zu, das Design ist nicht besonders einladend. Ich werde das heute nocheinmal überarbeiten und Grafiken einsetzen.

Das mit dem Scrollbalken in der Navigation sehe ich mir nocheinmal an. War mir auch schon aufgefallen.

Diese Kästchen beim Navihover heissen soweit ich weiss Tooltips. Ich habe das komplett mit CSS gelöst.
@low
Code:
		.subnavlink p{
			display: none;
			position: fixed;
			z-index: 100;
			left: 20%;
			top: 70px;
			width: 250px;
			height: auto;
			padding: 13px;
			border: 1px solid #332C28;
			background-color: #897D77;
			font-size: 0.9em;
		}
Das ist der Code für diese Tooltips. Aktiviert wird es danach durch .subnavlink:hover p{display: block;}.

Welchen "ersten Entwurf"? meinst du, low? Kann mich gerade nicht erinnern schon einmal einen gemacht zu haben. :)

Meckert ruhig weiterhin rum, kommt alles nur zum Besten der Seite. :D

Gruß
 
Diese Kästchen beim Navihover heissen soweit ich weiss Tooltips. Ich habe das komplett mit CSS gelöst.
Oops, da habe ich in der falschen Ecke gesucht. Ich löse das auch mit tooltips, nur ohne z-index. Schau ich mir mal an, Danke dafür.

Welchen "ersten Entwurf"? meinst du, low? Kann mich gerade nicht erinnern schon einmal einen gemacht zu haben. :)
Naja, nicht unbedingt ein Entwurf. Aber Du hattest mal eine Zeitlang eine Site in Deiner Signatur stehen, ich hab´ Dir auch mal eine PN dazu geschickt. Du wolltest noch daran arbeiten, die :!: Übergänge ohne js zu lösen :!:. Klingelt´s ? :roll:

Grüsse
low
 
Naja, nicht unbedingt ein Entwurf. Aber Du hattest mal eine Zeitlang eine Site in Deiner Signatur stehen, ich hab´ Dir auch mal eine PN dazu geschickt. Du wolltest noch daran arbeiten, die :!: Übergänge ohne js zu lösen :!:. Klingelt´s ? :roll:
Achja, hab wohl gerade versucht mich in die falsche Richtung an den Entwurf zu denken. Die Seite besteht nach wie vor: html.de Forum - HTML für Anfänger & Fortgeschrittene. Ich lerne derzeit nach und nach JS und auch AJAX. Wenn ich AJAX genügend behersche werde ich die Inhalte der Seite auf eigene Dateien aufteilen und nachladen. So wirds für mich auch einfacher die Seite non-JS kompatibel zu machen. Bis dahin lasse ich sie so.

Diese Scriptsseite scripts.vitus-lehner.de habe ich erstellt, da ich finde das Design von vitus-lehner.de nicht so zum Bereitstellen von Informationen geeignet ist.

Die Scriptseite überarbeite ich gerade. Heute Nachmittag ist vielleicht die neue Version online. Hoffe dann ist's besser. ;)

Gruß
 
Werbung:
Übrigens, das neue "Design" ist jetzt mal online. Ich hoffe es ist jetzt freundlicher.
Freundlicher auf jeden Fall, nicht mein Geschmack - aber was wäre das Internet, wenn jeder den gleichen Geschmack hätte.

Der Menülink "Kontakt" verweist auf errorreport.php.

scripts.vitus-lehner.de schrieb:
Die Anschrift ist aus Vitus-Lehner.de zu entnehmen.
Reicht das wirklich, also rechtswirksam, aus ?

scripts.vitus-lehner.de schrieb:
du allerlei kleiner, aber auch größerer Codeschnipsel

Und 2 Bilder
vitus1.jpg
vitus2.jpg
Vll. noch (allgemein) ein kleiner padding beim Content, damit der nicht am Rand klebt.

Browser: FF 3.6.3

Grüsse vom "Mekkerkopp" ;)
low
 
Werbung:
Danke dir für deine Mühe. :D

- Die Anschrift werde ich gleich noch einfügen.
- Kontakformular habe ich nun erstellt und verlinkt.
- Das Problem mit dem padding kann ich nicht nachvollziehen, bei gleichem Browser. Ich habe vorhin etwas mit dem content gespielt. Vielleicht wurde die Seite aus deinem Cache geladen? Ich würde dich bitten die Seite nocheinmal "hardcore zu reloaden" mit Strg + F5.

Gruß
 
Nope, gleiches Bild. Weder mit STRG-5 noch mit STRG-R ist ein Padding zu sehen.
Aber mir sind grundlegende Unterschiede bei IE und FF aufgefallen.
Darstellung mit IE8:vitus3.jpg
Darstellung mit FF 3.6.3: vitus4.jpg
Als IE User würde ich auch die runden Ecken aus dem FF haben wollen :mrgreen:

Allerdings kommt das Problem mit dem längeren Content im IE erst richtig "zur Geltung":vitus5.jpg. Screenshot stammt aus "tut_bildergalerie.php"

Grüsse
low
 
Du könntest das Menu links, fixed setzen, da dein Inhalt so oder so, so viel Abstand hat, das es den Content nicht behindern würde...
 
Zuletzt bearbeitet:
Werbung:
Ich habe den Fehler des paddings gefunden und werde ihn gleich beheben (liegt an einem min-width-Attribut der Sidebar). Das Problem besteht bei mir tatsächlich auch, wenn ich den Viewport verkleinere. Lade es gleich neu hoch. Danke dir, low, ich hätte es sonst wohl nie gesehen.

Ich hock mich gleich mal vor GIMP und erstelle Grafiken mit runden Ecken, dann sind auch IE User zufrieden. ;)

Gruß
 
....dann hätte es jemand anderes gesehen. Freue mich immer, wenn ich helfen kann.

Grüsse
low

P.s.: der aufrichtige Dank sämtlicher IE-User dieser Welt dürfte Dir gewiss sein :mrgreen:
 
Ich verstehe da etwas nicht, es geht um Deine Statisik.
Wie können in
- dieser Woche 11 Besucher auf Deiner Seite gewesen sein,
- in diesem Monat nur 3 Besucher,
- im ganzen Jahr wieder 11 Besucher :?:
War (angenommen) Freitag der Monatsletzte ? :roll:

Grüsse
low
 
Werbung:
Diese Kombination der Besucher ist möglich, da bei einem Monatswechsel nicht automatisch auch die Woche zuende gehen muss. Ich hatte mal einen kleinen Fehler des Scripts gefunden, dieser kommt immer am 1. eines Monats in der Statistik zum Vorschein, danach ist aber wieder alles normal. ;)

Vielleicht habe ich während der Arbeiten den die Dateien für die Statistik überschrieben oder so. Nunja, stören tut es mich nicht so. ;)

Grüße
 
Code:
p style="text-align: center;"><a href="#top" title="Zum Anfang der Seite"><span><img src="img/nachoben.png" width="16" height="16" alt="Nach oben"></span> Zum Anfang <span><img src="img/nachoben.png" width="16" height="16" alt="Nach oben"></span></a></p>
<p style="font-size: 0.8em; text-align: center;">Wenn du Fehler findest, melde diese bitte!<br><a href="errorreport.php">Fehler melden!</a></p>

Hier solltest du die Inlinestyles auch auslagern.

Code:
<ul id="navigation">
		<li class="navpoint"><a href="index.php" class="navlink">Startseite</a></li>
		<li class="navpoint">
			<a href="#" class="navlink">Scriptsammlung</a>
			<ul class="subnavigation">
				<li class="subnavlink"><a href="script_counter.php" title="Kleiner Besucherzähler, welcher an einer gewünschten Stelle der Seite die Besucherzahlen erscheinen lässt.">Besucherzähler [PHP]</a><p>Kleiner Besucherzähler, welcher an einer gewünschten Stelle der Seite die Besucherzahlen erscheinen lässt.<br><br><i>Sprache: PHP</i><br><i>Besonderheit: Cookie-Sperre</i></p></li><li class="subnavlink"><a href="script_formmailer.php" title="Einfaches Kontaktformular in PHP mit Spamschutz">Formmailer [PHP]</a><p>Einfaches Kontaktformular in PHP mit Spamschutz<br><br><i>Sprache: PHP</i><br></p></li>			</ul>
		</li>
		<li class="navpoint">
			<a href="#" class="navlink">Tutorials</a>
			<ul class="subnavigation">
				<li class="subnavlink"><a href="tut_countstatistik.php" title="Lasse die Statistiken über die Zugriffszahlen deiner Benutzer auf deiner Website generieren und anzeigen.">Besucherzahlen-Statistik [PHP]</a><p>Lasse die Statistiken über die Zugriffszahlen deiner Benutzer auf deiner Website generieren und anzeigen.<br><br><i>Sprache: PHP</i><br><i>Besonderheit: ohne MySQL</i></p></li>			</ul>
		</li>
		<li class="navpoint">
			<a href="#" class="navlink">Tipps und Tricks</a>
			<ul class="subnavigation">
				<li class="subnavlink"><a href="tipp_timeoutput.php" title="Lasse das aktuelle Datum und die Uhrzeit auf deiner Seite anzeigen.">Datum und Uhrzeit anzeigen [PHP]</a><p>Lasse das aktuelle Datum und die Uhrzeit auf deiner Seite anzeigen.<br><br><i>Sprache: PHP</i><br></p></li><li class="subnavlink"><a href="tipp_formoutput.php" title="Die Eingaben eines HTML-Formulars auf einer Seite wieder ausgeben.">Formulareingaben ausgeben [HTML, PHP]</a><p>Die Eingaben eines HTML-Formulars auf einer Seite wieder ausgeben.<br><br><i>Sprache: HTML, PHP</i><br></p></li>			</ul>
		</li>
		<li class="navpoint">
			<a href="#" class="navlink">FAQs</a>
			<ul class="subnavigation">
				<li class="subnavlink"><a href="faq_phpbasic.php" title="Warum funktioniert mein PHP-Script nicht?">PHP-Script funktioniert nicht? [PHP]</a><p>Warum funktioniert mein PHP-Script nicht?<br><br><i>Sprache: PHP</i><br><i>Besonderheit: PHP ist serverseitig, also nicht auf deinem PC!</i></p></li>			</ul>
		</li>
		<li class="navpoint"><a href="errorreport.php" class="navlink">Fehler melden</a></li>
		<li class="navpoint"><a href="kontakt.php" class="navlink">Kontakt</a></li>
		<li class="navpoint"><a href="impressum.php" class="navlink">Impressum</a></li>
	</ul>

Die "Navpoints" brauchen keine eigene Klasse du könntest sie mit .navigation li ansprechen. Ist aber nur ne Kleinigkeit ;)

Zum Aussehen kann ich nur sagen, dass es nicht mein Geschmack aber sehr aufgeräumt ist. Und auch sehr übersichtlich.
 
Zurück
Oben