Spielt Overwatch vom 22.-25. September kostenlos auf PC, PlayStation 4® und Xbox One

Hallo, Gast! Anmelden Registrieren

Nachricht verbergen
Lieber Besucher, herzlich willkommen auf marked-for-death.de Falls dies dein erster Besuch auf dieser Seite ist, lies dir bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert.
Darüber hinaus solltest du dich registrieren (natürlich Kostenlos), um alle Funktionen dieser Seite nutzen zu können.


Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Multimedia Box
#1
Der Artikel besteht aus 641 Wörtern. Geschätzte Lesezeit: 2 Minuten, 33 Sekunden

Erkan aus dem MYBB Forum hat die Frage gestellt nach einer Multimedia Box.

Hier nochmal meine Anleitung aus dem MYBB Forum:

Öffne im ACP das Globale Templates und erstelle eine neues Template.

Mit dem Namen: multimedia_box



Code:
<style type="text/css">
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="./coin-slider.min.js" type="text/javascript"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      $('#coin-slider').coinslider({ width: 560, height: 315, navigation: false, delay: 5000 });
    });
  </script>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
  <tr>
      <td class="thead" colspan="2"><strong>Multimedia Box</strong></td>
  </tr>
  <tr>
      <td width="50%" class="trow1" valign="top" align="center">
<object width="560" height="315">
<param name="movie" value="https://www.youtube.com/v/I4tFNfROlqk?hl=de_DE&vq=hd720&amp;version=3&amp;rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="https://www.youtube.com/v/I4tFNfROlqk?hl=de_DE&vq=hd720&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
      </td>
      <td width="50%" class="trow1" valign="top" align="center">
<div id='coin-slider'>
<!-- Slider 1 Start -->
<a href="img01_url" target="_blank"><img src='uploads/multimediabox/helene001.jpg' >
       <span>
         Description for img01
       </span>
</a>
<!-- Slider 1 Ende -->
<!-- Slider 2 Start -->
<a href="img01_url" target="_blank"><img src='uploads/multimediabox/helene002.jpg' >
       <span>
         Description for img01
       </span>
</a>
<!-- Slider 2 Ende -->
</div>
      </td>
  </tr>
</table><br />


Die benötigen JS Datei hier laden: http://workshop.rs/2010/04/coin-slider-i...ue-effects

Aus dem Paket wird nur die coin-slider.min.js benötigt diese ladet ihr in euer Rootverzeichnis hoch.

Im Template Index Page Templates->index trägt Ihr diese Variable:

Code:
{$multimedia_box}

vor


Code:
{$forums}


ein, oder an anderer Stelle im index Template.

Öffne nun die index.php und Suche nach:

PHP-Code:
eval('$index = "'.$templates->get('index').'";'); 

füge DARÜBER ein:

PHP-Code:
eval('$multimedia_box = "'.$templates->get('multimedia_box').'";'); 

erstellt nun im Ordner uploads den Ordner multimediabox und ladet dort eure Bilder hoch.

Sollte dann so aussehen:
   
Zum Vergrößern bitte anklicken!

Handhabung:

Youtube Filmchen ändern suche 2 mal im Template multimedia_boxx nach: youtube.com/v/I4tFNfROlqk? und ändere den Rot Markierten Teil.


Slider weitere Optionen zum Ausbau:

   spw: 7, // squares per width
   sph: 5, // squares per height
   sDelay: 30, // delay beetwen squares in ms
   opacity: 0.7, // opacity of title and navigation
   titleSpeed: 500, // speed of title appereance in ms
   effect: '', // random, swirl, rain, straight
   navigation: true, // prev next and buttons
   links : true, // show images as links
   hoverPause: true // pause on hover

Eine weitere Funktion hinzufügen suche im Template multimedia_box nach:

navigation: false, füge dahinter z.B.: ein hoverPause: true,
Durchschnittliche Nährwerte dieses Posts:
Brennwert: 2192kJ/526kcal | Eiweiß: 5,1g | Kohlenhydrate: 50,9g - davon Zucker 47,2g | Fett: 33,5g - davon gesättigte Fettsäuren: 18,6g | Ballaststoffe: 6,8g 
Enthält Spuren von Nüssen und Spam.




Zitieren




Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste