which has been converted like screenshot below. Demo can be seen in http://moo-magz.blogspot.com/
This template name is Moo Magaizne. Features and descriptions of this template is
- Adopting Style Magazine
- 4 column in addition to articles and pages
- 3 coloms on article pages and page
- Jquery slider image in header
- 2 menus, one menu features a multi-leveling menus (drop down menu)
- Auto Readmore with thumbnails
- Clean template
- Breadcumb Feature
- Page Navigation Feature
- Related Articles Feature
- 4 column footer
Well now, this tutorial to edit the template, which needs to be edited to fit your desires are as follows
1. Top Menu.
Search / Find (Ctrl + F) Top Menu Edit Start
The red color replace with your desired link
The green color change with the name you want the Menu
<!-- ============= Top Menu Edit Start =============== -->
<li class='current-cat'><a href='/'>Home</a></li>
<li><a href='#YOURLINK'>News & Blogs</a></li>
<li><a href='#YOURLINK'>About Us</a></li>
<li><a href='#YOURLINK'>Profile</a></li>
<li><a href='#YOURLINK'>Discography</a></li>
<li><a href='#YOURLINK'>Shows</a></li>
<li><a href='#YOURLINK'>Store</a></li>
<li><a href='#YOURLINK'>Contact</a></li>
<!-- ============= Top Menu Edit End =============== -->
2. Main Menu
Search / Find (Ctrl + F) Main Menu Edit Start
The red color replace with your desired link
The green color change with the name you want the Menu
<!-- ============= Main Menu Edit Start =============== -->
<li><a href='#YOURLINK'>Menu 1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1.1</a></li>
<li><a href='#YOURLINK'>Menu 1.1.2</a></li>
<li><a href='#YOURLINK'>Menu 1.1.3</a></li>
<li><a href='#YOURLINK'>Menu 1.1.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 1.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.2.1</a></li>
<li><a href='#YOURLINK'>Menu 1.2.2</a></li>
<li><a href='#YOURLINK'>Menu 1.2.3</a></li>
<li><a href='#YOURLINK'>Menu 1.2.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 1.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.3.1</a></li>
<li><a href='#YOURLINK'>Menu 1.3.2</a></li>
<li><a href='#YOURLINK'>Menu 1.3.3</a></li>
<li><a href='#YOURLINK'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1.1</a></li>
<li><a href='#YOURLINK'>Menu 2.1.2</a></li>
<li><a href='#YOURLINK'>Menu 2.1.3</a></li>
<li><a href='#YOURLINK'>Menu 2.1.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 2.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.2.1</a></li>
<li><a href='#YOURLINK'>Menu 2.2.2</a></li>
<li><a href='#YOURLINK'>Menu 2.2.3</a></li>
<li><a href='#YOURLINK'>Menu 2.2.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 2.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.3.1</a></li>
<li><a href='#YOURLINK'>Menu 2.3.2</a></li>
<li><a href='#YOURLINK'>Menu 2.3.3</a></li>
<li><a href='#YOURLINK'>Menu 2.3.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1.1</a></li>
<li><a href='#YOURLINK'>Menu 3.1.2</a></li>
<li><a href='#YOURLINK'>Menu 3.1.3</a></li>
<li><a href='#YOURLINK'>Menu 3.1.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 3.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.2.1</a></li>
<li><a href='#YOURLINK'>Menu 3.2.2</a></li>
<li><a href='#YOURLINK'>Menu 3.2.3</a></li>
<li><a href='#YOURLINK'>Menu 3.2.4</a></li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 3.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.3.1</a></li>
<li><a href='#YOURLINK'>Menu 3.3.2</a></li>
<li><a href='#YOURLINK'>Menu 3.3.3</a></li>
<li><a href='#YOURLINK'>Menu 3.3.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#YOURLINK'>Menu 4</a></li>
<li><a href='#YOURLINK'>Menu 5</a></li>
<!-- ============= Main Menu Edit End =============== -->
3. Image Slider
Search / Find (Ctrl + F) Slider Edit Start
Red color replace with your desired link
Green color replace with your desired URL image
Purple color change with the description
<!-- ============= Slider Edit Start =============== -->
<a href='#YOURLINK'>
<img src='http://farm5.static.flickr.com/4106/5119134122_3324280d90_z.jpg'/>
<span>
1. Here your description
</span>
</a>
<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1048/5119133738_9d40981378_z.jpg'/>
<span>
2. Here your description
</span>
</a>
<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1259/5118530879_59f9138f72_z.jpg'/>
<span>
3. Here your description
</span>
</a>
<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1212/5118529687_7716edd51f_z.jpg'/>
<span>
4. Here your description
</span>
</a>
<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1420/5119155084_b9c9bb29cb_z.jpg'/>
<span>
5. Here your description
</span>
</a>
<!-- ============= Slider Edit End =============== -->
4. Logo Title
Go to Design - Page Elements - Click Edit the Title widgets / badged
5. Web Description
Go to Design - Page Elements - Click Edit the Description widgets / badged
Done :)
Oh ... I almost forgot, this template can be downloaded at
http://www.mediafire.com/?2uu1hqbr8u1zkmc
0 Comment:
Post a Comment