PIMP YOUR GALLERY TUT!!

[Jpg]

Well howdy everyone.
I thought I'll make a tutorial for pimping out your gallery.
You can-

Add a logo
5 most recently submitted images
5 Random Images
Replace "My Images" and "Search" with buttons/images.

-------------------------
Soon to be added-

Members Pages in a table...perhaps scrolling.
"Add Image" link on main[Very Simple].
--------------------------------------------------------
WARNING!!!
IT MIGHT GO OFF BOTTOM OF PAGE!
USE ONLY IF YOU HAVE TP AND YOU HAVE A MENU ON THE LEFT OR RIGHT SIDE LONG ENOUGH!!!

All of these addons are for the gallery.template.php
I'm not responsible for your losses or if you mess up and you want to blame me.

Now that legal matters are out of the way...

ON WITH THE TUT!!

Adding a logo above everything else...look for line 20...something like that.

Should say-

Code: [Select]

   global $db_prefix, $scripturl, $txt, $context,$ID_MEMBER,$modSettings, $boarddir,$boardurl;

   echo '<div class="tborder">';

After that you can add anything you please. Let's put a logo first.

Code: [Select]

   echo '
<center><a href="' . $scripturl . '?action=gallery"><img src="your image url.whatever" style="float: center;" title="Gallery logo" alt="Welcome to the Gallery" /></a></center>';

Simple right? Now let's put a block perhaps with a header on it.
A pic saying...random images or recent blocks.

--------------------
5 Random images:

Header Image-

Code: [Select]

echo '
<center><img src="img url" style="float: center;" title="Random" alt="Random Images" /></center>';I used

For that.

Code-

Code: [Select]

echo'
<table cellspacing="0" cellpadding="2" border="0px black solid" align="center" width="90%"><tr>';
  if(empty($modSettings['gallery_url']))
  {
    $modSettings['gallery_url'] = $boardurl . '/gallery/';
  }
  $request = db_query("SELECT thumbfilename,ID_PICTURE FROM {$db_prefix}gallery_pic WHERE approved = '1' GROUP BY thumbfilename ORDER BY RAND() LIMIT 5", __FILE__,__LINE__);
  while ($row = mysql_fetch_assoc($request))
  echo' <center><td align="center" colspan="3"><a href="', $scripturl, '?action=gallery;sa=view;id=',
  $row['ID_PICTURE'], '"><img src="',  $modSettings['gallery_url'] .

  $row['thumbfilename'] ,'" /></a></center>';
  echo'</td></tr>';
  echo'</table></br>';
  mysql_free_result($request);


--------------------------
5 Most Recent


Header-

Code: [Select]

echo '
<center><img src="url" style="float: center;" title="5 Recent" alt="Recent Imgs" /></center>';
I used

for that.

Code-

Code: [Select]

echo'
<table cellspacing="0" cellpadding="2" border="0px black solid" align="center" width="90%"><tr>';
  if(empty($modSettings['gallery_url']))
  {
    $modSettings['gallery_url'] = $boardurl . '/gallery/';
  }
  $request = db_query("SELECT thumbfilename,ID_PICTURE FROM {$db_prefix}gallery_pic WHERE approved = '1' GROUP BY thumbfilename ORDER BY date DESC LIMIT 5", __FILE__,__LINE__);
  while ($row = mysql_fetch_assoc($request))
  echo' <center><td align="center" colspan="3"><a href="', $scripturl, '?action=gallery;sa=view;id=',
  $row['ID_PICTURE'], '"><img src="',  $modSettings['gallery_url'] .

  $row['thumbfilename'] ,'" /></a></center>';
  echo'</td></tr>';
  echo'</table></br>';
  mysql_free_result($request);


------------------
WARNING!!!
IT MIGHT GO OFF BOTTOM OF PAGE!
USE ONLY IF YOU HAVE TP AND YOU HAVE A MENU ON THE LEFT OR RIGHT SIDE LONG ENOUGH!!!



-------------------------------
Making My Images and Search buttons!!

Ok what you do now is..............
get your images first. ANd upload them. Their should be 2.
My Images and Search Button.
Feel free to use the ones I made, I too use them on my site.




First you edit the thing for guests.

Code: [Select]

echo '<center><a href="' . $scripturl . '?action=gallery;sa=myimages;u=' . $ID_MEMBER . '">' . $txt['gallery_text_myimages'] . '</a></center>&nbsp;<center><a href="' . $scripturl . '?action=gallery;sa=search">' . $txt['gallery_text_search'] . '</a></center>';
Replace it with this.

Code: [Select]

echo '<center><a href="' . $scripturl . '?action=gallery;sa=myimages;u=' . $ID_MEMBER . '"><img src="Myimages.png Url Here" border="0" alt="Your Images"></a></center>&nbsp;<center><a href="' . $scripturl . '?action=gallery;sa=search"><img src="Search.png Url Here" border="0" alt="Search"></a></center>';
Edit the urls accordingly.

Okay now for your members.

Look for

Code: [Select]

//No Category is set.
if($g_add && !($context['user']['is_guest']))
Inb the table under it you'll see...

Code: [Select]

' . $txt['gallery_text_myimages'] . '

Replace with

Code: [Select]

<img src="Myimages.png Url Here" border="0" alt="Your Images">
After that you'll see a code

Code: [Select]

' . $txt['gallery_text_search'] . '
Replace With

Code: [Select]

<img src="Search.png Url Here" border="0" alt="Search">
And that'll be it for now.

[Jpg]

Wait, let me tell people how to edit the codes a little bit.
---------------

If you don't like the amount of images and you want 6 or 7 or less than 5...like 3?

Well you can have as many as you want...

Find the code

Code: [Select]

LIMIT 5Change the limit # to anything if you want more or less iamges.

---------------------
If you wanted to get rid of the thing that says gallery above the gallery then go to the langauge file and edit it a little bit. There's a tut for this in another topic.

---------------------

Feel free to use the images. Just upload them to the server or photobucket whatever and just add the url in the code in the places that say URL.

----------------------

If someone knows how to expand the gallery for everyone else just paste the code/tut here.


No need to give credit. :d

[SMFHacks]

Good stuff.

[Jpg]

Thanks. I'm glad someone appreciates it. A got a demo at my site but I don't feel like posting it...I'm not done with it.

[Jump1979man]

works great!

[Jump1979man]

How can I get rid of the GALLERY text now?  I have looked in the code but it appears to be embedded somehow.

[Jump1979man]

How can I get rid of the GALLERY text now?  I have looked in the code but it appears to be embedded somehow.

Oops nevermind....just re-read your instructions....thanks.

[Maya]

  luv the title...

Way to go Jpg... and speedy too...lol

Could you mention for all what type of  'blocks' to create.. ie php, html, script... Im assuming in TinyPortal of course..

[Jpg]

No you just add it to the galery template.php in the deafult theme folder. Make a backup first.

Btw, you can just put those codes in a php code block if you want. It'll work perfectly.


-------------

Added another tut.

------------

Enhanced Logo Code.

Code: [Select]

   echo '
<center><a href="' . $scripturl . '?action=gallery"><img src="your image url.whatever" style="float: center;" title="Gallery logo" alt="Welcome to the Gallery" /></a></center>';
Now links back to the gallery main instad of being there for show...

[Jump1979man]

What exactly does the enhanced logo code do?  I know it says links back to the gallery main instead of being there for show but what does that mean?

Got an example....

[Jpg]

http://Http://inflamehq.com/
Login as
User-demo
Pass-demo

Look at my gallery.

The logo now is a link.
When you click it it takes you back to the main page of the gallery instead of just being a picture.
Just replace your old logo code if you had one with the new one...

[TeamVTEC]

looks nice, good job

[Jump1979man]

http://Http://inflamehq.com/
Login as
User-demo
Pass-demo

Look at my gallery.

The logo now is a link.
When you click it it takes you back to the main page of the gallery instead of just being a picture.
Just replace your old logo code if you had one with the new one...

ok, that is what I thought by looking at the code but wanted to be sure....

[Jump1979man]

Did you know that in the random and recent sections you add through your code,

submitted pictures show up even before being approved by the admin........

Is there a way to stop this from happening?

[SMFHacks]

Need to add this to query  WHERE approved = 1