Nivo Slider BBCode

Alle Themen in diesem Bereich (Kategorie) werden alphabetisch sortiert angezeigt!

Nivo Slider BBCode

Beitragvon Nashra » Di 23. Okt 2012, 20:09

Name: Nashra
Version: 0.2.0
Beschreibung: hiermit kann der Nivo Slider auch in Postings genutzt werden
phpBB Version: all
Download: Nivo Slider v1.0.0
Demo: Nivo Slider ohne Bildnamen
Demo: Nivo Slider mit Bildnamen

Öffne: styles/prosilver/template/overall_header.html
Finde Dies kann auch nur ein Teil einer ganzen Zeile sein
Code: Alles auswählen
</head>

Davor einfügen In einer neuen leeren Zeile davor einfügen
Code: Alles auswählen
<script type="text/javascript">
// <![CDATA[ 
!window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery.js"><\/script>');
// ]]> 
</script>
<link rel="stylesheet" href="{ROOT_PATH}nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{ROOT_PATH}nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{ROOT_PATH}nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{ROOT_PATH}nivo-slider/nivo-slider.css" type="text/css" / -->
<script type="text/javascript" src="{ROOT_PATH}nivo-slider/jquery.nivo.slider.pack.js"></script>

Nun legen wir die BBCodes an...

BBCode:  
Code: Alles auswählen
[nivo_container={NUMBER1}|{NUMBER2}]{TEXT}[/nivo_container

HTML:  
Code: Alles auswählen
<div class="slider-wrapper theme-default"><div class="ribbon"></div><div class="slider" class="nivoSlider" style="width:{NUMBER1}px;height:{NUMBER2}px;">{TEXT}</div></div>
<
script type="text/javascript">
// <![CDATA[
$(window).load(function() {
$(
'.slider').nivoSlider({
effect: 'random',
animSpeed: 500,
pauseTime: 3000,
});
});
// ]]>
</script>
Weitere Optionen zur Steuerung findet man HIER


Tipp-Anzeige:  
Code: Alles auswählen
[nivo_container={width}|{height}] [nivo_img=Bildname]Bild Link[/nivo_img] [/nivo_container]

Für die Anzeige ohne Bildnamen diesen Code anlegen:
BBCode:  
Code: Alles auswählen
[nivo_img_ob]{URL}[/nivo_img_ob]

HTML:  
Code: Alles auswählen
<img src="{URL}" alt="" /> 

Tipp-Anzeige:  
Code: Alles auswählen
[nivo_img_ob]Bild Link[/nivo_img_ob


Für die Anzeige des Bildnamens diesen Code anlegen:
BBCode:  
Code: Alles auswählen
[nivo_img_mb={SIMPLETEXT}]{URL}[/nivo_img_mb

HTML:  
Code: Alles auswählen
<img src="{URL}" title="{SIMPLETEXT}" alt="" /> 

Tipp-Anzeige:  
Code: Alles auswählen
[nivo_img_mb=Bildname]Bild Link[nivo_img_mb
Nashra
Kein Support per PN/E-Mail usw.
Allround-phpBB.de
Benutzeravatar
Nashra
Administrator
Beiträge: 1319
Themen: 163
Registriert: 11.10.2012
Wohnort: Wankum
Danke gegeben: 13
Danke bekommen:
115 mal in 93 Beiträgen
Vorname: Ralf
phpBB.de: FRvN
phpBB.com: Nashra

Verschoben von Video BBCodes nach BBCodes allgemein durch Nashra am Fr 26. Okt 2012, 16:27.
folgende User möchten sich bei Nashra bedanken: [Bedankungen anzeigen]

Zurück zu BBCodes allgemein



Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast


x-Achse: 0
y-Achse: 0
cron