Preamble
In this tutorial we are using Drupal to create a website that looks and feels similar to vimeo.com. I’ve done this for my project SC2.FM
What is Drupal?
Drupal is an is a is a free and open source content management system (CMS) written in PHP and distributed under the GNU General Public License. It is used as a back-end system for at least 1% of all websites worldwide ranging from personal blogs to corporate, political, and government sites including whitehouse.gov and data.gov.uk - Wikipedia
What is Vimeo?
Vimeo is a respectful community of creative people who are passionate about sharing the videos they make. We provide the best tools and highest quality video in the universe. - Vimeo.com
Requirements
- Drupal 6.20 or higher
- AdeptiveTheme 6.x 3.0-rc2
- QuickTabs 6.x 2.0-rc4 ( rc5 is broken and will not work! )
- Views 6.x 2.12
- CCK 6.x 2.9
- Semantic Views 6.x 1.1
- EmField 6.x 1.25
- Token 6.x 1.15
- Admin Menu 6.x 1.6 or 3.0-alpha 4
Setting up the site
I won’t go through every step here. If you need help installing modules, please check the corresponding “Read documentation” links on the project pages i linked. They are in the right sidebar on the bottom.
Step 1 – Install the modules mentioned above
Back to topStep 2 - Set up the video content type
For our example we need a new content type that contains a emvideo field. Make sure the machine readable name is set to “feed_video_item”, else you might need some additional work once we import the main view for our homepage.
Add a field of the Embedded Video type with the machine readable name of ”field_feed_video_video” to that content type.
Back to topStep 3 – Create a AdeptiveTheme subtheme
Download this subtheme for AdeptiveTheme, upload it to your sites/default/themes folder , enable and set it to default. You should now see the first parts of our design! Make absolutely sure that your theme is in the /sites/default/themes folder and NOT in /sites/all/themes!
Once you are done with that, go to the subthemes theme configuration page and disable all points except “Shortcut icon” under the “Drupal core theme settings” tab.
Back to topStep 4 – Import the View
Import this view.
$view = new view;
$view->name = 'video_frontpage';
$view->description = '';
$view->tag = '';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'Defaults', 'default');
$handler->override_option('relationships', array(
'feed_nid' => array(
'label' => 'Owner feed',
'required' => 0,
'id' => 'feed_nid',
'table' => 'feeds_node_item',
'field' => 'feed_nid',
'relationship' => 'none',
),
));
$handler->override_option('fields', array(
'field_feed_video_video_embed' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'none',
'format' => 'video_thumbnail_no_link',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_embed',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_embed',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'label' => 'Title',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'created' => array(
'label' => 'Post date',
'alter' => array(
'alter_text' => 1,
'text' => '[created] ago',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'date_format' => 'raw time ago',
'custom_date_format' => '1',
'exclude' => 1,
'id' => 'created',
'table' => 'node',
'field' => 'created',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'path' => array(
'label' => 'Path',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'absolute' => 0,
'exclude' => 1,
'id' => 'path',
'table' => 'node',
'field' => 'path',
'override' => array(
'button' => 'Override',
),
'relationship' => 'none',
),
'comment_count' => array(
'label' => 'Comment count',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'set_precision' => FALSE,
'precision' => 0,
'decimal' => '.',
'separator' => ',',
'prefix' => '',
'suffix' => '',
'exclude' => 1,
'id' => 'comment_count',
'table' => 'node_comment_statistics',
'field' => 'comment_count',
'relationship' => 'none',
),
'tid_list' => array(
'label' => 'All term images',
'alter' => array(
'alter_text' => FALSE,
'text' => '',
'make_link' => FALSE,
'path' => '',
'alt' => '',
'link_class' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'trim' => FALSE,
'max_length' => '',
'word_boundary' => TRUE,
'ellipsis' => TRUE,
'strip_tags' => FALSE,
'html' => FALSE,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'type' => 'separator',
'separator' => ', ',
'imagecache_preset' => '',
'link_to_taxonomy' => 0,
'limit' => 1,
'vids' => array(
'1' => 1,
'7' => 0,
'8' => 0,
'5' => 0,
),
'exclude' => 1,
'id' => 'tid_list',
'table' => 'term_image',
'field' => 'tid_list',
'relationship' => 'none',
),
'field_feed_video_description_value' => array(
'label' => 'Description',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 1,
'max_length' => '110',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 1,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_description_value',
'table' => 'node_data_field_feed_video_description',
'field' => 'field_feed_video_description_value',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'field_feed_video_video_duration' => array(
'label' => 'Video',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'duration_time',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_duration',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_duration',
'relationship' => 'none',
),
'field_feed_video_views_value' => array(
'label' => 'Views',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '0',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_views_value',
'table' => 'node_data_field_feed_video_views',
'field' => 'field_feed_video_views_value',
'relationship' => 'none',
),
'nid' => array(
'label' => 'Nid',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'nid',
'table' => 'node',
'field' => 'nid',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'title_1' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 1,
'path' => 'node/[nid]',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'nothing' => array(
'label' => '',
'alter' => array(
'text' => '<div>
<a href="[path]"><img src="[field_feed_video_video_embed]" width="125" height="94" alt=""/></a>
</div>
<div>
<h3><a href="[path]">[title]</a></h3>
<div>casted by [title_1] [created]</div>
<div>[field_feed_video_description_value]</div>
<div>[tid_list] | <strong>[field_feed_video_views_value]</strong> views | <strong>[field_feed_video_video_duration]</strong> min | <strong>[comment_count]</strong> comments</div>
</div>',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'exclude' => 0,
'id' => 'nothing',
'table' => 'views',
'field' => 'nothing',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
));
$handler->override_option('filters', array(
'type' => array(
'operator' => 'in',
'value' => array(
'feed_video_item' => 'feed_video_item',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Node: Type',
'use_operator' => 0,
'identifier' => 'type',
'bef_filter_description' => '',
'bef_format' => 'default',
'optional' => 1,
'single' => 1,
'remember' => 0,
'reduce' => 0,
'bef_select_all_none' => 1,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'operator' => 'not',
'value' => 'Procaster',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'title_1' => array(
'operator' => 'not',
'value' => 'Live Show [livestream]',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
));
$handler->override_option('access', array(
'type' => 'none',
));
$handler->override_option('cache', array(
'type' => 'time',
'results_lifespan' => '300',
'output_lifespan' => '300',
));
$handler->override_option('css_class', 'videos');
$handler->override_option('header_format', '2');
$handler->override_option('header_empty', 0);
$handler->override_option('footer_format', '2');
$handler->override_option('footer_empty', 0);
$handler->override_option('use_ajax', TRUE);
$handler->override_option('items_per_page', 8);
$handler->override_option('offset', 1);
$handler->override_option('use_pager', '1');
$handler->override_option('use_more', 0);
$handler->override_option('use_more_always', 0);
$handler->override_option('style_plugin', 'semanticviews_default');
$handler->override_option('style_options', array(
'grouping' => '',
'group' => array(
'element_type' => 'h3',
'class' => 'title',
),
'list' => array(
'element_type' => 'ul',
'class' => 'videos',
),
'row' => array(
'element_type' => 'li',
'class' => '',
'last_every_nth' => '0',
'first_class' => 'first',
'last_class' => '',
'striping_classes' => '',
),
));
$handler->override_option('row_plugin', 'semanticviews_fields');
$handler->override_option('row_options', array(
'semantic_html' => array(
'nothing' => array(
'element_type' => '',
'class' => '',
),
),
'skip_blank' => 0,
));
$handler = $view->new_display('block', 'Today - New', 'block_1');
$handler->override_option('sorts', array(
'created' => array(
'order' => 'DESC',
'granularity' => 'second',
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('filters', array(
'created' => array(
'operator' => '>=',
'value' => array(
'type' => 'offset',
'value' => '-1 day',
'min' => '',
'max' => '',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'type' => array(
'operator' => 'in',
'value' => array(
'feed_video_item' => 'feed_video_item',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Node: Type',
'use_operator' => 0,
'identifier' => 'type',
'bef_filter_description' => '',
'bef_format' => 'default',
'optional' => 1,
'single' => 1,
'remember' => 0,
'reduce' => 0,
'bef_select_all_none' => 1,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'operator' => 'not',
'value' => 'Procaster',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'title_1' => array(
'operator' => 'not',
'value' => 'Live Show [livestream]',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
$handler = $view->new_display('block', 'This week - Most Views', 'block_2');
$handler->override_option('sorts', array(
'field_feed_video_views_value' => array(
'order' => 'DESC',
'delta' => -1,
'id' => 'field_feed_video_views_value',
'table' => 'node_data_field_feed_video_views',
'field' => 'field_feed_video_views_value',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('filters', array(
'created' => array(
'operator' => '>=',
'value' => array(
'type' => 'offset',
'value' => '-7 day',
'min' => '',
'max' => '',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'type' => array(
'operator' => 'in',
'value' => array(
'feed_video_item' => 'feed_video_item',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Node: Type',
'use_operator' => 0,
'identifier' => 'type',
'bef_filter_description' => '',
'bef_format' => 'default',
'optional' => 1,
'single' => 1,
'remember' => 0,
'reduce' => 0,
'bef_select_all_none' => 1,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'operator' => 'not',
'value' => 'Procaster',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'title_1' => array(
'operator' => 'not',
'value' => 'Live Show [livestream]',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
$handler = $view->new_display('attachment', 'Today - Top', 'attachment_1');
$handler->override_option('fields', array(
'field_feed_video_video_embed' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'none',
'format' => 'video_preview',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_embed',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_embed',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'title' => array(
'label' => 'Title',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'created' => array(
'label' => 'Post date',
'alter' => array(
'alter_text' => 1,
'text' => '[created] ago',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'date_format' => 'raw time ago',
'custom_date_format' => '1',
'exclude' => 1,
'id' => 'created',
'table' => 'node',
'field' => 'created',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'path' => array(
'label' => 'Path',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'absolute' => 0,
'exclude' => 1,
'id' => 'path',
'table' => 'node',
'field' => 'path',
'override' => array(
'button' => 'Override',
),
'relationship' => 'none',
),
'tid_list' => array(
'label' => 'All term images',
'alter' => array(
'alter_text' => FALSE,
'text' => '',
'make_link' => FALSE,
'path' => '',
'alt' => '',
'link_class' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'trim' => FALSE,
'max_length' => '',
'word_boundary' => TRUE,
'ellipsis' => TRUE,
'strip_tags' => FALSE,
'html' => FALSE,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'type' => 'separator',
'separator' => ', ',
'imagecache_preset' => '',
'link_to_taxonomy' => 0,
'limit' => 1,
'vids' => array(
'1' => 1,
'7' => 0,
'8' => 0,
'5' => 0,
),
'exclude' => 1,
'id' => 'tid_list',
'table' => 'term_image',
'field' => 'tid_list',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'comment_count' => array(
'label' => 'Comment count',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'set_precision' => FALSE,
'precision' => 0,
'decimal' => '.',
'separator' => ',',
'prefix' => '',
'suffix' => '',
'exclude' => 1,
'id' => 'comment_count',
'table' => 'node_comment_statistics',
'field' => 'comment_count',
'relationship' => 'none',
),
'field_feed_video_description_value' => array(
'label' => 'Description',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 1,
'max_length' => '130',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 1,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_description_value',
'table' => 'node_data_field_feed_video_description',
'field' => 'field_feed_video_description_value',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'field_feed_video_video_duration' => array(
'label' => 'Video',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'duration_time',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_duration',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_duration',
'relationship' => 'none',
),
'field_feed_video_views_value' => array(
'label' => 'Views',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '0',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_views_value',
'table' => 'node_data_field_feed_video_views',
'field' => 'field_feed_video_views_value',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'nid' => array(
'label' => 'Nid',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'nid',
'table' => 'node',
'field' => 'nid',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'title_1' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 1,
'path' => 'node/[nid]',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'nothing' => array(
'label' => '',
'alter' => array(
'text' => '<h2><a href="[path]">[title]</a></h2>
<div>casted by [title_1] [created]</div>
<div>[field_feed_video_video_embed]</div>
<div>[tid_list] | <strong>[field_feed_video_views_value]</strong> views | <strong>[field_feed_video_video_duration]</strong> min | <strong>[comment_count]</strong> comments</div>',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'exclude' => 0,
'id' => 'nothing',
'table' => 'views',
'field' => 'nothing',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
));
$handler->override_option('sorts', array(
'created' => array(
'order' => 'DESC',
'granularity' => 'second',
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('arguments', array(
'null' => array(
'default_action' => 'default',
'style_plugin' => 'default_summary',
'style_options' => array(),
'wildcard' => 'all',
'wildcard_substitution' => 'All',
'title' => '',
'breadcrumb' => '',
'default_argument_type' => 'fixed',
'default_argument' => '',
'validate_type' => 'php',
'validate_fail' => 'ignore',
'must_not_be' => 0,
'id' => 'null',
'table' => 'views',
'field' => 'null',
'validate_user_argument_type' => 'uid',
'validate_user_roles' => array(
'2' => 0,
),
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
'default_options_div_prefix' => '',
'default_argument_fixed' => 'test',
'default_argument_user' => 0,
'default_argument_php' => '',
'validate_argument_node_type' => array(
'forum' => 0,
'feed' => 0,
'feed_item' => 0,
'feed_video' => 0,
'feed_video_item' => 0,
'page' => 0,
),
'validate_argument_node_access' => 0,
'validate_argument_nid_type' => 'nid',
'validate_argument_vocabulary' => array(
'7' => 0,
'1' => 0,
'8' => 0,
'5' => 0,
),
'validate_argument_type' => 'tid',
'validate_argument_transform' => 0,
'validate_user_restrict_roles' => 0,
'validate_argument_node_flag_name' => '*relationship*',
'validate_argument_node_flag_test' => 'flaggable',
'validate_argument_node_flag_id_type' => 'id',
'validate_argument_user_flag_name' => '*relationship*',
'validate_argument_user_flag_test' => 'flaggable',
'validate_argument_user_flag_id_type' => 'id',
'validate_argument_php' => 'return true;
// return $view->pager->current_page == 0;',
),
));
$handler->override_option('filters', array(
'created' => array(
'operator' => '>=',
'value' => array(
'type' => 'offset',
'value' => '-1 day',
'min' => '',
'max' => '',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'type' => array(
'operator' => 'in',
'value' => array(
'feed_video_item' => 'feed_video_item',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Node: Type',
'use_operator' => 0,
'identifier' => 'type',
'bef_filter_description' => '',
'bef_format' => 'default',
'optional' => 1,
'single' => 1,
'remember' => 0,
'reduce' => 0,
'bef_select_all_none' => 1,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'operator' => 'not',
'value' => 'Procaster',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'title_1' => array(
'operator' => 'not',
'value' => 'Live Show [livestream]',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('use_ajax', FALSE);
$handler->override_option('items_per_page', 1);
$handler->override_option('offset', 0);
$handler->override_option('style_options', array(
'grouping' => '',
'group' => array(
'element_type' => 'h3',
'class' => 'title',
),
'list' => array(
'element_type' => '',
'class' => '',
),
'row' => array(
'element_type' => 'div',
'class' => 'video-top',
'last_every_nth' => '0',
'first_class' => '',
'last_class' => '',
'striping_classes' => '',
),
));
$handler->override_option('attachment_position', 'before');
$handler->override_option('inherit_arguments', TRUE);
$handler->override_option('inherit_exposed_filters', FALSE);
$handler->override_option('inherit_pager', 0);
$handler->override_option('render_pager', 1);
$handler->override_option('displays', array(
'block_1' => 'block_1',
'default' => 0,
'block_2' => 0,
));
$handler = $view->new_display('attachment', 'This week - Top', 'attachment_2');
$handler->override_option('fields', array(
'field_feed_video_video_embed' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'none',
'format' => 'video_preview',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_embed',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_embed',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'title' => array(
'label' => 'Title',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'created' => array(
'label' => 'Post date',
'alter' => array(
'alter_text' => 1,
'text' => '[created] ago',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'date_format' => 'raw time ago',
'custom_date_format' => '1',
'exclude' => 1,
'id' => 'created',
'table' => 'node',
'field' => 'created',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'path' => array(
'label' => 'Path',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'absolute' => 0,
'exclude' => 1,
'id' => 'path',
'table' => 'node',
'field' => 'path',
'override' => array(
'button' => 'Override',
),
'relationship' => 'none',
),
'comment_count' => array(
'label' => 'Comment count',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'set_precision' => FALSE,
'precision' => 0,
'decimal' => '.',
'separator' => ',',
'prefix' => '',
'suffix' => '',
'exclude' => 1,
'id' => 'comment_count',
'table' => 'node_comment_statistics',
'field' => 'comment_count',
'relationship' => 'none',
),
'tid_list' => array(
'label' => 'All term images',
'alter' => array(
'alter_text' => FALSE,
'text' => '',
'make_link' => FALSE,
'path' => '',
'alt' => '',
'link_class' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'trim' => FALSE,
'max_length' => '',
'word_boundary' => TRUE,
'ellipsis' => TRUE,
'strip_tags' => FALSE,
'html' => FALSE,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'type' => 'separator',
'separator' => ', ',
'imagecache_preset' => '',
'link_to_taxonomy' => 0,
'limit' => 1,
'vids' => array(
'1' => 1,
'7' => 0,
'8' => 0,
'5' => 0,
),
'exclude' => 1,
'id' => 'tid_list',
'table' => 'term_image',
'field' => 'tid_list',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'field_feed_video_description_value' => array(
'label' => 'Description',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 1,
'max_length' => '130',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 1,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_description_value',
'table' => 'node_data_field_feed_video_description',
'field' => 'field_feed_video_description_value',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'field_feed_video_video_duration' => array(
'label' => 'Video',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'duration_time',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_video_duration',
'table' => 'node_data_field_feed_video_video',
'field' => 'field_feed_video_video_duration',
'relationship' => 'none',
),
'field_feed_video_views_value' => array(
'label' => 'Views',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '0',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'default',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 1,
'id' => 'field_feed_video_views_value',
'table' => 'node_data_field_feed_video_views',
'field' => 'field_feed_video_views_value',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
'nid' => array(
'label' => 'Nid',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'nid',
'table' => 'node',
'field' => 'nid',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'title_1' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 1,
'path' => 'node/[nid]',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 1,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Override',
),
'relationship' => 'feed_nid',
),
'nothing' => array(
'label' => '',
'alter' => array(
'text' => '<h2><a href="[path]">[title]</a></h2>
<div>casted by [title_1] [created]</div>
<div>[field_feed_video_video_embed]</div>
<div>[tid_list] | <strong>[field_feed_video_views_value]</strong> views | <strong>[field_feed_video_video_duration]</strong> min | <strong>[comment_count]</strong> comments</div>',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'exclude' => 0,
'id' => 'nothing',
'table' => 'views',
'field' => 'nothing',
'relationship' => 'none',
'override' => array(
'button' => 'Use default',
),
),
));
$handler->override_option('sorts', array(
'field_feed_video_views_value' => array(
'order' => 'DESC',
'delta' => -1,
'id' => 'field_feed_video_views_value',
'table' => 'node_data_field_feed_video_views',
'field' => 'field_feed_video_views_value',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('filters', array(
'created' => array(
'operator' => '>=',
'value' => array(
'type' => 'offset',
'value' => '-7 day',
'min' => '',
'max' => '',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'created',
'table' => 'node',
'field' => 'created',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
'type' => array(
'operator' => 'in',
'value' => array(
'feed_video_item' => 'feed_video_item',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Node: Type',
'use_operator' => 0,
'identifier' => 'type',
'bef_filter_description' => '',
'bef_format' => 'default',
'optional' => 1,
'single' => 1,
'remember' => 0,
'reduce' => 0,
'bef_select_all_none' => 1,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
'override' => array(
'button' => 'Override',
),
),
'title' => array(
'operator' => 'not',
'value' => 'Procaster',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'title_1' => array(
'operator' => 'not',
'value' => 'Live Show [livestream]',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'case' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Use default',
),
'relationship' => 'none',
),
));
$handler->override_option('use_ajax', FALSE);
$handler->override_option('items_per_page', 1);
$handler->override_option('offset', 0);
$handler->override_option('style_options', array(
'grouping' => '',
'group' => array(
'element_type' => 'h3',
'class' => 'title',
),
'list' => array(
'element_type' => '',
'class' => '',
),
'row' => array(
'element_type' => 'div',
'class' => 'video-top',
'last_every_nth' => '0',
'first_class' => '',
'last_class' => '',
'striping_classes' => '',
),
));
$handler->override_option('attachment_position', 'before');
$handler->override_option('inherit_arguments', TRUE);
$handler->override_option('inherit_exposed_filters', FALSE);
$handler->override_option('inherit_pager', FALSE);
$handler->override_option('render_pager', TRUE);
$handler->override_option('displays', array(
'block_2' => 'block_2',
'default' => 0,
'block_1' => 0,
));PLEASE NOTE
I’ve taken this view right out of a live project of mine. It will not work out of the box for you. There will be missing fields ( the Feeds fields ) and the images will definitely be borked up from the beginning.
The view is only there to show you how to set up Semantiv Views and the Attachment Views to copy the frontpage views of Vimeo.com.
See the semantic views settings and the “Global : Custom Text” field on every view to get an impression on how its done and set the default withs / heights of your embedded video field to fix the image problems.
I’m sorry, but i currently can’t provide an view that works out of the box. I might add that later, but its not likely. The view above is a good way to get started and with some hours of work you will make it work ![]()
I can however help you through some problems in the Comments. So please feel free to ask!
Back to topStep 5 – Creating the QuickTabs block
- Go to <yoursite>/admin/settings/quicktabs and make sure the default style is set to “no style” !
- Add a new quicktabs block
- Add two tabs, both set to View
- Make sure the Style is set to “Default”
- Set the first to our “video_frontpage” view and “block_1 – Today new” as display
- Set the second to our “video_frontpage” view and “block_2 – This week – most viewed” as display
- Save the Quickblock
- Go to Administer -> Blocks and move our Quickblock to “Content Top”, save and make the block only show up on “<front>” under Page specific visibility
Step 6 – Create the top menu
All credit for the initial work goes to JankoAtWarpspeed. I have done some adjustments to include Drupal’s user menus as well.
- Create a new block, set the default text filter to php
- Paste this code into your block
<div>
<ul id="mainmenu">
<li class="logo">
<div class="sprite sprite-menu_left" onclick="location.href='/';"><a href="/"></a></div>
</li>
<?php
global $user;
if ( $user->uid ) {
print '<li><a href="/user">' . $user->name . '</a>
<ul id="account">
<li>
<div class="corner_inset_left sprite sprite-corner_inset_left"></div>
<a href="/user">Settings</a>
<div class="corner_inset_right sprite sprite-corner_inset_right"></div>
</li>
<li><a href="/logout">Logout</a></li>
<li class="last">
<div class="corner_left sprite sprite-corner_left"></div>
<img src="/sites/default/themes/at_sc2fm/css/images/mainmenu_dot.gif" width="1" height="1" class="middle" alt=""/>
<div class="corner_right sprite sprite-corner_right"></div>
</li>
</ul>
</li>
<li><a href="/channels/bookmarks">Bookmarks</a>
<ul id="bookmarks">
<li>
<div class="corner_inset_left sprite sprite-corner_inset_left"></div>
<a href="/channels/bookmarks">Channels</a>
<div class="corner_inset_right sprite sprite-corner_inset_right"></div>
</li>
<li><a href="/videos/bookmarks">Videos</a></li>
<li class="last">
<div class="corner_left sprite sprite-corner_left"></div>
<img src="/sites/default/themes/at_sc2fm/css/images/mainmenu_dot.gif" width="1" height="1" class="middle" alt=""/>
<div class="corner_right sprite sprite-corner_right"></div>
</li>
</ul>
</li>';
}
else {
print '<li><a href="/user">Login</a></li>
<li><a href="/user/register">Register</a></li>';
}
?>
<li><a href="/channels">Explore</a>
<ul id="explore">
<li>
<div class="corner_inset_left sprite sprite-corner_inset_left"></div>
<a href="/channels">Channels</a>
<div class="corner_inset_right sprite sprite-corner_inset_right"></div>
</li>
<li><a href="/search">Search</a></li>
<li class="last">
<div class="corner_left sprite sprite-corner_left"></div>
<img src="/sites/default/themes/at_sc2fm/css/images/mainmenu_dot.gif" width="1" height="1" class="middle" alt=""/>
<div class="corner_right sprite sprite-corner_right"></div>
</li>
</ul>
</li>
<li><a href="/forum">Community</a>
<ul id="community">
<li>
<div class="corner_inset_left sprite sprite-corner_inset_left"></div>
<a href="/forum">Forum</a>
<div class="corner_inset_right sprite sprite-corner_inset_right"></div>
</li>
<li><a href="/chat">Chat</a></li>
<li class="last">
<div class="corner_left sprite sprite-corner_left"></div>
<img src="/sites/default/themes/at_sc2fm/css/images/mainmenu_dot.gif" width="1" height="1" class="middle" alt=""/>
<div class="corner_right sprite sprite-corner_right"></div>
</li>
</ul>
</li>
<li class="searchContainer">
<div>
<input type="text" id="searchField" onkeypress="evaluateSubmit(event, 'doSearch(\'' + this.id + '\')'); "/>
<img src="/sites/default/themes/at_sc2fm/css/images/magnifier.png" alt="Search" onclick="doSearch('searchField');" width="16" height="16" />
</div>
</li>
</ul>
<div style="float:left" class="sprite sprite-menu_right"></div>
</div>
Conclusion
Basically its not that hard to do. The steps might sound a bit complex especially adjusting the view, but its not that hard. It initially took me around 4 days to create the theme and the view from scratch.
Thanks for reading and let me know in the comments if it helped you and feel free to ask questions. I’ll do my best to guide you through.
Back to top