Verschiedene Seiten, verschiedene Sidebars - Wordpress

spenderorgan · 10.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

padding-left raus und in dem sidebardiv ein float left?

sollte so aber gehen

FrostAgent · 10.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Müsste dann ja so aussehen:

Code:

.left-sidebar {
	width: 15%;
	border-right: 1px solid;
	line-height: 45px;
	padding-top: 30px;
	text-align: right;
	padding-right: 15px;
	float: left;
}

.page .article {
	padding-top:15px;
        width: 75%;
}

Content sitzt leider trotzdem unter der Sidebar.

spenderorgan · 10.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

bei .kontakt-sidebar ein float: left,

schau dir das mal genauer an, da fehlte ein ; in der anweisung

FrostAgent · 10.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Oh, was ein kleines Semikolon so alles bewirken kann, danke dir.

FrostAgent · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Ich habe doch nochmal eine Frage zur Sidebar. Wenn die Inhalte zu lang werden rutschen sie unter die sidebar, zumindest dort wo sie aufhört, allerdings hätte ich gerne dass der Inhalt immer in seinem Bereich bleibt und die Sidebar quasi die ganze linke Spalte einnimmt.

Wie lässt sich das umsetzen?
Derartiges möchte ich gerne verhindern.

spenderorgan · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

ok, theoretisch:
du hast 3elemente
1rahmen, 996px breit,
dann einen rahmen für die linke seite für menü oder so, 300px, der bekommt eine float left,
damit rutscht alles nicht breiter als 696px deneben, sollte dieses aber größer werden, vllt durch paddings oder margins oder einer borderanweisung, dann rutscht es runter.

FrostAgent · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Für die Sidebar und den Content besteht bereits eine feste Breite.

Code:

/* Sidebar Leistungen+Unterseiten */
.left-sidebar {
	width: 15%;
	border-right: 1px solid;
	line-height: 45px;
	padding-top: 30px;
	text-align: right;
	padding-right: 15px;
	float: left;
	margin-bottom: 20px;

}

/* Content mit Sidebar */
.page-ms .article-ms{
	padding-top:15px;
	float: right;
	width: 75%;
	padding-left: 45px;
	border-left: 1px solid;
	margin-bottom: 20px;
	margin-left: 15px;
	
}

Ich habe auch schon mit verschiedenen margin und padding gearbeitet, aber da ändert sich nichts, auch nicht hinsichtlich des Abstandes zum Border der Sidebar.

spenderorgan · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

article-ms fehlt eine feste breite, mitn nem leichten padding oder margin bekommste einen kleinen abstand zwischen menü und inhalt

FrostAgent · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Width 75% ist doch drin, damit erzeuge ich doch eigentlich eine feste Breite? Padding und margin sind auch schon drin oder übersehe ich jetzt wieder etwas Offensichtliches?

spenderorgan · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

.page-ms , .article-ms
nicht
.page-ms .article-ms

wenn die selben anweisungen für unterschiedliche klassen gelten sollen,

mit rechtsklick -> untersuchen (q) kannst du dir die elemente genauer anschaun und welche css eigenschaften(klasse, id, werte) drauf liegen

FrostAgent · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Danke, mit dem Komma funktionierts.

Bei der Sidebar bereitet mir nun noch ein Vorhaben ein paar Probleme. Damit das Menü optisch etwas ansprechender ist, habe ich überlegt einen Hovereffekt+Unterstreichung einzubauen, in etwa so:

http://chris4all.com/wp_test/?page_id=119

Ich hatte überlegt, das Ganze mit einer Tabelle zu lösen und die Unterstreichung mit einem border-bottom umzusetzen, aber dann könnte ich das Menü nicht mehr über das Backend bearbeiten denke ich. Gibt es da vielleicht noch andere Möglichkeiten, da es so sicherlich nicht problemlos möglich ist eine Tabelle drumherum zu ziehen..?

spenderorgan · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

du kannst ja mit reinschrieben was im menü vor und nach den links erscheint,
ergo nen div mit ner klasse um die a´s, das ganze mit padding ausrichten,

isn bissl probiererei aber auf ne tabelle kannste verzichten

FrostAgent · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Worüber kläre ich das denn, über die Seitentemplates oder direkt über das Menü? In den Seitentemplates habe ich auch gar keine a's, da ich die Links ja über das Backend verwalte.

spenderorgan · 11.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

direkt beim menüaufruf

PHP:

<?php wp_nav_menu( array( 'theme_location' => 'nav_hochzeit', 'link_before' => '<div>' , 'link_after' => '</div> ') ); ?>

du hast da mehrere möglichkeiten,
zb. haben die menüpunkte ne klasse zugewiesen bekommen, darüber kannste die allg. breite und hintergrundfarbe festlegen
mit den divs in den links regelts du mit paddings die orientierung,
wie gesagt, nimm mal deine seite mit einem entwicklertool(firefox hat da schon ein, taste q) auseinander und sie dir die vergebenen klassen an.

in der wordpressdoku sind die befehle beschrieben und was man so ergänzen kann, der rest ist css.

FrostAgent · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Muss ich da noch zusätzliche divs ins Seitentemplate einbauen?

Ich habe den sidebar-Befehl nun angepasst.

PHP:

				<div class="left-sidebar">
				<?php wp_nav_menu( array( 'left-sidebar' => 'nav_hochzeit', 'link_before' => '<div>' , 'link_after' => '</div> ') ); ?> 
					<!--<?php dynamic_sidebar( 'left-sidebar' );  ?>-->
				</div>

Ich habe auch versucht aus nav_hochzeit etc. div-Container zu basteln und diese in der CSS zu definieren, aber irgendwie kommt dabei nicht so wirklich rum.

Laut Element untersuchen lässt sich das gesamte Menü in der Sidebar ja hierüber definieren.

Code:

.menu-left-sidebar-container { }

Leider wird darüber auch nur der gesamte Klotz definiert, nicht die Einzelnen Menüpunkte, diese ließen sich laut FF durch diesen Container ansteuern.

Code:

#menu-left-sidebar  ul li { }

Damit würde ich theoretisch die einzelnen Listenpunkte ansteuern, allerdings tut sich rein gar nichts, wenn ich diesbezüglich etwas ändere.

spenderorgan · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

.menu-left-sidebar-container ul li könnte funzen

bzw #menu-left-sidebar LI

ohne ul, weil die klasse ja schon das ul ist

FrostAgent · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Danke, damit klappts.

Jedoch möchte das ganze mit dem Hintergrund beim hover nicht so recht hinauen.

Code:

#menu-left-sidebar li  a:hover{
  background-color: #000;
  color:            #fff;
}

Die Schrift ist beim Herüberfahren immerhin schon mal weiß, jedoch wird der Hintergrund der Zeile nicht dunkel. Mit einem background-color habe ich dies aber doch eigentlich abgeklärt oder?

spenderorgan · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

li div:hover vllt??

FrostAgent · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

Damit funktioniert.

Derzeit bin ich aber wieder am rumrätseln warum die Farbe im active-Zustand nicht bleibt.

Code:

#menu-left-sidebar li  div:active {
  background-color: #58585a;
}

Bei der Sache, dass die Hintergrundfarbe im hover und active dann bis zum Border gehen, da bin ich mir auch nicht ganz schlüssig, wie ich das lösen kann. Aktuell kommt der Border vom Content, deshalb ist dort etwas Luft, wenn ich dann allerdings den Border in die Sidebar ziehe ist er nicht mehr so lang wie der Content und die Hintergrundfarbe bekomme ich auch nicht hinein wie gewünscht.

Das Problem ist, wenn ich dort paddings setze wird auch die bg-color gestoppt.

spenderorgan · 12.03.2012

AW: Verschiedene Seiten, verschiedene Sidebars - Wordpress

aktiv gibst nur wennde es anklickst,
wie schon erwähnt schau dir mal die css eigentschaften des menüs mit den entwicklerwerkzeugen an,

es gibt ne klasse die nennt sich current-menu-item