Tech TGPX Thumb Template Converted to Bootstrap Grid CSS - GoFuckYourself.com

Zug · 10-05-2015, 05:33 AM

Hello. I am dumb with the {insert} and {foreach} commands when trying to get TGPX to display thumbs in 3 rows by 6 columns when using with bootstrap grid system.

Can anyone help?

This is the original TGPX code that is generated by the script:

PHP Code:


			
<!-- START TGPX MIXED PICTURE Gallery Codes -->

<table align="center" cellpadding="2" border="0">

<tr>

{* Load 18 galleries *}

{galleries

var=$galleries

preview=true

type=any

category=MIXED

format=pictures

amount=18

globaldupes=true

getnew=true

allowused=true

order=date_approved DESC

reorder=date_approved DESC}



{* Display loaded galleries as thumbnails in a 6 per row format *}

{foreach from=$galleries var=$gallery counter=$counter}

<td><a href="/gallery/click.php?id={$gallery.gallery_id|urlencode}&l=pic-gal-1&u={$gallery.gallery_url|urlencode}" title="{$gallery.description|htmlspecialchars} Pictures" target="_blank"><img src="{$gallery.preview_url|htmlspecialchars}" alt="{$gallery.description|htmlspecialchars}" style="border:1px solid #0000c4;" width="160" height="210" /></a>

<br /><span class="smallest">({$gallery.thumbnails|htmlspecialchars}) <a href="/gallery/click.php?id={$gallery.gallery_id|urlencode}&l=pic-gal-1&u={$gallery.gallery_url|urlencode}" target="_blank" title="Teen Picture Gallery.. {$gallery.clicks|htmlspecialchars} Views">Pictures of {$gallery.tour_title|htmlspecialchars}</a>...<br /></span>

</td>

{insert location=+6 counter=$counter max=18}

</tr><tr>

{/insert}

{/foreach}

</tr>

<tr>

<td><div style="position: absolute; left: 16px; top: 5px;" class="smallest"><a href="../galleries/" title="Newest Galleries">Galleries Home</a> Posted Teen Picture Galleries <b>Page 1</b> | <a href="pictures_page2.php" title="Picture Gallery Page 2">Page 2</a> | <a href="pictures_page3.php" title="Picture Gallery Page 3">Page 3</a> | <a href="pictures_page4.php" title="Picture Gallery Page 4">Page 4</a></div></td>

<td><br /><div style="position: absolute; right: 16px; bottom: 5px;" class="smallest"><a href="../galleries/" title="Newest Galleries">Galleries Home</a> Posted Teen Picture Galleries <b>Page 1</b> | <a href="pictures_page2.php" title="Picture Gallery Page 2">Page 2</a> | <a href="pictures_page3.php" title="Picture Gallery Page 3">Page 3</a> | <a href="pictures_page4.php" title="Picture Gallery Page 4">Page 4</a></div></td>

</tr>

</table>

<!-- END TGPX MIXED PICTURE Gallery Codes END -->

This is the code I have that almost works but shows slight indentations on each row:

PHP Code:


			
<!-- START TGPX MIXED PICTURE Gallery Codes -->

        

<div class="row">



{* Load 18 galleries *}

{galleries

var=$galleries

preview=true

type=any

category=MIXED

format=pictures

amount=18

globaldupes=true

getnew=true

allowused=true

order=date_approved DESC

reorder=date_approved DESC}



{* Display loaded galleries as thumbnails in a 6 per row format *}

{foreach from=$galleries var=$gallery counter=$counter}



<div class="col-sm-2">

     <a href="/gallery/click.php?id={$gallery.gallery_id|urlencode}&l=pic-gal-1&u={$gallery.gallery_url|urlencode}" title="{$gallery.description|htmlspecialchars} Photos" class="thumbnail home-thumb">

         <img src="{$gallery.preview_url|htmlspecialchars}" alt="{$gallery.description|htmlspecialchars}">

     </a>

</div>



{insert location=+6 counter=$counter max=18}

</div>

<div class="row">

{/insert}

{/foreach}



<!-- END TGPX MIXED PICTURE Gallery Codes END -->

This is the bootstrap code to show thumbs that I am trying to convert to the TGPX code:

PHP Code:


			
<div class="row">

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic1.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic2.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic3.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic4.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic5.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic6.jpg" alt="title">

                </a>

            </div>

        </div>

        <div class="row">

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic1.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic2.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic3.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic4.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic5.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic6.jpg" alt="title">

                </a>

            </div>

        </div>

        <div class="row">

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic1.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic2.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic3.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic4.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="#" class="thumbnail home-thumb">

                    <img src="images/pic5.jpg" alt="title">

                </a>

            </div>

            <div class="col-sm-2">

                <a href="info_new.php" class="thumbnail home-thumb">

                    <img src="images/pic6.jpg" alt="title">

                </a>

            </div>

        </div>

A BIG thank you to anyone that can get the code to work. ANY help is appreciated.

Zug · 10-05-2015, 06:06 AM

Ha.. I fingered it out. THat was interesting. Thanks anyway.

bns666 · 10-05-2015, 06:24 AM

got a working sample online?

Zug · 10-06-2015, 03:52 AM

Not a live version yet.. Soon though.

Denny · 10-06-2015, 05:52 AM

Quote:

Originally Posted by bns666

got a working sample online?

I would like to see it as well

Zug · 10-07-2015, 01:17 AM

Quote:

Originally Posted by bns666

got a working sample online?

Nothing special .. pretty simple .. shown here.

But does anybody know how to break a TGPX thumb list into two or more parts on the same page? SO like for example have a section of 1-20 thumbs and then break it to another template showing thumbs 21-40 and so on? I know that it has something to do with pagedupes= and globaldupes= or the pagination .. But not sure what the special trick is. If someone could explain it in an understandable way it would be a great thing! ahaha heh .. Thank you.

Focus · 10-21-2015, 07:23 PM

Good work mate and good luck with this! I rly love what you did

bns666 · 10-22-2015, 04:13 AM

Quote:

Originally Posted by Zug

Nothing special .. pretty simple .. shown here.

But does anybody know how to break a TGPX thumb list into two or more parts on the same page? SO like for example have a section of 1-20 thumbs and then break it to another template showing thumbs 21-40 and so on? I know that it has something to do with pagedupes= and globaldupes= or the pagination .. But not sure what the special trick is. If someone could explain it in an understandable way it would be a great thing! ahaha heh .. Thank you.

looks better than most tgps

j3rkules · 10-22-2015, 04:27 AM

Quote:

Originally Posted by Zug

Nothing special .. pretty simple .. shown here.

But does anybody know how to break a TGPX thumb list into two or more parts on the same page? SO like for example have a section of 1-20 thumbs and then break it to another template showing thumbs 21-40 and so on? I know that it has something to do with pagedupes= and globaldupes= or the pagination .. But not sure what the special trick is. If someone could explain it in an understandable way it would be a great thing! ahaha heh .. Thank you.

Very nicely done.

Zug · 10-24-2015, 04:21 AM

Quote:

Originally Posted by Focus

Good work mate and good luck with this! I rly love what you did

Quote:

Originally Posted by bns666

looks better than most tgps

Quote:

Originally Posted by jerkules

Very nicely done.

Thank you for the positive feedback. Feel free to sign up for trade to the TGP or the Toplist

10-05-2015, 05:33 AM	#1
Zug So Fucking Banned Industry Role: Join Date: Jun 2004 Location: America Posts: 109	TGPX Thumb Template Converted to Bootstrap Grid CSS Hello. I am dumb with the {insert} and {foreach} commands when trying to get TGPX to display thumbs in 3 rows by 6 columns when using with bootstrap grid system. Can anyone help? This is the original TGPX code that is generated by the script: PHP Code: <!-- START TGPX MIXED PICTURE Gallery Codes --> <table align="center" cellpadding="2" border="0"> <tr> {* Load 18 galleries } {galleries var=$galleries preview=true type=any category=MIXED format=pictures amount=18 globaldupes=true getnew=true allowused=true order=date_approved DESC reorder=date_approved DESC} { Display loaded galleries as thumbnails in a 6 per row format } {foreach from=$galleries var=$gallery counter=$counter} <td><a href="/gallery/click.php?id={$gallery.gallery_id\|urlencode}&l=pic-gal-1&u={$gallery.gallery_url\|urlencode}" title="{$gallery.description\|htmlspecialchars} Pictures" target="_blank"><img src="{$gallery.preview_url\|htmlspecialchars}" alt="{$gallery.description\|htmlspecialchars}" style="border:1px solid #0000c4;" width="160" height="210" /></a> <br /><span class="smallest">({$gallery.thumbnails\|htmlspecialchars}) <a href="/gallery/click.php?id={$gallery.gallery_id\|urlencode}&l=pic-gal-1&u={$gallery.gallery_url\|urlencode}" target="_blank" title="Teen Picture Gallery.. {$gallery.clicks\|htmlspecialchars} Views">Pictures of {$gallery.tour_title\|htmlspecialchars}</a>...<br /></span> </td> {insert location=+6 counter=$counter max=18} </tr><tr> {/insert} {/foreach} </tr> <tr> <td><div style="position: absolute; left: 16px; top: 5px;" class="smallest"><a href="../galleries/" title="Newest Galleries">Galleries Home</a> Posted Teen Picture Galleries <b>Page 1</b> \| <a href="pictures_page2.php" title="Picture Gallery Page 2">Page 2</a> \| <a href="pictures_page3.php" title="Picture Gallery Page 3">Page 3</a> \| <a href="pictures_page4.php" title="Picture Gallery Page 4">Page 4</a></div></td> <td><br /><div style="position: absolute; right: 16px; bottom: 5px;" class="smallest"><a href="../galleries/" title="Newest Galleries">Galleries Home</a> Posted Teen Picture Galleries <b>Page 1</b> \| <a href="pictures_page2.php" title="Picture Gallery Page 2">Page 2</a> \| <a href="pictures_page3.php" title="Picture Gallery Page 3">Page 3</a> \| <a href="pictures_page4.php" title="Picture Gallery Page 4">Page 4</a></div></td> </tr> </table> <!-- END TGPX MIXED PICTURE Gallery Codes END --> This is the code I have that almost works but shows slight indentations on each row: PHP Code: <!-- START TGPX MIXED PICTURE Gallery Codes --> <div class="row"> { Load 18 galleries } {galleries var=$galleries preview=true type=any category=MIXED format=pictures amount=18 globaldupes=true getnew=true allowused=true order=date_approved DESC reorder=date_approved DESC} { Display loaded galleries as thumbnails in a 6 per row format } {foreach from=$galleries var=$gallery counter=$counter} <div class="col-sm-2"> <a href="/gallery/click.php?id={$gallery.gallery_id\|urlencode}&l=pic-gal-1&u={$gallery.gallery_url\|urlencode}" title="{$gallery.description\|htmlspecialchars} Photos" class="thumbnail home-thumb"> <img src="{$gallery.preview_url\|htmlspecialchars}" alt="{$gallery.description\|htmlspecialchars}"> </a> </div> {insert location=+6 counter=$counter max=18} </div> <div class="row"> {/insert} {/foreach} <!-- END TGPX MIXED PICTURE Gallery Codes END --> This is the bootstrap code to show thumbs that I am trying to convert to the TGPX code: PHP Code: <div class="row"> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic1.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic2.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic3.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic4.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic5.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic6.jpg" alt="title"> </a> </div> </div> <div class="row"> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic1.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic2.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic3.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic4.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic5.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic6.jpg" alt="title"> </a> </div> </div> <div class="row"> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic1.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic2.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic3.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic4.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="#" class="thumbnail home-thumb"> <img src="images/pic5.jpg" alt="title"> </a> </div> <div class="col-sm-2"> <a href="info_new.php" class="thumbnail home-thumb"> <img src="images/pic6.jpg" alt="title"> </a> </div> </div> A BIG thank you* to anyone that can get the code to work. ANY help is appreciated.

10-05-2015, 06:24 AM	#3
bns666 Confirmed Fetishist Industry Role: Join Date: Mar 2005 Location: Fetishland Posts: 11,539	got a working sample online? __________________ ⭐ CAM SODA ⭐ STRIPCHAT ⭐ ⭐ CHATURBATE ⭐ X LOVE CAM ⭐

10-05-2015, 06:06 AM	#2
Zug So Fucking Banned Industry Role: Join Date: Jun 2004 Location: America Posts: 109	Ha.. I fingered it out. THat was interesting. Thanks anyway.

10-06-2015, 03:52 AM	#4
Zug So Fucking Banned Industry Role: Join Date: Jun 2004 Location: America Posts: 109	Not a live version yet.. Soon though.

10-21-2015, 07:23 PM	#7
Focus Last of a dying breed. Industry Role: Join Date: Jun 2004 Location: Canada Posts: 669	Good work mate and good luck with this! I rly love what you did