Is anyone good with the vBulletin CMS?

Discussion in 'vBulletin Discussions' started by Brandon, Dec 13, 2010.

  1. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
    I'm trying to setup a new layout/grid
    but every time I switch a section over, nothing show
    no widgets at all
    ideas?

    thx
     
  2. Bundy

    Bundy Admin Talk Staff

    Joined:
    Apr 19, 2005
    Messages:
    842
    Likes Received:
    36
    Location:
    Boston
    Yeah, in the layout you have to add what widgets you want where..
     
  3. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
    I would and it would always show up as blank
    I'm making some progress now though :)
     
  4. Cerberus

    Cerberus Admin Talk Staff

    Joined:
    May 3, 2009
    Messages:
    1,031
    Likes Received:
    500
    Very nice layout. Looks like you got it working
     
  5. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
  6. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
    okay I think I have it looking good in most browsers now
    still not exactly like I want, but getting there.
     
  7. DRE

    DRE Regular Member

    Joined:
    Jan 8, 2011
    Messages:
    44
    Likes Received:
    14
    Location:
    Florida
    This is a quick tutorial on how to add photo widgets to your vbulletin CMS or Forum Sidebar.

    Picture and Album Gallery is free. Get it here: http://www.vbulletin.org/forum/showthread.php?t=237931

    Install it.

    CMS Widget

    Admin Control Panel / vBulletin CMS / Widgets / Create New Widget

    Widget Type: PHP Direct Execution
    Title: Pics from The Gallery
    Description: Random Pictures From Public Albums

    Save.

    Then click on Configure


    Code:
    // Display random images thumbnails taken from any public albums.
    // Author : Sulquendi
    // Version: 1.2
    
    // -- Widget Configuration -- 
    $use_vB_thumbnail_size     = false;
    $use_custom_css         = false;
    $twidth                 = 190;
    [color=red]$limit                    = 8;[/color]
    $albums_list            = "";
    
    
    // -- Nothing to configure below this line --
    if ($use_custom_css){
        $pthumb     = 'class="pthumb"';
        $pcaption    = 'class="pcaption"';
        $pmore        = 'class="pmore"';
        $pstyle        = '';
    }else{
        $pthumb     = 'style="text-align:center;"';
        $pcaption    = 'style="text-align:center;font-style:italic;font-family: Times, serif;margin-bottom:10px;"';
        $pmore        = 'style="text-align:right;display:block;"';
        $pstyle        = 'style="border: 1px solid black;padding:4px;background: white;"';
    }
    if ($albums_list!="") $sup_cond = "AND alb.albumid IN ($albums_list)"; else $sup_cond ="";
    ob_start();
    require_once(DIR . '/includes/functions_album.php');
    require_once(DIR . '/includes/functions_user.php');
    $pic_get = vB::$db->query_read("
        SELECT     alb.albumid, att.attachmentid, att.userid, att.caption, att.dateline, att.state, fdt.filesize, IF(fdt.thumbnail_filesize > 0, 1, 0) AS hasthumbnail, fdt.thumbnail_dateline, fdt.thumbnail_width, fdt.thumbnail_height, u.username
        FROM ".TABLE_PREFIX."album AS alb
        LEFT JOIN ".TABLE_PREFIX."attachment AS att ON alb.albumid = att.contentid
        LEFT JOIN ".TABLE_PREFIX."filedata AS fdt ON att.filedataid = fdt.filedataid
        LEFT JOIN ".TABLE_PREFIX."user AS u ON att.userid = u.userid
        WHERE alb.state = 'public' AND att.contenttypeid = '8' $sup_cond
        ORDER BY rand(" . microtime()*1000000 . ") 
       LIMIT $limit");
      $output_bits = "";
      while($pic = vB::$db->fetch_array($pic_get))
      {
        $albuminfo = fetch_albuminfo($pic[albumid]);
        $picture = prepare_pictureinfo_thumb($pic, $albuminfo);
        if ($use_vB_thumbnail_size) $size = $picture[dimensions]; else $size = "width=$twidth";
        $output_bits .= "<div $pthumb><a href=\"album.php?{$vbulletin->session->vars['sessionurl']}albumid={$pic[albumid]}&attachmentid={$picture[attachmentid]}\"><img $pstyle src=\"attachment.php?{$vbulletin->session->vars['sessionurl']}attachmentid={$picture[attachmentid]}&thumb=1&d={$picture[thumbnail_dateline]}\" alt=\"{$picture[caption_preview]}\" $size /></a>";
        $output_bits .= "</div><div $pcaption>{$picture[caption_preview]} by {$pic[username]}</div>";
      }
    $output_bits .= '<span '.$pmore.'><a href="album.php" alt="To the albums">More...</a></span>';
    $output = $output_bits;
    ob_end_clean(); 
    Save.

    CMS Widget

    Admin Control Panel / Forums & Moderators / Forum Blocks Manager / Add Block /

    Add Block Type: Custom HTML/PHP
    Title: Pic From The Gallery
    Description: Random Pictures From Public Albums
    Content Type: PHP

    Content:

    Code:
    // Display random images thumbnails taken from any public albums.
    // Author : Sulquendi
    // Version: 1.2
    
    // -- Widget Configuration -- 
    $use_vB_thumbnail_size     = false;
    $use_custom_css         = false;
    $twidth                 = 190;
    [color=red]$limit                    = 1;[/color]
    $albums_list            = "";
    
    
    // -- Nothing to configure below this line --
    if ($use_custom_css){
        $pthumb     = 'class="pthumb"';
        $pcaption    = 'class="pcaption"';
        $pmore        = 'class="pmore"';
        $pstyle        = '';
    }else{
        $pthumb     = 'style="text-align:center;"';
        $pcaption    = 'style="text-align:center;font-style:italic;font-family: Times, serif;margin-bottom:10px;"';
        $pmore        = 'style="text-align:right;display:block;"';
        $pstyle        = 'style="border: 1px solid black;padding:4px;background: white;"';
    }
    if ($albums_list!="") $sup_cond = "AND alb.albumid IN ($albums_list)"; else $sup_cond ="";
    ob_start();
    require_once(DIR . '/includes/functions_album.php');
    require_once(DIR . '/includes/functions_user.php');
    $pic_get = vB::$db->query_read("
        SELECT     alb.albumid, att.attachmentid, att.userid, att.caption, att.dateline, att.state, fdt.filesize, IF(fdt.thumbnail_filesize > 0, 1, 0) AS hasthumbnail, fdt.thumbnail_dateline, fdt.thumbnail_width, fdt.thumbnail_height, u.username
        FROM ".TABLE_PREFIX."album AS alb
        LEFT JOIN ".TABLE_PREFIX."attachment AS att ON alb.albumid = att.contentid
        LEFT JOIN ".TABLE_PREFIX."filedata AS fdt ON att.filedataid = fdt.filedataid
        LEFT JOIN ".TABLE_PREFIX."user AS u ON att.userid = u.userid
        WHERE alb.state = 'public' AND att.contenttypeid = '8' $sup_cond
        ORDER BY rand(" . microtime()*1000000 . ") 
       LIMIT $limit");
      $output_bits = "";
      while($pic = vB::$db->fetch_array($pic_get))
      {
        $albuminfo = fetch_albuminfo($pic[albumid]);
        $picture = prepare_pictureinfo_thumb($pic, $albuminfo);
        if ($use_vB_thumbnail_size) $size = $picture[dimensions]; else $size = "width=$twidth";
        $output_bits .= "<div $pthumb><a href=\"album.php?{$vbulletin->session->vars['sessionurl']}albumid={$pic[albumid]}&attachmentid={$picture[attachmentid]}\"><img $pstyle src=\"attachment.php?{$vbulletin->session->vars['sessionurl']}attachmentid={$picture[attachmentid]}&thumb=1&d={$picture[thumbnail_dateline]}\" alt=\"{$picture[caption_preview]}\" $size /></a>";
        $output_bits .= "</div><div $pcaption>{$picture[caption_preview]} by {$pic[username]}</div>";
      }
    $output_bits .= '<span '.$pmore.'><a href="album.php" alt="To the albums">More...</a></span>';
    $output = $output_bits;
    ob_end_clean();
    Save.

    The code highlighted in red shows you where you can change the number of pictures displayed
     

Share This Page