pmx-blank inklusive Slideshow im Header

Begonnen von Sportangler, 03 Oktober 2011, 15:34:46

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

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?

:bye:

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:
// 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.

.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
background:url(bullets.png) no-repeat; auskommentieren.

In der themes/pmx-blank/theme.html füge hinter <!-- //main-nav -->  diesen Code ein

     <!-- 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

.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:
/* 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:
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.  :)
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Sportangler

Hallo comedi,

vielen Dank für deine Hilfe!  :thumbup:

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.

:bye:

comedi

Moin Sportangler,  :morning:

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.


Zitat
Kann der Hintergrund eigentlich auch abgeändert werden?

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

:)
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

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

LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

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:
Zitatdefault:
           pmxHeader::add_style(MX_THEME_DIR . '/style/layout.fixed.css');

und gebe direkt dahinter folgendes ein:

/* 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');
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

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?

:bye:

comedi

Hoi Sportangler,  :)

das ist schön. 

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

Wahrscheinlich schon.
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

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.

:bye:

comedi

Hoi Sportangler,  :)

Zitat- 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.

Zitat- 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  :thumbup:
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de