Is anyone good with the vBulletin CMS?

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

  1. Brandon

    Brandon Regular Member

    6,602
    1,707
    918
    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

    842
    36
    664
    Yeah, in the layout you have to add what widgets you want where..
     
  3. Brandon

    Brandon Regular Member

    6,602
    1,707
    918
    I would and it would always show up as blank
    I'm making some progress now though :)
     
  4. Cerberus

    Cerberus Admin Talk Staff

    1,031
    500
    818
    Very nice layout. Looks like you got it working
     
  5. Brandon

    Brandon Regular Member

    6,602
    1,707
    918
  6. Brandon

    Brandon Regular Member

    6,602
    1,707
    918
    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

    44
    14
    44
    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