[BBCode] Thumbnails (miniatura)
[BBCode] Thumbnails (miniatura)
wilu - 01-19-2008 06:13 PM
Opis:
[BBCode] Thumbnails - BBcod który pomniejsza umieszczony obrazek (wpisujemy adres obrazka między tagami [tmb]tutaj adres obrazka[/tmb]) do wybranych wcześniej rozmiarów. Po kliknięciu w obrazek bądź informacji jaka po nim będzie wyświetlana obrazek otworzy się w nowym oknie w orginalnych już rozmiarach. Dokładniej wyglądać będzie to jak na załączonym do postu screenie.
Instrukcja Instalacji:
Przejdź do:
Admin CP -> Custom BBCodes -> Add new BBCode
Według poniższego wzorca wypełniaj dane pola/okienka:
Tytuł: Thumbnail
Tag: tmb
Replacement:
<table cellspacing="0" cellpadding="0" align="center" style="background-color:#000000; border:1px #000000 solid; color:#ffffff; font-size:11px;"> <tr> <td align="center"><a href="{param}" target="_new"><img src="{param}" border="0" alt="Thumbnail" title="Thumbnail" width="300" /></a><br />Kliknij aby zobaczyć orginalny obrazek</td> </tr></table> Example: [tmb]image_url[/tmb]
Description: Po kliknięciu obrazek otworzy się w nowym oknie o orginalnych wymiarach!
Use second parameter: Nie
Button Image*: http://img296.imageshack.us/img296/3975/tmbdb3.gif
* W tym oknie podaj docelowy adres obrazka najlepiej wrzuć go do siebie na serwer i wtedy podaj jego lokalizacje.
Teraz już tylko kliknij Save i wszystko zrobione
PL by: wilu
http://vbhelp.pl
falon - 08-30-2008 06:17 PM
A jak zrobić żeby obraz nie był na środku postu, tylko po lewej stronie i jednocześnie żeby go nic innego nie otaczało, znaczy tekst i inne elementy.
Bo po zmianie parametru align na left to obraz jest po lewej ale obrazek jest otaczany tekstem.
falon - 08-30-2008 08:10 PM
Ok problem rozwiązany.
Należy w treści kodu wpisać: style="float: none"
Czyli jeśli chcesz ustawić obrazek po lewej i żeby nie był otaczany to zastosuj:
<table cellspacing="0" cellpadding="0" align="left" style="float: none" style="background-color:#000000; border:1px #000000 solid; color:#ffffff; font-size:11px;"> <tr> <td align="center"><a href="{param}" target="_new"><img src="{param}" border="0" alt="Thumbnail" title="Thumbnail" width="300" /></a><br />Kliknij aby zobaczyć orginalny obrazek</td> </tr></table>