Wiki Autoren Allgemeintratsch (kein OT) - Seite 2

nikosch · 20.10.2008, 15:29

Welche konkret? Bitte Wikiseite angeben...

Manko10 · 20.10.2008, 15:45

Überall.
Vor allem der 5cm-Rand an der rechten Seite ist dämlich.

Hier ein Screenshot:

nikosch · 20.10.2008, 15:48

Naja, das ist Ansichtssache. Das ist nämlich ein Rand, der durch eine Fließtextbegrenzung auf ~90 Zeichen entsteht. Ansonsten finde ich etwas Weißraum ganz angenehm fürs Auge.

Aber ist ja alles diskutabel.

Das wichtigste sind imho:
- Margins vor den Überschriften
- Zeilenhöhe
- Margins in den Aufzählungslisten!!
- Top/Down weniger eingequetschte Seite

Und das Menü links ist auch häßlich.

Manko10 · 20.10.2008, 16:11

Zitat:

- Margins vor den Überschriften
- Zeilenhöhe
- Margins in den Aufzählungslisten!!
- Top/Down weniger eingequetschte Seite

Ich stimme dir zu, aber ich würde Layout dennoch dynamisch lassen. Es sieht einfach doof aus.
Den padding der einzelnen Navigationselemente würde ich ein kleines bisschen herunterschrauben. Dazu könnte der Content ein wenig hoch (oder die Navi ein wenig herunter), sodass die beiden nicht mehr so in der Höhe versetzt aussehen.
Die Navi könnte gern wie im Original dieselbe Bullets haben wie die normalen Listen.

nikosch · 20.10.2008, 16:15

Code:

@-moz-document url-prefix("http://www.php.de/wiki-php/") {

#column-one {
  width:200px !important;
  }

#column-one ul {
  margin-top:1em !important;
  margin-bottom:1em !important;
  margin-left:2.5em !important;
  list-style-image:url(bullet.gif) !important;
  }

.portlet {
  list-style-image:url(bullet.gif) !important;
  list-style-position:outside !important;
  }

.portlet li ,
#column-one ul li {
  list-style-image:url(bullet.gif) !important;
  list-style-type:square !important;
  margin:0.2em 0 0 0 !important;
  }

#column-one ul li a {
  text-decoration:none !important;
  }

#column-one .portlet {
  width:200px !important;
  }

#searchBody input.searchButton {
  width:44% !important;
  margin:0.4em 0 !important;
  border:1px solid #888 !important;
  }


#searchBody input#searchInput {
  width:90% !important;
  margin:0.4em 0 !important;
  }

#vbw-globalWrapper table {
/*  width:100% !important;  */
  }

#vbw-content {
  border-style:solid !important;
  border-width:1px !important;
  border-color:#aaa !important;
  padding-left:2em !important;
  padding-right:2em !important;
  width:auto !important;
  margin-bottom:1em !important;
  }


#column-content {
  width:auto !important;
  padding-top:1em !important;
/*  padding-top:2.4em !important ; */
  }

/*
#vbw-content>div {
  width:92ex !important;
}


#vbw-content>p {
  width:96ex !important;
  }
*/
#vbw-content p {
  line-height:1.3em !important;
  }

#vbw-content ul {
  margin-top:1em !important;
  margin-bottom:1em !important;
/*  width:86ex !important; */
  }

li {
  margin-bottom:0.4em !important;
  line-height:1.3em !important;
  }

#toc {
  margin:1em 0 !important;
  padding-left:1em !important;
  padding-right:6em !important;
  }

#toc li {
  margin-bottom:0.1em !important;
  }

#toc ul {
  margin-top:0 !important;
  margin-bottom:0 !important;
  }

#toctitle {
  text-align:left !important;
  margin:0.4em 0 1em !important;
  }

#vbw-content .firstHeading {
  margin-top:0.6em !important;
  }

#vbw-content h1 {
  width:90% !important;
}

#vbw-content h2 ,
#vbw-content h3 {
  width:100% !important;
  margin-top:1em !important;
}

#vbw-content h4 {
  font-weight:bold !important;
  }
#catlinks {
  margin-top:4em !important;
  }

#catlinks a {
  text-decoration:none !important;
  }

}

Welche Navi? Links oder TOC oder beide?

Manko10 · 20.10.2008, 16:21

Links die. So wie es im Original auch ist. TOC kann so bleiben.
Bullets würden auch den etwas leeren Raum links vom Navi-Text etwas auffüllen, weil dadurch der gesamte Navi-Inhalt etwas nach rechts rutscht.

Ich bin mir überdies nicht sicher, ob es wirklich gut aussieht, wenn TOC über die gesamte Breite geht.

nikosch · 20.10.2008, 16:39

Zitat:

Ich bin mir überdies nicht sicher

Sehr diplomatisch

Code editiert

Bekomme aber die Bömmels links nicht blau... ?

Manko10 · 20.10.2008, 16:56

Ich denke, das liegt daran, dass URLs immer relativ zum CSS-File sind. Ein url(bullet.gif) bringt es also nicht. Du musst

Code:

list-style-image:url(http://www.php.de/wiki-php/skins/vbwikiskin/bullet.gif) !important;

benutzen.

Zitat:

Sehr diplomatisch

Ja ja!

nikosch · 20.10.2008, 17:05

Bingo!

nikosch · 20.10.2008, 18:48

Pimp my Editor:

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Phrase: "Das PHP.de Wiki für registrierte Mitglieder"	Manko10	Wiki Diskussionsforum	5	26.08.2008 22:14
Bug in der Wiki?	Freeaak	Board-Support	14	26.08.2008 22:09
PHP.de Wiki Mitmachen und Entwickeln	hoefti	Wiki Diskussionsforum	0	24.08.2008 14:02
suche ein Wiki	Crypi	Off-Topic Diskussionen	5	07.06.2007 12:05
Wiki von Mediawiki runterladen	FBI	Off-Topic Diskussionen	5	03.02.2006 15:23
Wiki spielt mir einen Streich bei Funpic		PHP Tipps 2005-2	5	08.06.2005 13:30
php wiki mit ssl		PHP Tipps 2005	1	20.05.2005 23:06
Wiki Parser Klassen, etc. gesucht.		PHP Tipps 2005	6	05.05.2005 15:54

20.10.2008, 15:29
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Welche konkret? Bitte Wikiseite angeben... __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.10.2008, 15:45
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Überall. Vor allem der 5cm-Rand an der rechten Seite ist dämlich. Hier ein Screenshot: __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

20.10.2008, 15:48
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Naja, das ist Ansichtssache. Das ist nämlich ein Rand, der durch eine Fließtextbegrenzung auf ~90 Zeichen entsteht. Ansonsten finde ich etwas Weißraum ganz angenehm fürs Auge. Aber ist ja alles diskutabel. Das wichtigste sind imho: - Margins vor den Überschriften - Zeilenhöhe - Margins in den Aufzählungslisten!! - Top/Down weniger eingequetschte Seite Und das Menü links ist auch häßlich. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (20.10.2008 um 15:52 Uhr).

20.10.2008, 16:21
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Links die. So wie es im Original auch ist. TOC kann so bleiben. Bullets würden auch den etwas leeren Raum links vom Navi-Text etwas auffüllen, weil dadurch der gesamte Navi-Inhalt etwas nach rechts rutscht. Ich bin mir überdies nicht sicher, ob es wirklich gut aussieht, wenn TOC über die gesamte Breite geht. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

20.10.2008, 17:05
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Bingo! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

20.10.2008, 18:48
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Pimp my Editor: Miniaturansicht angehängter Grafiken __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (20.10.2008 um 18:54 Uhr).