The basics - Before you start

Starting with a new theme, it sometimes takes a lot of time for first time users to really understand how it works. You may want to know how to customize layouts, typography, block styles and make it look the way you want.

In most cases you won't need to know PHP or database queries, but basic knowledge would be very helpful to get great results.

If you're an experienced Drupal developer or if you want to build the theme from zero with only the basic appearance of your theme, find this guide in handy. This guide will give you the detailed step by step installation guide to help you start building the content for Magazine to look exactly like the demo site.

1. Package

Included content:

  • README.txt
  • Magazine theme: magazine-7.x-1.1.zip
  • Demo Profile for Magazine: magazine-profile-7.x-1.1.zip

2. System Requirements

Database

  • MySQL 5.0.15 or higher with PDO
  • PostgreSQL 8.3 or higher with PDO
  • SQLite 3.3.7 or higher

PHP

  • PHP 5.2.5 or higher (5.4 or higher recommended)
  • PHP5 GD library installed
  • Disabled error_reporting flag on production server
  • Enabled mod_rewrite in Apache for clean URLs
  • Memory limit set up at least 128MB

If you are new to Drupal, please take a reference to System requirements on drupal.org.

3. Screenshots

Let's glance through the theme's design & some features:

Home

Blog

Gallery

Gallery (row)

Bed/Odds

Video

Contact

Livescore

Multi colors & Megamenu

4. Module requirements

Core Modules

  • Color
  • Comment
  • Contact

Third-party Modules

  1. Administration menu
  2. Block Class
  3. CKEditor
  4. Chaos tools
  5. Custom Search
  6. Chosen
  7. Date
  8. Devel
  9. Entity
  10. Entity Reference
  11. Frequently Asked Questions
  12. Facebook Page Plugin
  13. Field Group
  14. Font Awesome Icons
  15. Gallery Formatter
  16. Google Analytics
  17. Hierarchical Select
  18. IMCE
  19. Jcarousel
  20. jPlayer
  21. jQuery plugins
  22. jQuery Update
  23. Libraries
  24. Memcache API and Integration
  25. Menu Breadcrumb
  26. Module Filter
  27. Newsletter
  28. Path Auto
  29. Quicktabs
  30. ShareThis
  31. Superfish
  32. TagCloud
  33. Taxonomy Menu
  34. TB Megamenu
  35. Timefield
  36. Token
  37. Taxonomy Views Integrator
  38. Twitter Block
  39. Video Embed Field
  40. Views
  41. Views Field View
  42. Views Fieldsets
  43. Views Load More
  44. Views Slideshow
  45. Views Slideshow JCarousel
  46. Weather
  47. Webform
  48. YouTube Field

Required libraries by the modules

  • chosen
  • fontawesome
  • jcarousel
  • jplayer
  • jquery.cycle
  • jquery.timepicker
  • superfish

Download Drupal core files, and extend your site with modules at here.

Installation

Quick Installation Demo Profile

1. Download one theme package of your choice (e.g. Magazine)

Files included:

  • README.txt
  • Magazine theme package: magazine-7.x-1.1.zip
  • Magazine demo package: magazine-profile-7.x-1.1.zip. This demo package includes all source codes and content, including sample images. This package will be used to build a site like our demofor the theme easily.

Package

The below steps will give you the installation guide so that you can build your website to look exactly like the Magazine Demo

  • magazine-profile-7.x-1.1.zip

2. Extract magazine-profile-7.x-1.1.zip above and copy it into your host, and rename the directory to magazine

Quick Installation

3. Access your MySQL database and create a new database (e.g. magazine) and user account. Don't forget to add correct permissions to new user to access the database

Quick Installation

4. In the demo directory database/, you can find database dump named sample_data.sql.

Quick Installation

Import this file into new database.

Quick Installation

5. Now, you need to modify sites/default/default.settings.php file. Clone default.settings.php file, then rename it "settings.php"

Quick Installation

6. Open settings.php, then locate the $database array and set proper credentials.

Quick Installation

	
				 $databases['default']['default'] = array(
					  'driver' => 'mysql',
					  'database' => 'databasename',
					  'username' => 'username',
					  'password' => 'password',
					  'host' => 'localhost',
					  'prefix' => '',
					);
					

When using this installation, you are installing everything from our preview server. So don't forget to set proper values to access to your database: db name, db admin username, db admin password, host, etc.

7. Open the browser and visit your website with the prepopulated content & layout exactly like our Magazine Demo

Now, you can visit administrator site with the admin account admin/admin to delete the unnecessary contents and add the new ones.

Installation Magazine Theme for Drupal developers

If you're an experienced Drupal developer or if you want to build the theme from zero with only the basic appearance of your theme ((e.g. Magazine), find this guide in handy.

1. Install Drupal

1. Go to Drupal download page and download the latest version of Drupal 7.

Install Drupal 7

2. Extract and copy Drupal folder to your host and rename the directory (e.g: magazine)

Follow steps below to install a Drupal site only:

3. Access to database and create a new database with a name such as magazine.

Install Drupal 7

4. Open browser and navigate to your website.

5. Select Standard => click Save and continue button.

Install Drupal 7

6. Choose language => click Save and continue button.

Install Drupal 7

7. Enter database parameters => click Save and continue button.

Install Drupal 7

8. Enter site information => click Save and continue button.

Install Drupal 7

9. Click Visit your new site and you will have a new site.

You can refer the guide from drupal.org to delve more details about drupal installation.

2. Install Magazine Theme

  1. Extract Magazine theme .ZIP file:
    • magazine-7.x-1.1.zip
  2. Move this theme into your Drupal folder: sites/all/themes

  3. Navigate to Appearance > Choose Enable and set default Magazine theme

Taxonomy configuration

Quick Information

  • Taxonomy: Taxonomy can be simply understood as category management using organizational keywords known in other systems as categories, tags or metadata. It allows you to connect, relate and classify your website's content. In Drupal, these terms are gathered within "vocabularies". The Taxonomy module allows you to create, manage and apply those vocabularies.
  • Vocabulary: for example product category, tag, provider name, ...
  • Term: the items in each vocabulary. For example: vocabulary product category has some terms: laptop, pc, mobile, tablet, camera, headphone, ...
  • For more information about taxonomy, please see: Organizing content with taxonomies

Navigate to Structure > Taxonomy to create vocabularies as the following:

Vocabulary

Taxonomy term view

1. Navigate to Structure > Views. Enable "Taxonomy term" view.

2. Find Taxonomy term, click Edit page with following settings:

Vocabulary

3. In FORMAT > Show area, set following properties:

Vocabulary

4. In FIELDS area, click Add button to add fields: Content: Image, Content: Video, Global: Fieldset (Fieldset), Content: Title, Content: Updated date, Content: Body, Content: Link field and set following properties:

5. Set properties for Content: Image

Vocabulary

6. Set properties for Content: Video

Vocabulary

7. Set properties for Global: Fieldset (Fieldset)

Vocabulary

8. Set properties for Content: Title

Vocabulary

9. Set properties for Content: Updated date

Vocabulary

10. Set properties for Content: Body

Vocabulary

11. Set properties for Content: Link

Vocabulary

12. At FIELDS area, click Rearrange button and set following arrange

Vocabulary

13. In FILTER CRITERIA area, click Add button to add Content: Type and set following properties:

Vocabulary

14. In PAGE SETTINGS area, set Access following properties:

Vocabulary

15. Click Save button to save settings.

Go to Structure > Taxonomy > Add vocabulary to create "Category" object with the following settings:

Category

Add terms for each vocabulary:

Terms of Category:

Category

1. Terms of Category: Set properties term Swimming

Category

2. Terms of Category: Set properties term Football

Category

3. Terms of Category: Set properties term Rugby Union

Category

Terms of Leagues:

Leagues

Terms of Tags:

Tags

Note: See this guide to get more details about taxonomy configuration

Media configuration

Image Style Configuration

Image styles are the presets of image settings. Image styles are used to define how the images are shown.

Navigate to Configuration, In MEDIA area, click Image styles, then create image styles as the following:

Image Styles

Create a new image style

Step 1: Navigate to Configuration > MEDIA, click Image styles

Step 2: Click Add style to create a new style with the following properties:

Image Style

Step 3: Click Create new style

Step 4: Under Effect , Select Crop

Step 5: Click Add button > New popup is opened, Set the following properties:

Image Style

Step 6: Click Add effect button

Content type configuration

Modify Article type

1. Navigate to Structure > Content Type

2. In Article row, click "manage fields" link.

3. To add new field, you can fill in "Add new field" row

Article

4. Set properties for Tags field

Article

5. Set properties for Image field

Article

6. Set properties for Slideshow field

Article

7. Set properties for Team field

Article

8. Go to Manage display tab > Default set following properties:

Article

9. Click Save button

Modify Webform type

1. Navigate to Structure > Content Type

2. In Article row, click "manage fields" link.

3. To add new field, you can fill in "Add new field" row

Webform

4. Set properties for Body field

Webform

5. Go to Manage display tab > Default set following properties:

Webform

6. Go to Manage display tab > Teaser set following properties:

Webform

7. Click Save button

Create Bet Odds type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Bet Odds

Bet Odds

2. Go to Manage Fields and add following fields:

Bet Odds

3. Set properties for Category field

Bet Odds

4. Go to Manage display tab > Default set following properties:

Bet Odds

5. Click Save button

Create Blogs type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Blogs

2. Go to Manage Fields and add following fields:

Blogs

3. Set properties for Tags field

Blogs

4. Set properties for Image field

Blogs

5. Set properties for Category field

Blogs

6. Set properties for Team field

Blogs

7. Go to Manage display tab > Default set following properties:

Blogs

8. Go to Manage display tab > Teaser set following properties:

Blogs

9. Click Save button

Create Gallery type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Gallery

Gallery

2. Go to Manage Fields and add following fields:

Gallery

3. Set properties for Category field

Gallery

4. Set properties for Image field

Gallery

5. Go to Manage display tab > Default set following properties:

Gallery

6. Click Save button

Create Match type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Match

Match

2. Go to Manage Fields and add following fields:

Match

3. Set properties for TeamA field

Match

4. Set properties for TeamB field

Match

5. Set properties for Match Result field

Match

6. Set properties for Category field

Match

7. Set properties for Time field

Match

8. Click Save button

Create Team type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Team

Team

2. Go to Manage Fields and add following fields:

Team

3. Set properties for Image field

Team

4. Set properties for Leagues field

Team

5. Go to Manage display tab > Default set following properties:

Team

6. Click Save button

Create Video type

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Video

Video

2. Go to Manage Fields and add following fields:

Video

3. Set properties for Category field

Video

4. Set properties for Video field

Video

5. Go to Manage display tab > Default set following properties:

Video

6. Click Save button

Create Homepage

Search form

Front end Display

Search form

1. Navigate to Structure > Blocks, find Search form block, click configure link and set the following properties:

Search form

2. Click Save button

Login form

Front end Display

Login

1. Navigate to Structure > Blocks, find User login block, click configure link and set the following properties:

Login

2. Click Save button

Sport menu

Front end Display

Sport menu

1. Navigate to Structure > Blocks, find Superfish 1 block, click configure link and set the following properties:

Sport-menu

2. Click Save button

SlideShow

Front end Display

SlideShow

1. Create SlideShow view

1. Navigate to Structure > Views, click Add views link, Create SlideShow view with following properties:

SlideShow

2. Click Continue & edit button and set following properties:

SlideShow

3. At FORMAT Format: FlexSlider, click Settings and set following properties:

SlideShow

4. At FIELDS area, click Add button to add fields: Content: Slideshow .

5. Set properties for Content: Slideshow

SlideShow

6. At FIELDS area, click Rearrange button, then remove Field: Link field and set following arrange

SlideShow

7. At FILTER CRITERIA area, click Add button and add file Content: Type, Content: Slideshow:fid

8. Set properties for Content: Type

SlideShow

9. Set properties for Content: Slideshow:fid

SlideShow

10. At Advanced > OTHER area, add CSS class

SlideShow

11. Click Save button.

2. Configure SlideShow block

1. Navigate to Structure > Blocks

2. Find View: SlideShow, click configure link, set following properties

SlideShow

3. Click Save block button.

Frontpage view

1. Create Frontpage view

1. Go to Structure > Views. Enable "Front page" view.

2. Click "Edit" button inline "Front page" view, new window is opened with following properties:

Front page

3. In FIELDS area, click Add button to add fields: Content: Image, Global: Fieldset, Content: Body, Content: Link, Content: Category field and set following properties:

4. Set properties for Content: Image

Front page

5. Set properties for Global: Fieldset

Front page

6. Set properties for Content: Body

Front page

7. Set properties for Content: Link

Front page

8. Set properties for Content: Category

Front page

9. Click Save button.

2. Create Frontpage block view

Stay open Frontpage view, click Add button add Block new.

Frontpage

Front end Display

Frontpage

1. Next to steps below to set properties for the following fields:

Frontpage

2. In Advanced > Contextual filters area, click Add button to add fields: Global: Null, Content: Category and set following properties:

3. Set properties for Global: Null

Frontpage

4. Set properties for Content: Category

Frontpage

5. At FIELDS area, click Add button to add fields: Content: Image, Global: Fieldset, Content: Body, Content: Link, Content: Category field and set following properties:

6. Set properties for Content: Image

Frontpage

7. Set properties for Global: Fieldset

Frontpage

8. Set properties for Content: Body

Frontpage

9. Set properties for Content: Link

Frontpage

10. Set properties for Content: Category

Frontpage

11. At FIELDS area, click Rearrange button and set following arrange

Frontpage

12. At FILTER CRITERIA area, click Add button and add file Content: Image:fid set the following properties:

13. Set properties for Content: Image:fid

Frontpage

14. Click Save button.

3. Configure Frontpage block

1. Navigate to Structure > Blocks

2. Find View: Front page block, click configure link, set following properties

Frontpage

3. Click Save block button.

Premier League view

1. Create Premier League block view

Front end Display

Premier League

1. Navigate to Structure > Views, click Add views link, Create Premier League view with following properties:

Premier League

2. Click Continue & edit button and set following properties:

Premier League

3. At FIELDS area, click Add button to add fields: Content: Win, Content: Draw, Content: Lose, Content: Points field and set following properties:

4. Set properties for Content: Title

Premier League

5. Set properties for Content: Win

Premier League

6. Set properties for Content: Draw

Premier League

7. Set properties for Content: Lose

Premier League

8. Set properties for Content: Points

Premier League

9. At FILTER CRITERIA area, click Add button and add file Content: Type, Content: Leagues set the following properties:

10. Set properties for Content: Type

Premier League

11. Set properties for Content: Leagues

Premier League

12. Click Save button.

2. Configure Premier League block

1. Navigate to Structure > Blocks

2. Find View: Premier League block, click configure link, set following properties

Premier League

3. Click Save block button.

Trending Now view

1. Create Trending Now block view

Front end Display

Trending Now

1. Navigate to Structure > Views, click Add views link, Create Trending Now view with following properties:

Trending Now

2. Click Continue & edit button and set following properties:

Trending Now

3. At FIELDS area, click Add button to add fields: Content: Body field and set following properties:

4. Set properties for Content: Body

Trending Now

5. At Advanced > OTHER area, add CSS class

Trending Now

6. Click Save button.

2. Configure Trending Now block

1. Navigate to Structure > Blocks

2. Find View: Trending Now block, click configure link, set following properties

Trending Now

3. Click Save block button.

Top Headlines view

1. Create Top Headlines block view

Front end Display

Top Headlines

1. Navigate to Structure > Views, click Add views link, Create Top Headlines view with following properties:

Top Headlines

2. Click Continue & edit button and set following properties:

Top Headlines

3. At FIELDS area, click Add button to add fields: Content: Image, Content: Post date field and set following properties:

4. Set properties for Content: Image

Top Headlines

5. Set properties for Content: Post date

Top Headlines

6. At Advanced > OTHER area, add CSS class

Top Headlines

7. Click Save button.

2. Configure Top Headlines block

1. Navigate to Structure > Blocks

2. Find View: Top Headlines block, click configure link, set following properties

Top Headlines

3. Click Save block button.

Sports Links view

1. Navigate to Structure > Views, click Add views link, Create Sports Links view with following properties:

Sports Links

2. Click Continue & edit button and set following properties:

Sports Links

3. In Advanced > Contextual filters area, click Add button to add fields: Content: Category and set following properties:

Sports Links

4. At Advanced > OTHER area, add CSS class

Sports Links

5. Click Save button.

Sports Articles view

1. Navigate to Structure > Views, click Add views link, Create Sports Articles view with following properties:

Sports Articles

2. Click Continue & edit button and set following properties:

Sports Articles

3. In Advanced > Contextual filters area, click Add button to add fields: Content: Category and set following properties:

Sports Articles

4. At FIELDS area, click Add button to add fields: Content: Image, Content: Updated date, Content: Body field and set following properties:

5. Set properties for Content: Image

Sports Articles

6. Set properties for Content: Updated date

Sports Articles

7. Set properties for Content: Body

Sports Articles

8. At FIELDS area, click Rearrange button and set following arrange

Sports Articles

9. At FILTER CRITERIA area, click Add button and add file Content: Image:alt set the following properties:

Sports Articles

10. At FOOTER area, click Add button field Global: View area and set following properties:

Sports Articles

11. Click Save button.

Recent Updated view

1. Create Recent Updated block view

1. Navigate to Structure > Views, click Add views link, Create Recent Updated view with following properties:

Recent Updated

2. Click Continue & edit button and set following properties:

Recent Updated

3. At Display name area, set following properties:

Recent Updated

4. At FORMAT Format: Grid, click Settings and set following properties:

Recent Updated

5. In FIELDS area, click Add button to add fields: Content: Image, Content: Updated date, Content: Body, Content: Link field and set following properties:

6. Set properties for Content: Image

Recent Updated

7. Set properties for Content: Updated date

Recent Updated

8. Set properties for Content: Body

Recent Updated

9. Set properties for Content: Link

Recent Updated

10. At FIELDS area, click Rearrange button and set following arrange

Recent Updated

11. At SORT CRITERIA area, Click Add button to add Comment: Updated date and set following properties:

Recent Updated

12. At Advanced > OTHER area, add CSS class

Recent Updated

13. Click Save button.

2. Create Top Stories block view

Stay open Recent Updated view, click Add button add Block new.

Top Stories

1. Next to steps below to set properties for the following fields:

Top Stories

2. At Display name area, set following properties:

Top Stories

3. At Title area, set following properties:

Top Stories

4. At SORT CRITERIA area, Click Add button to add Content statistics: Views today, Content statistics: Total views and set following properties:

5. Set properties for Content statistics: Views today

Top Stories

6. Set properties for Content statistics: Total views

Top Stories

7. At SORT CRITERIA area, click Rearrange button and set following arrange

Top Stories

8. Click Save button.

3. Create Top Comment block view

Stay open Recent Updated view, click Add button add Block new.

Top Comment

1. Next to steps below to set properties for the following fields:

Top Comment

2. At Display name area, set following properties:

Top Comment

3. At Title area, set following properties:

Top Comment

4. At SORT CRITERIA area, Click Add button to add Content: Comment count and set following properties:

5. Set properties for Content: Comment count

Top Comment

6. At SORT CRITERIA area, click Rearrange button and set following arrange

Top Comment

7. Click Save button.

4. Create Top Viewed block view

Stay open Recent Updated view, click Add button add Block new.

Top Viewed

1. Next to steps below to set properties for the following fields:

Top Viewed

2. At Display name area, set following properties:

Top Viewed

3. At Title area, set following properties:

Top Viewed

4. At SORT CRITERIA area, Click Add button to add Content statistics: Total views and set following properties:

5. Set properties for Content statistics: Total views

Top Viewed

6. At SORT CRITERIA area, click Rearrange button and set following arrange

Top Viewed

7. Click Save button.

5. Create Quick Tab block

1. Navigate to Structure > Quicktab , click Add Quicktabs Intance, then create Quicktab quicktab with following settings:

Quick Tab

2. Click Save to save quicktab

6. Configuration block Quicktab

1. Navigate to Structure > Blocks, find Quicktab link, block with following properties:

Quick Tab

2. Click Save block button.

Explore the Olympia view

1. Create Explore the Olympia block view

Front end Display

Explore the Olympia

1. Navigate to Structure > Views, click Add views link, Create Explore the Olympia view with following properties:

Explore the Olympia

2. Click Continue & edit button and set following properties:

Explore the Olympia

3. At FORMAT Format: jCarousel, click Settings and set following properties:

Explore the Olympia

4. At FIELDS area, click Add button to add fields: Taxonomy term: Name, Taxonomy term: Term ID, Global: View field and set following properties:

5. Set properties for Taxonomy term: Name

Explore the Olympia

6. Set properties for Taxonomy term: Term ID

Explore the Olympia

7. Set properties for Global: View

Explore the Olympia

8. At FILTER CRITERIA area, click Add button and add file Taxonomy vocabulary: Machine name, Taxonomy term: Parent term set the following properties:

9. Set properties for Taxonomy vocabulary: Machine name

Explore the Olympia

10. Set properties for Taxonomy term: Parent term

Explore the Olympia

11. At Advanced > OTHER area, add CSS class

Explore the Olympia

12. Click Save button.

2. Configure Explore the Olympia block

1. Navigate to Structure > Blocks

2. Find View: Explore the Olympia block, click configure link, set following properties

Explore the Olympia

3. Click Save block button.

Select Your Team For Team News view

1. Create Select Your Team For Team News block view

Front end Display

Select Your Team For Team News

1. Navigate to Structure > Views, click Add views link, Create Select Your Team For Team News view with following properties:

Select Your Team For Team News

2. Click Continue & edit button and set following properties:

Select Your Team For Team News

3. At FIELDS area, click Add button to add fields: Content: Nid, Content: Image field and set following properties:

4. Set properties for Content: Title

Select Your Team For Team News

5. Set properties for Content: Nid

Select Your Team For Team News

6. Set properties for Content: Image

Select Your Team For Team News

7. At Advanced > OTHER area, add CSS class

Select Your Team For Team News

8. Click Save button.

2. Configure Select Your Team For Team News block

1. Navigate to Structure > Blocks

2. Find View: Select Your Team For Team News block, click configure link, set following properties

Select Your Team For Team News

3. Click Save block button.

Highlight News view

1. Create Highlight News block view

Front end Display

Highlight News

1. Navigate to Structure > Views, click Add views link, Create Highlight News view with following properties:

Highlight News

2. Click Continue & edit button and set following properties:

Highlight News

3. At FORMAT Format: Slideshow, click Settings and set following properties:

Highlight News

4. At FIELDS area, click Add button to add fields: Global: Fieldset, Content: Updated date, Content: Body, Content: Link, Content: Image, Content: Image field and set following properties:

5. Set properties for Global: Fieldset

Highlight News

6. Set properties for Content: Updated date

Highlight News

7. Set properties for Content: Body

Highlight News

8. Set properties for Content: Link

Highlight News

9. Set properties for Content: Image

Highlight News

10. Set properties for Content: Image

Highlight News

11. At Advanced > OTHER area, add CSS class

Highlight News

12. Click Save button.

2. Configure Highlight News block

1. Navigate to Structure > Blocks

2. Find View: Highlight News block, click configure link, set following properties

Highlight News

3. Click Save block button.

Videos view

1. Create Videos block view

Front end Display

Videos

1. Navigate to Structure > Views, click Add views link, Create Videos view with following properties:

Videos

2. Click Continue & edit button and set following properties:

Videos

3. At FIELDS area, click Add button to add fields: Content: Video field and set following properties:

4. Set properties for Content: Video

Videos

5. At Advanced > OTHER area, add CSS class

Videos

6. Click Save button.

2. Configure Videos block

1. Navigate to Structure > Blocks

2. Find View: Videos block, click configure link, set following properties

Videos

3. Click Save block button.

Footer view

Front end Display

Footer

1. Create Footer view

1. Navigate to Structure > Views, click Add views link, Create Footer view with following properties:

Footer

2. Click Continue & edit button and set following properties:

Footer

3. At Display name area, set following properties:

Footer

4. At Title area, set following properties:

Footer

5. At FILTER CRITERIA area, click Add button and add file Taxonomy term: Parent term set the following properties:

Footer

6. Click Save button.

2. Configure Football block

1. Navigate to Structure > Blocks

2. Find View: Footer: Football block, click configure link, set following properties

Footer

3. Click Save block button.

3. Create Rugby Union view

Stay open Collection view, click Add button add Block new.

Rugby Union

1. Next to steps below to set properties for the following fields:

Rugby Union

2. At Display name area, set following properties:

Rugby Union

3. At Title area, set following properties:

Rugby Union

4. At FILTER CRITERIA area, click Add button and add file Taxonomy term: Parent term set the following properties:

Rugby Union

5. Click Save button.

4. Configure Rugby Union block

1. Navigate to Structure > Blocks

2. Find View: Footer: Rugby Union block, click configure link, set following properties

Rugby Union

3. Click Save block button.

5. Create Cricket view

Stay open Collection view, click Add button add Block new.

Cricket

1. Next to steps below to set properties for the following fields:

Cricket

2. At Display name area, set following properties:

Cricket

3. At Title area, set following properties:

Cricket

4. At FILTER CRITERIA area, click Add button and add file Taxonomy term: Parent term set the following properties:

Cricket

5. Click Save button.

6. Configure Cricket block

1. Navigate to Structure > Blocks

2. Find View: Footer: Cricket block, click configure link, set following properties

Cricket

3. Click Save block button.

7. Create Golf view

Stay open Collection view, click Add button add Block new.

Golf

1. Next to steps below to set properties for the following fields:

Golf

2. At Display name area, set following properties:

Golf

3. At Title area, set following properties:

Golf

4. At FILTER CRITERIA area, click Add button and add file Taxonomy term: Parent term set the following properties:

Golf

5. Click Save button.

8. Configure Golf block

1. Navigate to Structure > Blocks

2. Find View: Footer: Golf block, click configure link, set following properties

Golf

3. Click Save block button.

9. Create Tennis view

Stay open Collection view, click Add button add Block new.

Tennis

1. Next to steps below to set properties for the following fields:

Tennis

2. At Display name area, set following properties:

Tennis

3. At Title area, set following properties:

Tennis

4. At FILTER CRITERIA area, click Add button and add file Taxonomy term: Parent term set the following properties:

Tennis

5. Click Save button.

10. Configure Tennis block

1. Navigate to Structure > Blocks

2. Find View: Footer: Tennis block, click configure link, set following properties

Tennis

3. Click Save block button.

BBC Tweets

Front end Display

BBC Tweets

1. Navigate to Structure > Blocks

2. Click Add Twitter block link to create block, for example: BBC Tweets block and set properties for them.

BBC Tweets

3. Click Save button

Connect with us

Front end Display

Connect with us

1. Navigate to Structure > Blocks

2. Click Add block link to create block, for example: Connect with us block and set properties for them.

Connect with us

3. Click Save button

Refer to following HTML code:


 

Or connect with us

Copyright

Front end Display

Copyright

1. Navigate to Structure > Blocks

2. Click Add block link to create block, for example: Copyright block and set properties for them.

Copyright

3. Click Save button

Refer to following HTML code:


 

Copyright © 2014 Sport Magazine. All Rights Reserved. Designed by WeebPal. Powered by Drupal

Main Menu: main-menu block or TB Mega Menu

Drupal Main Menu block

TB Mega Menu

Main menu

Main menu

Bet/Odds

Bet/Odds menu

Footer menu

Footer menu

Sport menu

Sport menu

Create Subpages

Tags in Tags block

Front end Display

Tags in Tags

1. Navigate to Structure > Blocks, find Tags in Tags block, click configure link and set the following properties:

Tags in Tags

2. Click Save button

motoSport block

1. Create motoSport block

1. Navigate to Structure > Quicktab , click Add Quicktabs Intance, then create motoSport quicktab with following settings:

motoSport

2. Click Save to save quicktab

2. Configuration block motoSport

1. Navigate to Structure > Blocks, find motoSport link, block with following properties:

motoSport

2. Click Save block button.

Blogs page

Front end Display

Blogs

1. Navigate to Structure > Views, click Add views link, Create Blogs view with following properties:

Blogs

2. Click Continue & edit button and set following properties:

Blogs

3. At FIELDS area, click Add button to add fields: Content: Image, Content: Updated date, Content: Body, Content: Link field and set following properties:

4. Set properties for Content: Image

Blogs

5. Set properties for Content: Updated date

Blogs

6. Set properties for Content: Body

Blogs

7. Set properties for Content: Link

Blogs

8. At PAGE SETTINGS > Menu area, set the following properties:

Blogs

9. At Advanced > OTHER area, add CSS class

Blogs

10. Click Save button.

Categories view

Front end Display

Categories

1. Create Categories block view

1. Navigate to Structure > Views, click Add views link, Create Categories view with following properties:

Categories

2. Click Continue & edit button and set following properties:

Categories

3. In FILTER CRITERIA area, click Add button to add Taxonomy term: Parent term and set following properties:

Categories

4. At SORT CRITERIA area, Click Add button to add Taxonomy term: Name

Categories

5. At Advanced > OTHER area, add CSS class

Categories

6. Click Save button.

2. Configure Categories block

1. Navigate to Structure > Blocks

2. Find View: Categories, click configure link, set following properties

Categories

3. Click Save block button.

Quote

Front end Display

Quote

1. Navigate to Structure > Blocks

2. Click Add block link to create block, for example: Quote block and set properties for them.

Quote

3. Click Save button

Refer to following HTML code:


 

Brian Cashman

IT'S A GOAL, NOT A MANDATE

Recent comments view

1. Create Recent comments page view

1. Go to Structure > Views. Enable "Recent comments" view.

2. Click "Edit" button inline "Recent comments" view, new window is opened with following properties:

Recent comments

3. At FORMAT Format: Grid area, click Settings and set following properties:

Recent comments

4. In FIELDS area, click Add button to add fields: Content: Title, Comment: Updated date, Comment: Comment field and set following properties:

5. Set properties for Content: Title

Recent comments

6. Set properties for Comment: Updated date

Recent comments

7. Set properties for Comment: Comment

Recent comments

8. In FILTER CRITERIA area, click Add button to add Content: Published or admin field and set following properties:

Recent comments

9. At SORT CRITERIA area, Click Add button to add Comment: Updated date and set following properties:

Recent comments

10. At PAGE SETTINGS > Path area, set the following properties:

Recent comments

11. At PAGER > More link area, click link

Recent comments

12. Click Save button.

2. Create Recent comments block view

Stay open Recent comments view, click Add button add Block new.

Recent comments

Front end Display

Recent comments

1. Next to steps below to set properties for the following fields:

Recent comments

2. At Advanced > OTHER area, click Machine Name

Recent comments

3. Click Save button.

3. Configure Recent comments block

1. Navigate to Structure > Blocks

2. Find View: Recent comments, click configure link, set following properties

Recent comments

3. Click Save block button.

Sport Specialist view

Front end Display

Sport Specialist

1. Create Sport Specialist block view

1. Navigate to Structure > Views, click Add views link, Create Sport Specialist view with following properties:

Sport Specialist

2. Click Continue & edit button and set following properties:

Sport Specialist

3. In FIELDS area, click Add button to add fields: User: Picture, User: Description field and set following properties:

4. Set properties for User: Picture

Sport Specialist

5. Set properties for User: Description

Sport Specialist

6. At Advanced > OTHER area, add CSS class

Sport Specialist

7. Click Save button.

2. Configure Sport Specialist block

1. Navigate to Structure > Blocks

2. Find View: Sport Specialist, click configure link, set following properties

Sport Specialist

3.Click Save block button.

Recent Posts view

Front end Display

Recent Posts

1. Create Recent Posts block view

1. Navigate to Structure > Views, click Add views link, Create Recent Posts view with following properties:

Recent Posts

2. Click Continue & edit button and set following properties:

Recent Posts

3. At Display name area, set following properties:

Recent Posts

4. In FIELDS area, click Add button to add fields: Content: Image, Content: Updated date field and set following properties:

5. Set properties for Content: Image

Recent Posts

6. Set properties for Content: Updated date

Recent Posts

4. At Advanced > OTHER area, add CSS class

Recent Posts

7. Click Save button.

2. Configure Recent Posts block

1. Navigate to Structure > Blocks

2. Find View: Recent Posts: Recent Posts, click configure link, set following properties

Recent Posts

3.Click Save block button.

3. Create Featured News block view

Stay open Recent Posts view, click Add button add Block new.

Featured News

Front end Display

Featured News

1. Next to steps below to set properties for the following fields:

Featured News

2. At Display name area, set following properties:

Featured News

3. At Title area, set following properties:

Featured News

4. In FIELDS area, click Add button to add fields: Content: Video field and set following properties:

5. Set properties for Content: Video

Featured News

6. In FILTER CRITERIA area, click Add button to add Content: Type set following properties:

7. Set properties for Content: Type

Featured News

8. Click Save button.

4. Configure Featured News block

1. Navigate to Structure > Blocks

2. Find View: Recent Posts: Featured News, click configure link, set following properties

Featured News

3.Click Save block button.

5. Create Latest Blog Posts block view

Stay open Recent Posts view, click Add button add Block new.

Latest Blog Posts

Front end Display

Latest Blog Posts

1. Next to steps below to set properties for the following fields:

Latest Blog Posts

2. At Display name area, set following properties:

Latest Blog Posts

3. At Title area, set following properties:

Latest Blog Posts

4. In FIELDS area, field and set following properties:

5. Set properties for Content: Image

Latest Blog Posts

6. Set properties for Content: Updated date

Latest Blog Posts

7. At Advanced > OTHER area, add CSS class

Latest Blog Posts

8. Click Save button.

6. Configure Latest Blog Posts block

1. Navigate to Structure > Blocks

2. Find View: Recent Posts: Latest Blog Posts, click configure link, set following properties

Latest Blog Posts

3. Click Save block button.

Most Viewed view

1. Create Recent Posts block view

Stay open Recent Updated view, click Add button add Block new.

Most Viewed

Front end Display

Most Viewed

1. Next to steps below to set properties for the following fields:

Most Viewed

2. At Display name area, set following properties:

Most Viewed

3. At Title area, set following properties:

Most Viewed

4. At FORMAT Format: Grid area, click Settings and set following properties:

Most Viewed

5. In FIELDS area, field and set following properties:

6. Set properties for Content: Image

Most Viewed

7. At FIELDS area, click Rearrange button and set following arrange

Most Viewed

8. In FILTER CRITERIA area, click Add button to add Content: Type set following properties:

9. Set properties for Content: Type

Most Viewed

10. At SORT CRITERIA area, Click Add button to add Content statistics: Total views and set following properties:

11. Set properties for Content statistics: Total views

Most Viewed

12. At SORT CRITERIA area, click Rearrange button and set following arrange

Most Viewed

13. At PAGER > Use pager area, click link

Most Viewed

14. In Advanced > OTHER area, add CSS class change following properties:

Most Viewed

15. Click Save button.

2. Configure Most Viewed block

1. Navigate to Structure > Blocks

2. Find View: Recent Updated: Most Viewed, click configure link, set following properties

Most Viewed

3. Click Save block button.

3. Create Top News block view

Stay open Recent Updated view, click Add button add Block new.

Top News

Front end Display

Top News

1. Next to steps below to set properties for the following fields:

Top News

2. At Display name area, set following properties:

Top News

3. At Title area, set following properties:

Top News

4. At SORT CRITERIA area, Click Add button to add Content statistics: Views today, Content statistics: Total views and set following properties:

5. Set properties for Content statistics: Views today

Top News

6. Set properties for Content statistics: Total views

Top News

7. At SORT CRITERIA area, click Rearrange button and set following arrange

Top News

8. Click Save button.

4. Configure Top News block

1. Navigate to Structure > Blocks

2. Find View: Recent Updated: Top News, click configure link, set following properties

Top News

3. Click Save block button.

Gallery page

1. Create Gallery view

Front end Display

Gallery

1. Navigate to Structure > Views, click Add views link, Create Gallery view with following properties:

Gallery

2. Click Continue & edit button and set following properties:

Gallery

3. In FIELDS area, click Add button to add fields: Content: Images field and set following properties:

4. Set properties for Content: Images

Gallery

5. At PAGE SETTINGS > Menu area, set the following properties:

Gallery

6. At Header area, Click Add button to add Global: Text area and set the following properties:

Gallery

7. In Advanced > OTHER area, add CSS class change following properties:

Gallery

8. Click Save button.

2. Create Gallery(row) view

Stay open Gallery view, click Add button add Page new.

Gallery(row)

Front end Display

Gallery(row)

1. Next to steps below to set properties for the following fields:

Gallery(row)

2. At FORMAT Format: Unformatted list area, click Settings and set following properties:

Gallery(row)

3. In FIELDS area, click Add button to add fields: Global: Fieldset, Content: Updated date, Content: Body field and set following properties:

4. Set properties for Global: Fieldset

Gallery(row)

5. Set properties for Content: Updated date

Gallery(row)

6. Set properties for Content: Body

Gallery(row)

7. At FIELDS area, click Rearrange button and set following arrange

Gallery(row)

8. At PAGE SETTINGS > Path area, set the following properties:

Gallery(row)

9. At PAGE SETTINGS > Menu area, set the following properties:

Gallery(row)

10. At PAGER > Use pager area, click link

Gallery(row)

11. In Advanced > OTHER area, add CSS class change following properties:

Gallery(row)

12. Click Save button.

Bet/Odds page

1. Create Bet/Odds pages view

Front end Display

Bet/Odds

1. Navigate to Structure > Views, click Add views link, Create Bet/Odds view with following properties:

Bet/Odds

2. Click Continue & edit button and set following properties:

Bet/Odds

3. In Advanced > Contextual filters area, click Add button to add fields: Content: Category and set following properties:

Bet/Odds

4. In FIELDS area, click Add button to add fields: Content: Category, Content: Updated date, Global: Fieldset, Content: Home, Content: Draw, Content: Away, Content: Body field and set following properties:

5. Set properties for Content: Category

Bet/Odds

6. Set properties for Content: Updated date

Bet/Odds

7. Set properties for Global: Fieldset

Bet/Odds

8. Set properties for Content: Home

Bet/Odds

9. Set properties for Content: Draw

Bet/Odds

10. Set properties for Content: Away

Bet/Odds

11. Set properties for Content: Body

Bet/Odds

12. At FIELDS area, click Rearrange button and set following arrange

Bet/Odds

13. At PAGE SETTINGS > Menu area, set the following properties:

Bet/Odds

14. In Advanced > OTHER area, add CSS class change following properties:

Bet/Odds

15. Click Save button.

2. Create Match of the day block view

Stay open Bet/Odds view, click Add button add Block new.

Match of the day

Front end Display

Match of the day

1. Next to steps below to set properties for the following fields:

Match of the day

2. At Title area, set following properties:

Match of the day

3. In FIELDS area, field and set following properties:

4. Set properties for Content: Updated date

Match of the day

5. Set properties for Content: Body

Match of the day

6. At PAGER > Use pager area, click link

Match of the day

7. Click Save button.

3. Configure Match of the day block

1. Navigate to Structure > Blocks

2. Find View: Bet/Odds, click configure link, set following properties

Match of the day

3.Click Save block button.

Videos page

1. Create Videos pages view

Stay open Videos view, click Add button add Page new.

Videos page

Front end Display

Videos page

1. Next to steps below to set properties for the following fields:

Videos page

2. In FIELDS area, click Add button to add fields: Content: Video field and set following properties:

3. Set properties for Content: Video

Videos page

4. Set properties for Content: Title

Videos page

5. At FIELDS area, click Rearrange button and set following arrange

Videos page

6. At PAGE SETTINGS > Path area, set the following properties:

Videos page

7. At PAGE SETTINGS > Menu area, set the following properties:

Videos page

8. At PAGER > Use pager area, click link

Videos page

9. Click Save button.

2. Create Videos block view

Stay open Videos view, click Add button add Block new.

Videos block

Front end Display

Videos block

1. Next to steps below to set properties for the following fields:

Videos block

2. At FORMAT Format: Unformatted list area, click Settings and set following properties:

Videos block

3. In FIELDS area, click Add button to add fields: Content: Updated date, Content: Body field and set following properties:

4. Set properties for Content: Video

Videos block

5. Set properties for Content: Updated date

Videos block

6. Set properties for Content: Body

Videos block

7. At FIELDS area, click Rearrange button and set following arrange

Videos block

8. At PAGER > Use pager area, click link

Videos block

9. In Advanced > OTHER area, add CSS class change following properties:

Videos block

10. Click Save button.

3. Configure Videos block

1. Navigate to Structure > Blocks

2. Find View: Videos, click configure link, set following properties

Videos block

3.Click Save block button.

Sailing Mega Block block

1. Create Sailing Mega Block block view

Front end Display

Sailing Mega Block

1. Navigate to Structure > Views, click Add views link, Create Sailing Mega Block view with following properties:

Sailing Mega Block

2. Click Continue & edit button and set following properties:

Sailing Mega Block

3. At Display name area, set following properties:

Sailing Mega Block

4. At FORMAT Format: Grid area, click Settings and set following properties:

Sailing Mega Block

5. In FIELDS area, click Add button to add fields: Content: Image, Content: Video, Content: Updated date, Content: Link field and set following properties:

6. Set properties for Content: Image

Sailing Mega Block

7. Set properties for Content: Video

Sailing Mega Block

8. Set properties for Content: Updated date

Sailing Mega Block

9. Set properties for Content: Link

Sailing Mega Block

10. At FIELDS area, click Rearrange button and set following arrange

Sailing Mega Block

11. In FILTER CRITERIA area, click Add button to add Content: Category field and set following properties:

Sailing Mega Block

12. In Advanced > OTHER area, add CSS class change following properties:

Sailing Mega Block

13. Click Save button.

2. Create Sailing Mega Block 2 block view

Stay open Sailing Mega Block view, click Add button add Block new.

Sailing Mega Block 2

1. Next to steps below to set properties for the following fields:

Sailing Mega Block 2

2. At Display name area, set following properties:

Sailing Mega Block 2

3. At Title area, set following properties:

Sailing Mega Block 2

4. At FORMAT Format: Unformatted list area, click Settings and set following properties:

Sailing Mega Block 2

5. In FIELDS area, field and set following properties:

6. Set properties for Content: Image

Sailing Mega Block 2

7. At PAGER > Use pager area, click link

Sailing Mega Block 2

8. In Advanced > OTHER area, add CSS class change following properties:

Sailing Mega Block 2

9. Click Save button.

Latest News page

1. Create Latest News page view

Front end Display

Latest News

1. Navigate to Structure > Views, click Add views link, Create Latest News view with following properties:

Latest News

2. Click Continue & edit button and set following properties:

Latest News

3. In FIELDS area, click Add button to add fields: Content: Image, Content: Video field and set following properties:

4. Set properties for Content: Image

Latest News

5. Set properties for Content: Video

Latest News

6. At FIELDS area, click Rearrange button and set following arrange

Latest News

7. In FILTER CRITERIA area, click Add button to add Content: Type field and set following properties:

Latest News

8. At PAGER > More link area, click link

Latest News

9. In Advanced > OTHER area, add CSS class change following properties:

Latest News

10. Click Save button.

2. Create Latest News (4cols) block view

Stay open Latest News view, click Add button add Block new.

Latest News (4cols)

Front end Display

Latest News (4cols)

1. Next to steps below to set properties for the following fields:

Latest News (4cols)

2. At Display name area, set following properties:

Latest News (4cols)

3. At PAGER > Use pager area, click link

Latest News (4cols)

4. At PAGER > More link area, click link

Latest News (4cols)

5. Click Save button.

3. Configure Latest News (4cols) block

1. Navigate to Structure > Blocks

2. Find View: Latest News: Latest News (4cols), click configure link, set following properties

Latest News (4cols)

3.Click Save block button.

4. Create Latest News (6cols) block view

Stay open Latest News view, click Add button add Block new.

Latest News (6cols)

Front end Display

Latest News (6cols)

1. Next to steps below to set properties for the following fields:

Latest News (6cols)

2. At Display name area, set following properties:

Latest News (6cols)

3. At FORMAT Format: Grid area, click Settings and set following properties:

Latest News (6cols)

4. In FIELDS area, field and set following properties:

5. Set properties for Content: Image

Latest News (6cols)

6. Set properties for Content: Video

Latest News (6cols)

7. At PAGER > Use pager area, click link

Latest News (6cols)

8. Click Save button.

5. Configure Latest News (6cols) block

1. Navigate to Structure > Blocks

2. Find View: Latest News: Latest News (6cols), click configure link, set following properties

Latest News (6cols)

3.Click Save block button.

6. Create Latest News (1col) block view

Stay open Latest News view, click Add button add Block new.

Latest News (1col)

Front end Display

Latest News (1col)

1. Next to steps below to set properties for the following fields:

Latest News (1col)

2. At Display name area, set following properties:

Latest News (1col)

3. At FORMAT Format: Unformatted list area, click Settings and set following properties:

Latest News (1col)

4. In FIELDS area, click Add button to add fields: Global: Fieldset, Content: Updated date, Content: Body, Content: Link field and set following properties:

5. Set properties for Global: Fieldset

Latest News (1col)

6. Set properties for Content: Updated date

Latest News (1col)

7. Set properties for Content: Body

Latest News (1col)

8. Set properties for Content: Link

Latest News (1col)

9. At FIELDS area, click Rearrange button and set following arrange

Latest News (1col)

10. At PAGER > Use pager area, click link

Latest News (1col)

11. In Advanced > OTHER area, add CSS class change following properties:

Latest News (1col)

12. Click Save button.

7. Configure Latest News (1cols) block

1. Navigate to Structure > Blocks

2. Find View: Latest News: Latest News (1col), click configure link, set following properties

Latest News (1col)

3.Click Save block button.

Rugby Union page

Create Rugby Union view

Stay open Videos view, click Add button add Page new.

Rugby Union

1. Next to steps below to set properties for the following fields:

Rugby Union

2. At Display name area, set following properties:

Rugby Union

3. In FIELDS area, field and set following properties:

4. Set properties for Content: Image

Rugby Union

5. In FILTER CRITERIA area, click Add button to add Content: Has taxonomy terms field and set following properties:

Rugby Union

6. At PAGE SETTINGS > Path area, set the following properties:

Rugby Union

7. In Advanced > OTHER area, add CSS class change following properties:

Rugby Union

8. Click Save button.

Livescore page

Create Livescore view

Front end Display

Livescore

1. Navigate to Structure > Views, click Add views link, Create Livescore view with following properties:

Livescore

2. Click Continue & edit button and set following properties:

Livescore

3. In FIELDS area, click Add button to add fields: Content: Time, Content: TeamA, Content: Match Result, Content: TeamB, Content: Category field and set following properties:

4. Set properties for Content: Time

Livescore

5. Set properties for Content: TeamA

Livescore

6. Set properties for Content: Match Result

Livescore

7. Set properties for Content: TeamB

Livescore

8. Set properties for Content: Category

Livescore

9. At FIELDS area, click Rearrange button and set following arrange

Livescore

10. At PAGE SETTINGS > Menu area, set the following properties:

Livescore

11. In Advanced > OTHER area, add CSS class change following properties:

Livescore

12. Click Save button.

Other Latest News view

Front end Display

Other Latest News

1. Create Other Latest News block view

1. Navigate to Structure > Views, click Add views link, Create Other Latest News view with following properties:

Other Latest News

2. Click Continue & edit button and set following properties:

Other Latest News

3. At Advanced > OTHER area, add CSS class

Other Latest News

4. Click Save button.

2. Configure Other Latest News block

1. Navigate to Structure > Blocks

2. Find View: Other Latest News, click configure link, set following properties

Other Latest News

3.Click Save block button.

Team News page

Create Team News view

1. Navigate to Structure > Views, click Add views link, Create Team News view with following properties:

Team News

2. Click Continue & edit button and set following properties:

Team News

3. At Title area, set following properties:

Team News

4. In Advanced > Contextual filters area, click Add button to add fields: Content: Team and set following properties:

Team News

5. In Advanced > REALATIONSHIPS area, click Add button to add fields: Entity Reference: Referenced Entity and set following properties:

Team News

6. In FIELDS area, click Add button to add fields: Content: Image field and set following properties:

7. Set properties for Content: Image

Team News

8. At PAGE SETTINGS > Path area, set the following properties:

Team News

9. Click Save button.

Champions League view

Stay open Football view, click Add button add Block new.

Champions League

Front end Display

Champions League

1. Create Champions League block view

1. Next to steps below to set properties for the following fields:

Champions League

2. At Display name area, set following properties:

Champions League

3. At Title area, set following properties:

Champions League

4. At FORMAT Format: Unformatted list area, click Settings and set following properties:

Champions League

5. In FIELDS area, click Add button to add fields: Content: Updated date field and set following properties:

6. Set properties for Content: Updated date

Champions League

7. In FILTER CRITERIA area, click Add button to add Content: Has taxonomy terms, Content: Type field and set following properties:

8. Set properties for Content: Has taxonomy terms

Champions League

9. Set properties for Content: Type

Champions League

10. At PAGER > Use pager area, click link

Champions League

11. Click Save button.

2. Configure Champions League block

1. Navigate to Structure > Blocks

2. Find View: Football: Champions League, click configure link, set following properties

Champions League

3.Click Save block button.

Contact from page

1. Create Content Webform

Front end Display

Contact

1. Navigate to Content > Add Content > Webformlink and set the following properties:

Contact

2. Click Save button

Refer to following HTML code:


 

HOW TO CONTACT US

Maecenas lectus tellus, faucibus id auctor vitae, egestas nec turpis. Proin accumsan interdum lacus nec convallis. Sed vestibulum placerat auctor. Maecenas scelerisque nibh nec eros mattis id suscipit sem viverra. Maecenas lectus tellus, faucibus id auctor vitae.

2. Configure Webform

1. Navigate to Content > Webforms

2. In Webforms row, click "Components" link.

3. Go to Form components link and set the following properties:

Contact

4. Go to Form settings link and set the following properties:

Contact

5.Click Save configuration button.

More Configurations

Site Information

In this section, you can change basic settings, such as the site name, slogan, e-mail address.

1. Log in to Administration site page by administrator account

2. Navigate to the Site Information page Configuration > System: Site information

Site Information

3. Change site details from the view:

  1. Site name
  2. Slogan
  3. E-mail address
  4. Set Default Front page

4. Click on Save configuration to finish editing.

Color Configuration

1. Create a new color.

Step 1: Navigate to the directory: magazine/sites/all/themes/magazine, you can find file magazine.info, open this file.

Color Configuration

Step 2: Locate the skins[ ] arrays and add new code row:

Color Configuration

Step 3: Save file.

Step 4: Navigate to the directory: magazine/sites/all/themes/magazine/css/colors, clone a folder, then rename it "new_color"

Color Configuration

Step 5: new_color folder includes images folder and style.css file.

Now, you can style new color for theme by modifying style.css file.

Color Configuration

2. Create a new background.

Step 1: Navigate to the directory: magazine/sites/all/themes/magazine, you can find file, open file magazine.info

Background Configuration

Step 2: Locate the backgrounds[ ] arrays and add new code row:

Background Configuration

Step 3: Save file.

Step 4: Move your background image into the directory: magazine/sites/all/themes/magazine/images

Background Configuration

Step 5: Navigate to the directory: magazine/sites/all/themes/magazine/css, open file base.css, and add new code row:

Background Configuration

Step 6: Save file.

3. Configuration.

Step 1: Log into website by administrator account.

Step 2: Go to Appearance find magazine-7.x-1.1, click on Settings

Step 3: At CONFIGS area, select one of options for Layout, Skin, Background to set default, (e.g: New Color), and at TOGGLE DISPLAY area, check Show Skins Menu option if you want to display Skins menu on front-end pages.

Appearance Settings

Language Configuration

This section guides you how to have multiple languages for your site. Magazine Theme supports both Left to Right and Right to Left languages.

Step 1: Navigate to Configuration > Regional and Language > Languages then add new language.

Language Configuration

Step 2: Check to enable and set default language

Step 3: Save configuration