1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

thumbnail gallery

Discussion in 'Add-on Requests [Archive]' started by masterchief, Jan 9, 2011.

  1. masterchief

    masterchief Well-Known Member

    Basically, I would like an additional moderator tool for the forums. When I find an attached image that catches my eye, I would like to have checkbox that allows me to include the thumbail in Featured Thread gallery.. thumbnail will link back to the thread. Option to include location of gallery.

    Place the following code into the PAGE_CONTAINER to see how it appears as final output. Each thumbnail requires its own <a href=" ... statement.

    Code:
    <div style="border: 1px solid #7192a8; -moz-border-radius: 5px; width: 891px; overflow: auto;">
         <div align="center";>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
               <a href="http://localhost/xenforo/threads/2/"><img width="80" height="80" vspace="2" hspace="1" height="80" border="0" style="background-color: #7192A8" title="Avenger" src="http://localhost/xenforo/attachments/2/?embedded=1"></a>
         </div>
    </div>
    
    <!-- top breadcrumb, top ctrl -->
    
    There are maximum 10 thumbnails for each row with autowrap to new row upon adding additional thumbnails. This will display on every page of your site, so issue of display control exists. Thumbnail view permission in group permissions must also be allowed to view thumbnail gallery.
     
    otto likes this.
  2. masterchief

    masterchief Well-Known Member

    code addition to allow for text header


    Code:
    
    <!--  thumbnail gallery -->
    <div style="background-color: #F9D9B0; border: 1px solid #7192a8; padding-left: 10px; -moz-border-radius: 5px 5px 0px 0px; width: 881px; overflow: auto;">
    Featured Threads - Click on thumbnail for message thread
    </div>
    <div style="border: 1px solid #7192a8; -moz-border-radius: 0px 0px 5px 5px; width: 891px; overflow: auto;">
               <a href="http://localhost/xenforo/threads/2/"><img width="80" vspace="2" hspace="1" height="80" title="Comic Character" src="http://masterchief.com/attachments/2/?embedded=1" alt="toonman"></a>
    </div>
    
    
    <!-- top breadcrumb, top ctrl -->
    
    
     
    otto likes this.

Share This Page