pmx-blank inklusive Slideshow im Header

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[Sportangler]

Hallo,

ich würde gerne das neue Theme pmx-blank von pragmamx 1.12 mit einer Slideshow im Header ausstatten.
Ähnlich diesem Theme http://pragma-themes.de/Downloads-PT-Syncronized-view-71.html
Hat jemand eine Idee bzw. Lösung?

 

[comedi]

Hoi Sportangler,  

wenn du so wie hier meinst, dann lade dir zuerst hier den Download herunter.

Lege dir pmx-blank im folgendes Verzeichnis an: themes/pmx-blank/js

Lade aus dem Download jquery.nivo.slider.pack.js und jquery.nivo.slider.js in dieses Verzeichnis.

Erstelle die Datei slider.theme.js mit folgendem Inhalt:

Code: [Select]  

// JavaScript Document      

$(window).load(function() {
$('#slider').nivoSlider();
        });

und lade die auch in das Verzeichnis.



Lade aus dem Download den Ordner themes mit seinen drei Unterordnern in themes/pmx-blank.
Dort musst du aber noch in der thmes/pmx-blank/themes/default/default.css folgende stellen suchen und löschen bzw. auskommentieren.

Code: [Select]  

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}

und in Zeile 39

Code: [Select]  

background:url(bullets.png) no-repeat;

auskommentieren.

In der themes/pmx-blank/theme.html füge hinter

Code: [Select]  

<!-- //main-nav -->

 diesen Code ein

Code: [Select]  

     <!-- Slideshow -->
      <div id="slideshow" class="box-12-expand">
        <div class="slider-wrapper theme-default">
          <div class="ribbon"></div>
              <div id="slider" class="nivoSlider">
                  <img src="images/xxxxxxxxxxxxxxxx.jpg" alt="" />
                  <img src="images/xxxxxxxxxxxxxxxx.jpg" alt="" />
                  <img src="images/xxxxxxxxxxxxxxxx.jpg" alt="" />
                  <img src="images/xxxxxxxxxxxxxxxx.jpg" alt="" />
              </div>
          </div>
       </div>
      <!-- //Slideshow -->

Suche in der Datei nivo-slider.css

Code: [Select]  

.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}

und lösche diesen Teil und lade dann die Datei in themes/pmx-blank/style


Nun noch die themes/pmx-blank/style/style.css, füge am Ende dort folgendes ein:

Code: [Select]  

/* style Slideshow */
#slideshow {
margin: auto;
}

.theme-default #slider {
    margin:10px auto 0 auto;
    width:1120px; /* Make sure your images are the same size */
    height:200px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:3px;
}

Ich habe bei mir das Theme schon auf 1120px angepasst. Das musst du natürlich für dich anpassen.


Zum schluss noch in der includes/my-header.php folgendes einfügen:

Code: [Select]  

echo '<link rel="stylesheet" type="text/css" href="themes/pmx-blank/style/nivo-slider.css" /> ';
echo '<link rel="stylesheet" type="text/css" href="themes/pmx-blank/themes/default/default.css" /> ';
echo '<link rel="stylesheet" type="text/css" href="themes/pmx-blank/themes/pascal/pascal.css" /> ';
echo '<link rel="stylesheet" type="text/css" href="themes/pmx-blank/themes/orman/orman.css" /> ';

echo '<script type="text/javascript" src="themes/pmx-blank/js/jquery.nivo.slider.pack.js"></script> ';
echo '<script type="text/javascript" src="themes/pmx-blank/js/slider.theme.js"></script> ';

Jetzt sollte es laufen. Hoffe ich habe nichts vergessen.  

[Sportangler]

Hallo comedi,

vielen Dank für deine Hilfe! 

Es funktioniert fast...
Leider, ähnlich wie bei dem Theme Mx-Larisa geht der Slider nur wenn man als Admin angemeldet ist. Nach dem Ausloggen, also als Gast zeigt es nichts an im Slider außer den "Lade Kreis".
Hast du eine Idee weshalb? Evtl. Rechtevergabe? Bzw. HTML-Darstellungsmodus (DOCTYPE)?

Kann der Hintergrund eigentlich auch abgeändert werden?

Vielen Dank im Voraus.

 

[comedi]

Moin Sportangler, 

Schau mal im Firebug, ob die Scripte im Header eingebunden sind und was im Quelltext an der Stelle steht wo der Slider sein soll.

Hast du die jquery-1.6.1.min aus dem Downloadpaket auch installiert? Wenn ja, Lösche diese wieder.

Kann der Hintergrund eigentlich auch abgeändert werden?

Klar, dazu musst du dir die einzelnen "Boxen" anschauen.

 

[Sportangler]

Mmh, ich versteh es echt nicht...

Es geht nur wenn man als User oder Admin eingeloggt ist.
Ist man als Gast, funktioniert es nicht außer bei dem Modul Newsletter ?!?

Komisch, bitte Hilfe.

[comedi]

Hast du mal einen Link zur Seite.

[comedi]

Hoi Sportangler,  

lösche mal alles aus der includes/my_heder.php wieder raus und suche in der themes/pmx-blank/theme.functions.php, function theme_header() diese Stelle:

default:
            pmxHeader::add_style(MX_THEME_DIR . '/style/layout.fixed.css');

und gebe direkt dahinter folgendes ein:

Code: [Select]  

/* Nivo Slider  */
/* jQuery laden und die Scripte */
pmxHeader::add_jquery();
pmxHeader::add_script(MX_THEME_DIR . '/js/jquery.nivo.slider.pack.js');
pmxHeader::add_script(MX_THEME_DIR . '/js/jquery.nivo.slider.js');
pmxHeader::add_script(MX_THEME_DIR . '/js/slider.theme.js');
/*  Stylesheet für den Slider */
pmxHeader::add_style(MX_THEME_DIR . '/style/nivo-slider.css');
pmxHeader::add_style(MX_THEME_DIR . '/themes/default/default.css');
pmxHeader::add_style(MX_THEME_DIR . '/themes/pascal/pascal.css');
pmxHeader::add_style(MX_THEME_DIR . '/themes/orman/orman.css');

[Sportangler]

Hallo comedi,

super! Vielen Dank, nun funktioniert es...

Bei dem Theme Mx-Larisa hatte ich das gleiche Problem, könnte ich das auch durch das beheben?

 

[comedi]

Hoi Sportangler, 

das ist schön. 

Bei dem Theme Mx-Larisa hatte ich das gleiche Problem, könnte ich das auch durch das beheben?

Wahrscheinlich schon.

[Sportangler]

Hallo comedi,

ich hätte da noch eine Frage:

- Bei mir gehen beim pmx-blank Theme die externen Links im Menü nicht. Also wenn ich Zielfenster _blank eingebe, öffnet sich kein neues Fenster?

- Bezüglich Hintergrund ändern, kannst du mir dies bitte genauer erklären?

Vielen Dank im Voraus.

 

[comedi]

Hoi Sportangler, 

- Bei mir gehen beim pmx-blank Theme die externen Links im Menü nicht. Also wenn ich Zielfenster _blank eingebe, öffnet sich kein neues Fenster?

Ist das nur bei dem Theme oder dann auch bei allen Themen so? Habe es eben probiert und bei mir funzt das.

- Bezüglich Hintergrund ändern, kannst du mir dies bitte genauer erklären?

Ich glaube das findest du hier zum vergleichen und anschauen, eine Klasse Vorlage. Bestimmt besser wie ich das erklären kann.


@TerraProject:  Supi dein Themeanpassung