BBcode voor in een forum

[GoReTeX]

Hallo allemaal,

ik heb een vraagje over BBCode die HTML vervangt voor op een forum.
Ik wil gebruikers op mijn forum de mogelijkheid geven om een filmpje van YouTube embed te bekijken, dus dat de speler zichtbaar is in het forum zelf.

Nu heb ik op het internet al wat HTML code ervan gevonden, wanneer ik dat probeer om te zetten zodat je er op het forum alleen nog maar [...]voorbeeld[/...] omheen hoeft te zetten, dan werkt het niet.

Weet iemand de precieze code hiervoor zodat ik deze kan invoeren op mijn forum?
Of kan iemand uitleggen hoe dit precies in zijn werk gaat?

Alvast bedankt.

 

[Tha Devil]

Wat dacht je van het verklappen welke forum-software je gebruikt?

Voor Invision Pro Board (IPB) heb je iets aan deze thread.

 

[GoReTeX]

Wel handig inderdaad

VBulletin

 

[Tha Devil]

Je zou deze pagina door kunnen nemen.

Op zich spreekt het aardig voor zich...

Title: YouTube
Tag: youtube
Replacement:

<object width="425" height="350">
 <param name="movie" value="http://www.youtube.com/v/{param}"></param>
 <param name="wmode" value="transparent"></param>
 <embed src="http://www.youtube.com/v/{param}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>

Example: [youtube]VIDEO ID[/youtube]
Description: Use this to embed a YouTube video

 

[GoReTeX]

Thanks voor je hulp, werkt perfect! :thumb:

 

[GoReTeX]

Devil,

weet jij toevallig ook hoe ik de code voor een Photobucket slideshow kan toevoegen?
Kom er niet uit.....

Op dezelfde manier als YouTube en dan het ID invoeren werkt maar voor 1 filmpje

 

[Tha Devil]

Zou het niet weten maar kan er altijd achter komen

Title: Photobucket Slideshow
Tag: photobucket
Replacement:

<div style="width:480px; text-align: center;">
 <embed type="application/x-shockwave-flash" wmode="transparent" src="{param}" height="360" width="480"></embed>
 <a href="http://photobucket.com" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_logo.gif" style="float:left;border-width: 0;" >
 </a>
 <a href="{param}" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_viewshow.gif" style="float:right;border-width: 0;" >
 </a>
 <a href="http://photobucket.com/redirect/album?action=slideshow" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_getyourown.gif" style="float:right;border-width: 0;" >
 </a>
</div>

Example:[photobucket]DIRECT LINK[/photobucket]
Description: Use this to embed a Photobucket Slideshow

Je kopieert dus de inhoud uit het veld Direct Link - Layout Pages en zet die tussen de tags

 

[GoReTeX]

Zou het niet weten maar kan er altijd achter komen

Title: Photobucket Slideshow
Tag: photobucket
Replacement:

<div style="width:480px; text-align: center;">
 <embed type="application/x-shockwave-flash" wmode="transparent" src="{param}" height="360" width="480"></embed>
 <a href="http://photobucket.com" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_logo.gif" style="float:left;border-width: 0;" >
 </a>
 <a href="{param}" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_viewshow.gif" style="float:right;border-width: 0;" >
 </a>
 <a href="http://photobucket.com/redirect/album?action=slideshow" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_getyourown.gif" style="float:right;border-width: 0;" >
 </a>
</div>

Example:[photobucket]DIRECT LINK[/photobucket]
Description: Use this to embed a Photobucket Slideshow

Je kopieert dus de inhoud uit het veld Direct Link - Layout Pages en zet die tussen de tags

Thanks Devil, zo had ik hem dus ook geprobeerd, maar dan laat ie alleen het kader van Photobucket, maar speelt de slideshow niet af......... deze blijft leeg

Vandaar dat ik het nog even aan je vroeg..... maar op deze manier werkt ie niet goed.

Heb de Direct Link tussen de haakjes gezet....

 

[Tha Devil]

Heb je een link naar een slideshow voor mij? Dan kan ik even wat testen

 

[GoReTeX]

Je hebt mail

 

[Tha Devil]

Erg handig van Photobucket...

De directe links beginnen met een s terwijl de links in de slideshow met een w beginnen...

De enige "handige" manier die ik kan bedenken is deze


Title: Photobucket Slideshow
Tag: photobucket
Replacement:

<div style="width:480px; text-align: center;">
 <embed type="application/x-shockwave-flash" wmode="transparent" src="http"//{option}.photobucket.com/pbwidget.swf?pbwurl={param}" height="360" width="480"></embed>
 <a href="http://photobucket.com" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_logo.gif" style="float:left;border-width: 0;" >
 </a>
 <a href="{param}" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_viewshow.gif" style="float:right;border-width: 0;" >
 </a>
 <a href="http://photobucket.com/redirect/album?action=slideshow" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_getyourown.gif" style="float:right;border-width: 0;" >
 </a>
</div>

Example:[photobucket=w{number after s}]DIRECT LINK where http://s{number} becomes http://w{number}[/photobucket]
Description: Use this to embed a Photobucket Slideshow, make sure you replace s{number} into w{number}.
Use {option}: YES

Ik heb het gevoel dat ik een ruk voorbeeld en omschrijving heb gemaakt dus voel je vrij om die te wijzigen...


Ik zal het even aan de hand van een andere slideshow uitleggen:

Deze slideshow wil je in je bericht hebben.

Je kopieert de DIRECT LINK en vult deze in de tag in

[photobucket]http://s161.photobucket.com/albums/t217/arielsespace/carcassonne%20meet/?action=view&current=1174901809.pbw[/photobucket]

Vervolgens zul je voorin de s161 moeten wijzigen in w161 (De s wordt dus een w)

[photobucket]http://w161.photobucket.com/albums/t217/arielsespace/carcassonne%20meet/?action=view&current=1174901809.pbw[/photobucket]

Als laatste vullen we de begin tag aan met ={w[nummer]} dus:

[photobucket=w161]http://w161.photobucket.com/albums/t217/arielsespace/carcassonne%20meet/?action=view&current=1174901809.pbw[/photobucket]

Het werkt niet zo makkelijk als de youtube tag maar iets beters kan ik er zo niet van maken

 

[GoReTeX]

Beetje omslachtig inderdaad, maar als het werkt wel een goede oplossing.

Ik ga eens even wat testen en dan laat ik even weten of het gelukt is... bedankt alvast voor de hulp :thumb:

 

[Tha Devil]

En? Het gewenste resultaat?

 

[GoReTeX]

En? Het gewenste resultaat?

Het kan ook aan mij liggen natuurlijk, maar als ik de stappen volg zoals ze beschreven staan, dan zie ik wel een venster wanneer ik er met de muis overheen ga.
Dat is de opgegeven afmeting, en de knoppen van Photobucket eronder.

Maar hij laad nog steeds niet de slideshow

 

[Tha Devil]

Ik zie dat er een foutje in is geslopen...

Gebruik deze code voor replacement:

<div style="width:480px; text-align: center;">
 <embed type="application/x-shockwave-flash" wmode="transparent" src="http://{option}.photobucket.com/pbwidget.swf?pbwurl={param}" height="360" width="480"></embed>
 <a href="http://photobucket.com" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_logo.gif" style="float:left;border-width: 0;" >
 </a>
 <a href="{param}" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_viewshow.gif" style="float:right;border-width: 0;" >
 </a>
 <a href="http://photobucket.com/redirect/album?action=slideshow" target="_blank">
  <img src="http://pic.photobucket.com/album/slideshow/wrapper_getyourown.gif" style="float:right;border-width: 0;" >
 </a>
</div>

De eerste http had ik vervolgt met een " in plaats van een :

 

[GoReTeX]

Aaahhh... perfect.... thanks!

Ik zal het vanavond even testen, zit nu nog op mijn werk

 

[GoReTeX]

Werkt nog niet Devil..... hij geeft de volgende foutmeldingen:

-No media nodes in XML
-No widget type found
-invalid XML
-The requested widget failed to load

Best een lastige om te integreren he?

 

[Tha Devil]

Kijk even in de bron van die pagina of de url wel goed is.

Edit: ik merk nu ook al dat de w-url niet juist gaat linken bij de 2e {param}. Je wordt dan doorgestuurd naar een XML-file.

Die DIRECT URL werkt dus niet.

DIRECT URL: http://s19.photobucket.com/albums/b190/Goretexx/?action=view&current=52eaa075.pbw
URL voor slide: http://w19.photobucket.com/pbwidget.swf?pbwurl=http://w19.photobucket.com/albums/b190/Goretexx/52eaa075.pbw"

Je moet dus de DIRECT URL overnemen en dan ?action=view&current= weghalen.

 

[GoReTeX]

Kijk even in de bron van die pagina of de url wel goed is.

Edit: ik merk nu ook al dat de w-url niet juist gaat linken bij de 2e {param}. Je wordt dan doorgestuurd naar een XML-file.

Die DIRECT URL werkt dus niet.

DIRECT URL: http://s19.photobucket.com/albums/b190/Goretexx/?action=view&current=52eaa075.pbw
URL voor slide: http://w19.photobucket.com/pbwidget.swf?pbwurl=http://w19.photobucket.com/albums/b190/Goretexx/52eaa075.pbw"

Je moet dus de DIRECT URL overnemen en dan ?action=view&current= weghalen.

Ja duidelijk...... hoe gek het ook klinkt...... dacht ik ook dat het daar in zat.

Nog iets Devil Weet jij toevallig hoe je een knop kunt toevoegen in de template van Vbulletin... het is we off topic, maar goed...

 

[Tha Devil]

Via de Style Manager kun je templates aanpassen, kwestie van de juiste opzoeken en aanpassen

Je zult eerst dit scherm moeten opzoeken, daar de juiste template opzoeken en klikken op Customize.

Je krijgt dan zo'n scherm en hier kun je dan die knop toevoegen.

Zeker weten doe ik het niet maar als ik de handleiding volg dan moet het zo... (Mocht het nog niet duidelijk zijn, ik heb geen ervaring met VBulletin)