News of BBCodes

BBCode na lato
Po wysłaniu posta słonko w lewym górnym rogu forum.

Sposób użycia BBCode’a:

Code: Select all

[lato][/lato]

Kod HTML:

Code: Select all

<div id="png">
</div>
<style type="text/css">
#png{
position: absolute;
top: 0px;
left: 0px;
background:url(images/slonko.png) top left no-repeat;
width:250px;
height:250px;
}
*html #png{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/png.png",sizingMethod="crop");
}
</style>

Linia informacyjna:

Code: Select all

umieść w poście kod [lato][/lato]

Przykład:

Code: Select all

[lato][/lato]

Demo: demo

Uwagi:

1. Plik slonko.png należy umieścić w folderze: root/images/
2. (Dla poprawnego wyświetlania w IE użyłem:
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”images/png.png”, sizingMethod=”crop”); – ...

Nazwa BBCode 2Colors Blinking Text
BBCode pozwala na wyświetlenie tekstu (tekstów) z efektem migania w dwóch wybranych przez uzytkownika kolorach. Dodatkowo użytkownik może ustawić częstotliwość migania, dla każdego koloru osobno.

Autor: all4phone (skrypt js znaleziony w internecie i przystosowany do działania tego BBCode'a)

Uwagi: każdy bbcode musi posiadać inny id ({NUMBER1}) !
BBCode działa w przeglądarkach: IE, Opera, FF, Chrome

Sposób użycia BBCode’a:

Code: Select all

[blink={NUMBER1},{COLOR1},{NUMBER2},{COLOR2},{NUMBER3}]{INTTEXT}[/blink]

Kod HTML:
<script type="text/javascript">
// <![CDATA[

function blink(id, color, time, color2, ...

Nazwa BBCode: Welcome BBCode
Opis:Wyświetla dowolne powitania zależnie od pory dnia (można dodać własne), nazwę użytkownika w kolorze grupy do której należy, dowolny tekst zależnie od dnia tygodnia (można dodać własne).
Autor: all4phone (pomysł zaczerpnięty z bbcod'a 4seven: Topic Viewer BBCode oraz dwóch innych: Powitanie BBCode i Teksty zależne od dni tygodnia)

Sposób użycia BBCode’a:

Code: Select all

[welcome][/welcome]

Kod HTML:
<script type="text/javascript">d=new Date();time=d.getHours();if(time>5 && time<=11){document.write("Dzień dobry!");}else if(time>=12 && time<18){document.write("Miłego popołudnia!");}else if(time>=19 && time<=22){document.write("Dobry wieczór!");}else{document.write("Dobrej nocy!");}</script> <strong>{L_TOPIC_VIEWER}</strong>, ...

Sposób użycia BBCode’a

Code: Select all

[screencast={URL}]{SIMPLETEXT}[/screencast]

Kod HTML

Code: Select all

<object width="640" height="360" data="http://content.screencast.com/scplayer.swf" type="application/x-shockwave-flash" class="embeddedObject" id="scPlayer" style="width: 640px; height: 360px;">
   <param value="http://content.screencast.com/scplayer.swf" name="movie">
   <param value="high" name="quality">
   <param value="#FFFFFF" name="bgcolor">
   <param value="thumb={URL}FirstFrame.png&amp;containerwidth=640&amp;containerheight=360&amp;autohide=true&amp;autostart=false&amp;loop=false&amp;showendscreen=true&amp;showsearch=false&amp;showstartscreen=true&amp;tocdoc=left&amp;xmp=sc.xmp&amp;advseek=true&amp;content={URL}{SIMPLETEXT}&amp;blurover=false" name="flashVars">
   <param value="true" name="allowFullScreen">
   <param value="showall" name="scale">
   <param value="always" name="allowScriptAccess">
   <param value="{URL}" name="base">
</object>

Linia informacyjna

Code: Select all

[screencast=adres do katalogu]nazwa_pliku.mp4[/screencast]

Zastosowanie:

Code: Select all

[screencast=http://content.screencast.com/users/napus/folders/Default/media/7d2b6e40-6f1e-4257-a4a5-c2035c87e838/]font.mp4[/screencast]

Demo:

Witam jestem ciekawy czy idzie zrobić bbcode np.(dowolny kod stron www( xhtml, html, php, inne,)) chodzi mi o coś takiego żeby na przykład napisana część strony mogła być wyświetlona na forum jako bbcode i aby wyglądała tak jak chciał tego programista.
Czyli kopiuję jakąś część kodu strony www, wklejam ją między znaczniki a i w wyniku otrzymuję sformatowaną część strony w danym poście

Mam nadzieję że za bardzo nie namieszałem kombinowałem z takim bbcode ...

Opis: Pozwala na umieszczanie filmów z YouTube'a w postach. Nowa wersja v3 w wersji Black (czarnej), dostępna w nowym stylu YouTube - CosmicPanda.

Sposób użycia BBCode’a

Code: Select all

[youtube]http://{TEXT1}youtube.com/watch?v={TEXT2}[/youtube]

Kod HTML

Code: Select all

<embed width="640" height="510" type="application/x-shockwave-flash" src="http://www.youtube.com/v/{TEXT2}?version=3" flashvars="theme=dark" allowScriptAccess="always" allowfullscreen="true"></embed>

Aby użyć srebrnej wersji usuń z kodu html:

Code: Select all

flashvars="theme=dark"

Linia informacyjna

Code: Select all

[youtube]http://www.youtube.com/watch?v=wxKb8_Ern6w[/youtube]

Demo:
TESTOWE FORUM - Black YouTube v3

Sposób użycia BBCode’a:

Code: Select all

[hide id={IDENTIFIER} name={TEXT1}]{TEXT2}[/hide]

Kod HTML:

Code: Select all

    <div style="padding: 3px;">
    <h4 style="background-color: #cadceb; padding: 3px; border-bottom: 1px solid #a4c0dd;cursor: pointer;" onclick="if( document.getElementById( '{IDENTIFIER}' ).style.display == 'none' ){ document.getElementById( '{IDENTIFIER}' ).style.display = 'block'; }else{ document.getElementById( '{IDENTIFIER}' ).style.display = 'none'; }">{TEXT1}</h4>
    <div id="{IDENTIFIER}" style="background-color: #e1ecf4; padding: 3px; border: 1px solid #dae7f1; display: none;">{TEXT2}</div>
    </div>

Linia informacyjna:

Code: Select all

Hide: [hide id=jakaś literka od a do z name= nazwa spoilera]tekst chowanej wiadomości[/hide]

Przykład:

Code: Select all

[hide id=a name=BBCode]tekst[/hide]

Demo:
...

Przekreślony tekst
Ten BBCode pozwala na wprowadzenie tekstu z naniesionym przekreśleniem. Podaję dwie wersje: uproszczoną - wprowadzającą tylko przekreślenie tekstu, oraz wzbogaconą o kolorowanie składni.

---

Wersja uproszczona:
Sposób użycia BBCode'a:

Code: Select all

[s]{TEXT}[/s]

Kod HTML:

Code: Select all

<span style="text-decoration:line-through;">{TEXT}</span>

Linia informacyjna:

Code: Select all

[s]tekst_który_będzie_przekreślony[/s]

Przykład:

Code: Select all

[s]Przekreślony tekst[/s]

---

Wersja z kolorowaniem składni:
Sposób użycia BBCode'a:

Code: Select all

[s={COLOR1}]{COLOR2},{TEXT}[/s]

Kod HTML:

Code: Select all

<span style="color:{COLOR1};text-decoration:line-through;"><span style="color:{COLOR2}">{TEXT}</span></span>

Linia informacyjna:

Code: Select all

[s=kolor_przekreślenia]kolor tekstu,tekst_który_będzie_przekreślony[/s]

Przykład:

Code: Select all

[s=red]green,Przekreślony tekst[/s]

---

---

Demo: http://www.bbcode.pl/viewtopic.php?p=8494#p8494

Edytowano -- ...

Back to top with jQuery
Ten BBCode prezentuje proste wykorzystanie jQuery do płynnego przewijania strony do góry.
Przydatny, gdy post jest długi, lub po prostu dla zabawy.

BBCode wymaga biblioteki jQuery. Jeśli nie masz jeszcze poniższego kodu na forum, wstaw go w pliku overall_header.html, przed tagiem </head>:

Code: Select all

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

Autor: nieznany
Tłumaczenie i zmiany: Widmo, all4phone
Źródło: http://www.boardtalk.net

Sposób użycia BBCode’a:

Code: Select all

[top][/top]

Kod HTML:
<script type="text/javascript">
$(document).ready(function() {

$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return ...

Odtwarzacz z serwisu Videobb
Opis: Ten BBCode możliwia oglądanie filmów zamieszczonych w tym serwisie.

Sposób użycia BBCode’a:

Code: Select all

[videobb]{SIMPLETEXT}[/videobb]

Kod HTML:

Code: Select all

<object width="782" height="462">
        <param name="movie" value="http://www.videobb.com/video/=">
        <param value="setting=aHR0cDovL3d3dy52aWRlb2JiLmNvbS9wbGF5ZXJfY29udHJvbC9zZXR0aW5ncy5waHA/{SIMPLETEXT}=" name="FlashVars"></param>
        <param name="allowscriptaccess" value="always"></param>
        <param name="wmode" value="transparent"></param>

        <embed src="http://www.videobb.com/player/player.swf?pv=" flashvars="setting=aHR0cDovL3d3dy52aWRlb2JiLmNvbS9wbGF5ZXJfY29udHJvbC9zZXR0aW5ncy5waHA/{SIMPLETEXT}=" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="782.5" height="462" wmode="transparent" name="ESAHDMP"></embed>
      </object>

Linia informacyjna: (ID filmu można pobrać z podglądu strony, około linii nr 174, wybieramy ciąg znaków po / )

Code: Select all

Odtwarzacz flmów z Videobb: [videobb]ID filmu z serwisu[/videobb]

Przykład:
[videobb]ID ...