Beiträge von irenehofer

irenehofer

alchymyth: danke für deine antwort. die zweite variante scheint mir eine gute lösung zu sein, aber das problem ist hier nun wieder, dass die grafik nicht angezeigt wird. auch hier habe ich das ganze mit farben ausprobiert, was funktioniert. hier meine codes:

PHP

<body <?php body_class('blau'); ?>>

PHP

<body <?php body_class('pink'); ?>>

im PHP sowie

Code

body.blau {
  background-image:url(images/textur.jpg);
  }
  
 body.pink {
  background-color:#00FF00;
  }

im CSS.

irenehofer

funktioniert das auch, den ich den Hintergrund des Bodys definieren möchte?

irenehofer

Hallo zusammen

Ich versuche gerade eine Wordpress-Seite umzusetzen mit verschiedenen Templates. Die konnte ich eigentlich schon so anlegen wie ich gerne möchte und habe sie im Backend auch den verschiedenen Seiten zugeordnet.

Nun möchte ich der Startseite (index.php) und den weiteren Seiten andere Hintergrundbilder zuweisen. Dazu habe ich im style.css den background im body herausgenommen und wollte so:

Code

<style>
body {
    background-image:url(images/textur.jpg);
    }
</style>

im index.php (und weiter dann auch für die anderen Seiten) den Hintergrund festlegen. Nun funktioniert das aber nicht so ganz. Ich habe es mit Farben ausprobiert, dies geht. Ausserdem habe ich auch das ganze Verzeichnis angegeben (url:(wp-content/themes/MEINTHEME/images/textur.jpg)) was leider auch nicht hilft. Wenn ich es so belasse zeigt es einfach einen weissen Hintergrund an. Wie muss ich das Verzeichnis angeben, dass der Hintergrund angezeigt wird? (Die Datei ist natürlich schon hochgeladen worden).

Danke!

irenehofer

Danke für die Antwort. Die Dateien sind ziemlich gleich gross. Das mit dem Umbenennen in PDF habe ich probiert und so funktioniert der Upload...

irenehofer

Ich versuche, über Wordpress ein paar Files hochzuladen. Dazu habe ich jeweils die gleiche Datei als JPG und als EPS. JPG funktioniert einwandfrei (auch PDF) aber wenn ich versuche, ein EPS hochzuladen, kommt jeweils eine HTTP Fehlermeldung (oder bei Browser- statt Flashupload: Error saving media attachment). Woran könnte das liegen?

irenehofer

Ok danke für den Hinweis. Dann werde ich ein passendes Plugin suchen :)

irenehofer

Hi. Danke für deine Antwort! Die Slideshow sollte aber oben im Header angezeigt werden. Und ich möchte die Bilder nicht aus flickr o.ä. importieren sondern immer die gleichen, ca. 5 Stück verwenden. Muss ich das nicht direkt im Template definieren?

irenehofer

Ich möchte in meinem Template eine kleine Sideshow einrichten. Diese sollte auf jeder Seite erscheinen. Es soll ganz einfach sein, ich habe ein paar bilder mit runden ecken und diese sollen alle paar Sekunden wechseln (ich dachte an ein Fade-Out o.ä.). Wie kann ich das am besten lösen?

irenehofer

Ich bin auf der Suche nach einer Lösung für ein firmeninternes Netzwerk (Intranet). Darauf vorhanden sein sollte ein Blog, weitere Seiten sowie ein Mitarbeiterverzeichnis. Wie soll dies am besten gelöst werden? Die Mitarbeiter sollen sich dann auch alle über einen Login anmelden können (alle Seiten wären passwortgeschützt). Wo soll am besten ein solches Verzeichnis angelegt werden? Wäre hier Buddypress allenfalls hilfreich?

irenehofer

Mit Pseudoklasse meinst du beispielsweise .current_page_item ?
Ich hab's allerdings auch schon versucht mit

Code

#nav ul li ul li a {
background:none;
}

hat trotzdem nicht geklappt...

irenehofer

Auf dieser Seite verwende ich ein Drop Down Menu, bei welchem die Unterseiten in aktivem Zustand immer zu sehen sind. Die Hauptmenüpunkte erhalten im aktiven Zustand einen Hintergrund (die blaue Linie). Nun habe ich das Problem, dass der Internet Explorer diesen Hintergrund auch bei den Unterpunkten anzeigt, was ich aber nicht möchte.

Hier das CSS:

Code

/*------------------------- START  Navigation---------------------------------*/ 
 
    
/*Main Navbar */ 
#nav { 
   float:left; 
   padding-left:30px; 
   padding-top:15px; 
} 
#nav ul { 
   margin:0; 
   display:block; 
   list-style:none; 
} 
#nav a { 
   display:block; 
   color:#024d7c; 
   text-decoration:none; 
   height:23px; 
} 
#nav a:visited { 
   color:#024d7c; 
} 
#nav a:hover { 
   color:#3ec7e4; 
   text-decoration:none; 
} 
/* ebene 1 */ 
#nav li { 
   position:relative; 
    height:40px; 
    float:left; 
   display:block; 
} 
#nav li a { 
   display:block; 
   font-size:1.3em; 
   float:left; 
   padding:0 22px 0 22px; 
   margin:0 2px 0 2px; 
} 
/* ebene 1 aktives element + hover */ 
#nav li:hover a, 
#nav li.current_page_item a, 
#nav li.current_page_ancestor a  { 
   color:#024d7c; 
   background-image:url(images/rl_linie.png); 
   background-position:center; 
   background-repeat:no-repeat; 
}  
 
/* ebene 2 */ 
#nav li ul { 
   position:absolute; 
   left:0; 
   top:30px; 
   padding:0; 
   height:auto; 
   width:auto; 
   display:none; 
} 
/* ebene 2 submenu li */ 
#nav li li { 
   height:15px; 
   width:auto; 
   font-size:0.8em; 
   float:none; 
} 
#nav li li a { 
   height:auto; 
} 
/* kein background für ebene 2 a */ 
#nav li:hover li a, 
#nav li.current_page_item li a { 
   background:none; 
   color:#024d7c; 
} 
#nav li:hover li a:hover, 
#nav li.current_page_item li a:hover, 
#nav li.current_page_item li.current_page_item  a { 
   color:#3ec7e4; 
} 
/* ebene 2 hover + aktives submenu */ 
#nav li:hover ul, 
#nav li.current_page_item ul, 
#nav li.current_page_parent ul { 
   display:block; 
}  
 
/*----------------------- ENDE Navigation -----------------------*/

Alles anzeigen

irenehofer

Für meine Wordpress-Seite funktioniert im Firefox und Safari mittlerweile alles so, wie es sollte. Einzig der Internet Explorer macht noch einige Probleme.

Die Navigation funktioniert über ein Drop Down. Wenn eine Seite angewählt wurde, blieben die weiteren dazugehörigen Punkte stehen Webseite

Der Explorer bringt nun alles durcheinander. Es wird noch die Hintergrund-Grafik angezeigt (was natürlich nicht sein sollte) und die ganze Navigation schiebt es zu weit nach rechts.

Hier das CSS:

Code

#nav {
    text-align:left;
    float:left;
    padding-left:30px;
    padding-top:15px;
    }
    
#nav ul {
    margin:0;
    display:block;
    list-style:none;
    }


#nav ul li a {
    color:#024d7c;
    font-size:1.3em;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin: 0 2px 0 2px;
    display:block;
    text-decoration:none;
    }


#nav li {
    height:40px;
   float: left;
   list-style: none;
   }
    
#nav ul li.current_page_item a, #nav ul li.current_page_ancestor a {
    color:#024d7c;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin:0 2px 0 2px;
    display:block;
    text-decoration:none;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    }


#nav li:hover {
    color:#024d7c;
    float:left;
    height:23px;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    text-decoration:none;
    }


#nav a, #nav a:visited {
    height:23px;
    display: block;
    color: #024d7c;
    text-decoration:none;
        }


#nav li.current_page_ancestor ul {
    left:auto;
} 
    
    
/* Dropdown Menus */    


        
#nav li ul {
    float:left;
    margin-top:30px;
    margin-left:15px;
    position: absolute;
    left: -999em;
    padding: 0px;
    height: auto;
    width: 174px;
    list-style:none;
    font-size:0.8em;
    }


#nav li li, #nav li li a, #nav li li:hover, #nav li li a:visited, #nav li li a:active {
    height:15px;
    width:172px;
    background-image:none;
    list-style:none;
    padding-left:10px;
} 




#nav li li a, #nav li li a:visited {
    background-image:none;
    display:block;
    text-decoration:none;
    color:#3ec7f4;
    margin:0;
    padding:0;
    }


#nav li li a:hover, #nav li li a:active {
    background-image:none;
    text-decoration:none;
    color:#024d7c;
    }    
    
    
#nav li li.current_page_item a {
    color:#024d7c;
    text-decoration:none;
    margin:0;
    padding:0;
    background:none;
    }
        
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    }


a.main:hover {
    background:none;
    }

Alles anzeigen

irenehofer

Vielen Dank für deine Hilfe. Ich habe es nun mit einem float:left hinbekommen. Allerdings reiht er jetzt alle Navigationspunkte aneinander - trotz des display:block. Woran mag das liegen? Hier das CSS zur Unternavigation:

(Link)

Code

#menu .unternav {
    float:left;
    clear:both;
    margin-left:130px;
    margin-top:10px;
    font-size:0.8em;
    }




#menu .unternav li {
    height:15px;
    }


#menu .unternav a {
    display:block;
    text-decoration:none;
    color:#3ec7f4;
    margin:0;
    padding:0;
    }
    
#menu .unternav a:hover {
    text-decoration:none;
    color:#024d7c;
    background:none;
    }
    


#menu .unternav .page-item-15,
#menu .unternav .page-item-17,
#menu .unternav .page-item-19
    {
    margin-left:100px;
    }
    
    
#menu .unternav .page-item-21 {
    margin-left:205px;
    }
    
#menu .unternav .page-item-23 {
    margin-left:290px;
    }
    


#menu ul.unternav li.current_page_item a {
    color:#024d7c;
    background:none;
    margin:0;
    padding:0;
    }

Alles anzeigen

irenehofer

Meine Wordpress-Seite funktioniert im Firefox mittlerweile einwandfrei. Im Internet Explorer (und auch im Safari) habe ich allerdings das Problem, dass die Unterseiten verschwinden (diese sollen bei aktiver Hauptseite eingeblendet werden). >> Webseite

Hier der php Code:

PHP

<div id="menu">
    <ul>
        <li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Startseite">Startseite</a>
        </li>
        <?php wp_list_pages('title_li=&depth=1'); ?>
    </ul>


    <?php
    if($post->post_parent)
    $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
    else
    $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");


    if ($children) { ?>
    <ul class="unternav">
        <?php echo $children; ?>
    </ul>
    <?php } ?> 
    
</div>

Alles anzeigen

Und CSS:

Code

#menu {
    float:left;
    padding-left:30px;
    padding-top:15px;
    }


#menu ul{
    margin:0px;
    display:block;
    list-style:none;
}
#menu ul li{
    float:left;
}
#menu ul li a {
    color:#024d7c;
    font-size:1.3em;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin:0 2px 0 2px;
    display:block;
    text-decoration:none;
}
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a {
    color:#024d7c;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin:0 2px 0 2px;
    display:block;
    text-decoration:none;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    }


#menu ul li a:hover{
    color:#024d7c;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    text-decoration:none;
    }
    
#menu ul li ul li {
    font-size:0.8em;
    }




#menu ul li ul li a {
    color:#3ec7f4;
    background-image:none;
    padding:0;
    }
    
#menu ul li ul li a:hover {
    color:#3ec7f4;
    background-image:none;
    text-decoration:underline;
    }


#menu .unternav {
    margin-left:130px;
    margin-top:10px;
    font-size:0.8em;
    list-style-type:disc;
    display:table-caption;
    }
    
#menu .unternav li {
    height:15px;
    }


    
#menu .unternav a {
    text-decoration:none;
    color:#3ec7f4;
    margin:0;
    padding:0;
    }
    
#menu .unternav a:hover {
    text-decoration:none;
    color:#024d7c;
    background:none;
    }
    


#menu .unternav .page-item-15,
#menu .unternav .page-item-17,
#menu .unternav .page-item-19
    {
    margin-left:100px;
    }
    
    
#menu .unternav .page-item-21 {
    margin-left:205px;
    }
    
#menu .unternav .page-item-23 {
    margin-left:290px;
    }
    


#menu ul.unternav li.current_page_item a {
    color:#024d7c;
    background:none;
    margin:0;
    padding:0;
    }

Alles anzeigen

Vielen Dank für die Hilfe!

irenehofer

ach so einfach ist das :) vielen dank!

irenehofer

Hauptpunkt auch bei offener Unterseite noch aktiv

Nun habe ich noch das Problem zu lösen, dass der Hauptmenüpunkt auch bei einer aktiven Unterseite noch das Attribut current_page_item verwendet. Wie funktioniert das? Folgendes zum Code:

PHP

<div id="menu">
    <ul>
        <li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Startseite">Startseite</a>
        </li>
        <?php wp_list_pages('title_li=&depth=1'); ?>
    </ul>


    <?php
    if($post->post_parent)
    $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
    else
    $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");


    if ($children) { ?>
    <ul class="unternav">
        <?php echo $children; ?>
    </ul>
    <?php } ?> 
    
</div>

Alles anzeigen

und im CSS:

Code

#menu {
    float:left;
    padding-left:30px;
    padding-top:15px;
    }


#menu ul{
    margin:0px;
    display:block;
    list-style:none;
}
#menu ul li{
    float:left;
}
#menu ul li a {
    color:#024d7c;
    font-size:1.3em;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin:0 2px 0 2px;
    display:block;
    text-decoration:none;
}
#menu ul li.current_page_item a{
    color:#024d7c;
    float:left;
    height:23px;
    padding:0 22px 0 22px;
    margin:0 2px 0 2px;
    display:block;
    text-decoration:none;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    }


#menu ul li a:hover{
    color:#024d7c;
    background-image:url(images/rl_linie.png);
    background-position:center;
    background-repeat:no-repeat;
    }
    
#menu ul li ul li {
    font-size:0.8em;
    }




#menu ul li ul li a {
    color:#3ec7f4;
    background-image:none;
    padding:0;
    }
    
#menu ul li ul li a:hover {
    color:#3ec7f4;
    background-image:none;
    text-decoration:underline;
    }


/*----------------------- Unternavigation -----------------------*/


#menu .unternav {
    margin-left:130px;
    margin-top:10px;
    font-size:0.8em;
    list-style-type:disc;
    display:table-caption;
    }
    
#menu .unternav li {
    height:15px;
    }


    
#menu .unternav a {
    text-decoration:none;
    color:#3ec7f4;
    margin:0;
    padding:0;
    }
    
#menu .unternav a:hover {
    text-decoration:none;
    color:#024d7c;
    background:none;
    }
    


#menu .unternav .page-item-17,
#menu .unternav .page-item-19,
#menu .unternav .page-item-21  {
    margin-left:100px;
    }
    
#menu .unternav .page-item-23 {
    margin-left:205px;
    }
    


#menu ul.unternav li.current_page_item a {
    color:#024d7c;
    background:none;
    margin:0;
    padding:0;
    }

Alles anzeigen

irenehofer

Mich würde interssieren, wie man bei einer aktiven Unterseite auch die dazugehörige Hauptseite noch mit der aktiven CSS-Beschreibung definieren kann.

Konkret folgendes:
http://roger.irene-hofer.ch

Bei einer aktivierten Unterseite soll darüber noch immer der blaue Streifen vorhanden sein. Wie kriege ich dies hin?

irenehofer

Ich habs lösen können, zwar auf andere Art und Weise, aber danke dir trotzdem für deine Hilfe!

irenehofer

also bis jetz habe ich folgenden code für die navigation:

PHP

<div class="menu">
                <ul>
                    <li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Startseite">Startseite</a></li>
                    <?php wp_list_pages('title_li=') ?>
                </ul>
            </div>

und wo müsste ich deinen code einsetzen?

irenehofer

danke schonmal, aber irgendwas stimmt nicht. jetzt wird gar nichts mehr angezeigt.. navigation fehlt, aber keine fehlermeldung.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von irenehofer

Theme mit verschiedenen Templates

Theme mit verschiedenen Templates

Theme mit verschiedenen Templates

HTTP Fehler bei EPS Upload

HTTP Fehler bei EPS Upload

Slide Show

Slide Show

Slide Show

Wordpress als Intranet

IE Problem mit Navigation

IE Problem mit Navigation

Internet Explorer Drop Down Problem

Unterseiten verschwinden im Internet Explorer

Unterseiten verschwinden im Internet Explorer

Horizontale Navigation mit Unterseiten

Horizontale Navigation mit Unterseiten

current navigation highlighting

Horizontale Navigation mit Unterseiten

Horizontale Navigation mit Unterseiten

Horizontale Navigation mit Unterseiten