Beiträge von masteroffer

masteroffer

Ich würde gerne in den Footer eine Box einbauen, in der man seine Email hineinschreibt und somit den Newsletter bestellt.

Habe via Google danach gesucht aber nichts aussagekräftiges finden können.

1. Welches Plugin wird dazu benötigt?
2. Wie wird es umgesetzt?

Habe hier ein Beispiel wie es aussehen könnte.

masteroffer

Habe nun eine Möglichkeit gefunden: Im Header

PHP

<div id="access" role="navigation">
<?php?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
<div id="meta">
<li><?php wp_loginout();?></li>
</div>-- #meta -->
</div><!-- #access -->

Das CSS dazu:

HTML

#access {
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
border-top-left-radius: 30px;
-wbkit-box-shadow: 0 0 5px 0 #7d0000;
-moz-box-shadow: 0 0 5px 0 #7d0000;
box-shadow: 0 0 5px 0 #7d0000;
width: 492px;
height: 30px;
float: left;
margin: 120px 0 0 0;
background: #B30000;
}


#access .menu-header,
div.menu {
    font-size: 12px;
    width: 492px;
}
#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
}
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
}
#access a {
color: #FFF;
display: block;
line-height: 30px;
padding: 0 10px;
text-decoration: none;
text-transform: uppercase;
}
#access ul ul {
display: none;
position: absolute;
top: 30px;
left: 0;
float: left;
width: 180px;
z-index: 99999;}


#access ul ul li {
min-width: 180px;}


#access ul ul ul {
left: 100%;
top: 0;}


#access ul ul a {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
background: #B30000;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;}


#access li:hover > a,
#access ul ul :hover > a {
        background: #B30000;
        color: #B9B9B9;
}
#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #B9B9B9;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #B9B9B9;
}

Alles anzeigen

Das komische ist nur, dass die Untermenüs so komischen floaten.

masteroffer

wp_list_pages() = [FONT=Arial][size=12]Statische Seiten Auflisten lassen
wp_nav_menu() = [/SIZE][/FONT]gibt eine Liste mit den Seiten von WordPress aus.

Die WEbseite ist übrigens: waldorfnet.org

masteroffer

Ich benötige mal wieder Hilfe bei dem Thema: Unterseiten.

Ein Bekannter will via CSS Unterseiten in seiner Navigation.

Ich habe lange versucht dies umzusetzten, bin jedoch leider gescheitert. Er möchte: dass die Unterseiten wie im Standard-Theme von WordPress automatisch in die Naviagtion hinzugefügt werden.
Die Navigation habe ich derzeit wie folgt aufgebaut:

PHP

<div id="nav">
<ul id="csstabs"> 
<li <?php if(is_home()) { ?> class="current_page_item"<?php } ?>>
<a href="<?php bloginfo('home') ?>">Initiative</a></li>
<?php wp_list_pages('title_li=&sort_column=menu_order&depth=1'); ?>
<div id="meta">
<li><?php wp_loginout();?></li>
</div>
</ul>

Im Standard-Theme ist die Navigation mit dem folgenden PHP-Code gelöst:

PHP

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

Nur wie passe ich den auf meine Navigation an, oder gibt es noch andere Möglichkeiten?

masteroffer

Zitat von infected

Warum schaust Du nicht mal, wie es beim Standardtheme TwentyTen gemacht wurde?!

Danke für den tollen Tipp. Scheint zu funktionieren. Wie baue ich da jetzt den jQuery Code ein? Das Drop Down soll wie auf webdemar.com langsam herunter sliden

(Code: Siehe erster Post)

masteroffer

Verwende ich:

PHP

<?php wp_list_pages('title_li=&sort_column=menu_order&depth=2'); ?>

so zeigt mir WordPress alle Seiten (Haupt und Unterseiten) nebeinander an, ich will aber dass die Unterseiten erst beim Überfahren angezeigt werden.

Siehe Beispiel:http://webdemar.com/

Da die Seiten ja automatisch in die Navigation hinzugefügt werden sollen und nicht über das Anpassen der header.php bei #headnav, scheint es nicht so einfach zu sein.

masteroffer

nein, leider noch keine lösung gefunden.
Kennst du einen Lösungsweg?

masteroffer

nein, das problem wurde noch nicht gelöst :(

Kennst du einen Lösungsweg?

masteroffer

hat keiner eine idee?

masteroffer

Ich möchte eine Naviagtion aufbauen, bei der die Hauptseiten immer angezeigt werden und die Unterseiten bei überfahren der Hauptseiten in Form eines Dropdown angezeigt werden.

Die Hauptseiten lass ich via:

PHP

<?php wp_list_pages('depth=1&title_li='); ?>

anzeigen, nur wie wird das Drop Down mit den Unterseiten umgesetzt?

masteroffer

Ich habe vor eine Drop Down Navigation mit Hilfe von jQuery zu erstellen. Die Navigation soll automatisch von Wordpress mit den Seiten gefüllt werden, also keine manuelle Anpassung in der Header-Datei soll nötig sein, damit die Seiten angezeigt werden.

Ich habe das Menü zunächst folgendermaßen umgesetzt:

<div id="headnav">
<ul>
<li><a href="<?php bloginfo('url'); ?>">Startseite</a></li>
<li>
<a href="aktuelles.html">Aktuelles</a>
<ul>

<li><a href="veranstaltungen.html">Produkte</a></li>

<li><a href="archiv.html">Support</a></li> </ul> </li>

<li>
<a href="m3.html">Menüpunkt 3</a> <ul>
<li><a href="u1.html">Unterpunkt 1</a></li>

<li><a href="u2.html">Unterpunkt 2</a></li>

<li><a href="u3.html">Unterpunkt 3</a></li>

<li><a href="u4.html">Unterpunkt 4</a></li>

<li><a href="u5.html">Unterpunkt 5</a></li>
</ul>
</li>
</ul>
</div>

Ich weiß nicht welche PHP-Codes ich wo einfügen muss, damit die Hauptseiten und Unterseiten mit folgender CSS Formatierung und den darauf jQuery Code funktionieren wird.

CSS

#headnav {} 
#headnav ul{ list-style-type:none; margin:0; padding:0; } 
#headnav li { float:left; padding:0; margin:0;} 
#headnav li a { width:150px; display:block; text-align:center; color:#000; margin-right:5px; height:35px; line-height:35px; text-decoration:none; font-size:80%; border:1px solid #ccc; } 
#headnav li a:hover { color:#f00; } 
#headnav ul ul { display:none; position:absolute; z-index:999; } 
#headnav li li { float:none; margin-top:-1px; } 
#headnav li li a { background: #EBE7E6!important; text-align:left; height:auto; line-height:1; width:auto; padding:8px 20px 8px 22px; border-bottom:1px solid #D0D0D0; margin-right:0; }

Code

$(document).ready(function() {
	$("#headnav li:has(ul)").hover(function(){
		$(this).find("ul").slideDown();
	}, function(){
		$(this).find("ul").slideUp();
	});
});

PHP

<?php wp_list_pages('depth=1&title_li='); ?> Dieser Code fällt mir noch ein, aber das sind ja nur die Hauptseiten.

Wäre super wenn mir da einer von Euch helfen könnte, damit diese Navigation funktionieren kann. :)

masteroffer

vielen dank für die schnelle hilfe :)

masteroffer

Ich habe eine searchform.php mit folgendem Inhalt angelegt:

PHP

<form method="get" id="searchform" 
    action="<?php echo get_option('home'); ?>" >
<label class="hidden" for="s"></label>
<input type="text" name="s" id="s"
    value="Hier Suchtext eingeben..."
    onblur="if (this.value == '') 
    {this.value = '';}"
    onfocus="if (this.value == 'Hier Suchtext eingeben...')
    {this.value = '';}" />
<input type="image" id="searchsubmit" 
    value="<?php echo attribute_escape(__('Search')); ?>"
    src="<?php bloginfo('template_url'); ?>/images/submit.png" />
</form>

Alles anzeigen

Das dazugehörige CSS:

HTML

#searchform {
float: right;
}


#s {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
height: 20px;
width: 180px;
color: #CCCCCC;
background: #EEEEEE;
border: 1px solid #CCCCCC;
font-size: 12px;
padding: 0 0 0 5px;
}


#searchsubmit {
height: 20px;
width: 20px;
}

Alles anzeigen

Das Problem: Das Image für den Submitbutton befindet sich ungewollt immer ca. 10 px über der Suchleiste. Will ich dies korrigieren, so rutscht die ganze Suche incl. Button nach unten. Weiß jemand einen Rat um dieses Problem aus der Welt schaffen zu können?

Siehe Screenshot: http://ubuntuone.com/p/oJE/

masteroffer

Kann mir niemand helfen?? :?

masteroffer

Ich bin gerade dabei ein Wordpress Theme zu schreiben und habe nun ein Problem mit der Sidebar. Die Sidebar ist Widgetfähig und ich schaffe es nicht mit CSS das Make-Up für die Widgets/Sidebar zu vergeben.

Die sidebar.php ist wie folgt aufgebaut:

PHP

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<h2>Suche</h2>
<p>
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
    <input type="submit" id="search_submit" value="Suchen" />
</form>
</p>


<h2>&Uuml;ber diese Website</h2>
<p class="mini_about">
   Lorem ipsum
</p>


<h2>Kategorien</h2>
<ul>
    <?php wp_list_categories('orderby=name&order=ASC&title_li='); ?>
</ul>


<h2>Archiv</h2>
<ul>
    <?php wp_get_archives('type=monthly'); ?>
</ul>


<?php wp_list_bookmarks(); ?>


<?php endif; ?>
</div>

Alles anzeigen

Des weiteren soll die Sidebar immer so lang sein wie auch der Content des daneben befindlichen Artikels ist...

Der momentane Zustand der Sidebar ist hier zu sehen.

masteroffer

Danke, Musik wird jetzt abgespielt, ( Im Firefox, Opera und IE nur bei Google Chrome/Chromium bleibt die Seite stumm) Wie kann nun ein Button in das Theme eingebaut werden, der das Ab und Anschalten des Sounds ermöglicht?

Ist es Möglich das Script mit einem php Code einzuklammern, damit der Sound nur auf einer bestimmten Seite mit einer bestimmten ID abgespielt wird?

masteroffer

Danke für dein Script. Habe es in den Header eingebaut, und die beiden
<xxx>.mp3 durch die Adresse meines Files ersetzt.

So weit so gut.

1. Die Musik wird leider nicht wiedergegeben...

Wie sieht dein CSS zu dem Script aus?

masteroffer

Hat keiner eine Lösung parat? ;)

masteroffer

Ich benötige eine Funktion mit der im Hintergrund Musik abgespielt wird. Diese sollte über einen Button der via CSS gestaltet wird abgestellt und auch wieder angeschaltet werden. Also quasi ein On Off Button.

Ich google jetzt schon seit zwei Tagen durchs Netz, konnte leider bisher keine Lösung die meinen Vorstellung entsprach finden.
Bisher hatte ich die Musik via:

PHP

<embed src="<?php bloginfo('template_url'); ?>/media/sample.mp3" width=0 height=0>

eingebunden, was nur eine Notlösung darstellen sollte.

masteroffer

Danke jetzt läufts. An dem / und dem " hat es gelegen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von masteroffer

newsletter abbonieren eintrag in footer ?!

CSS - Dropdown Menü /Unterseiten

CSS - Dropdown Menü /Unterseiten

CSS - Dropdown Menü /Unterseiten

jQuery Drop Down Menü Navigation erstellen/hilfe

jQuery Drop Down Menü Navigation erstellen/hilfe

jQuery Drop Down Menü Navigation erstellen/hilfe

Pages und Subpages (Drop Down) in Navi

Pages und Subpages (Drop Down) in Navi

Pages und Subpages (Drop Down) in Navi

jQuery Drop Down Menü Navigation erstellen/hilfe

submitbutton: suche formatieren nicht möglich.

submitbutton: suche formatieren nicht möglich.

Widgetfähige Sidebar CSS Problem

Widgetfähige Sidebar CSS Problem

Hintergrundmusik - On/Off Button

Hintergrundmusik - On/Off Button

Hintergrundmusik - On/Off Button

Hintergrundmusik - On/Off Button

body hintergrundbild einfügen klappt nicht