Website Design Nepal
quotation request. Website Design Nepal, live chat. post a support ticket to Website Design Nepal.
Web Design Nepal, Website Design Nepal are the basic abstraction of this page.

ymFlyingRed

We recently created and launched a WordPress Theme called ymFlyingRed. This theme is very easy to use and has below features.

  1. Light Elegant Design
  2. Rotating Banner from the Appearance>Themes
  3. Dynamic Drop Down Menus for the pages created in WordPress.
  4. Facebook/Twitter Linking etc.

If you have any problem on this template, please feel free to comment or share your ideas with us so that we can make it even better.

WordPressStumbleUponShare
Tags: , ,
Category : Free Download, Shop, Website Design, Wordpress | No Comments »

Prestashop YM Slideshow V2.0

YM SLIDESHOW V2.0 – A very advanced slideshow module developed for PrestaShop users by Young Minds.

STEPS:
- Download the module.
- Login to your Prestashop Backoffice.
- Go to Module Tab
- Upload the downloaded Zip.
- Search for the YM Slideshow v2.0 if you are not able to find it.
- Activate it and administer as you require.
- Contact prestashop[ @ ]youngminds.com.np if you require additional support.

YM Slideshow c1.0 is Free. This is Advanced and Paid version YM Slideshow v2.0 where you can also administer a lot of things such as

  • Image: Auto Image Resize and Cropping to fixed dimension as per User Choice.
  • Slider Window: Change Image Sizes, Window Size, Auto Image-Resize
  • Transistion Effects: Assign any one transistion, Random or Mixed as per User Choice.
  • Loading: Style, Color, Position, Type (Disc or Bar) etc
  • Watermark: Upload your own PNG logo and watermark your banners during upload.
  • Navigation: Navigation using play, pause, next, previous and also Show/Hide arrows, Buletted Slide Paginations. These can also be enabled or disabled from Admin/Backend Shop.

You can find more details on Prestashop Addons for this module at this link: http://addons.prestashop.com/en/slideshows-prestashop-modules/5799-YM-Slideshow-v2-1.html.

WordPressStumbleUponShare
Tags:
Category : ecommerce, Prestashop, Shop | No Comments »

Free YM Slideshow 1.0

YM SLIDESHOW V1.0 – A FREE module developed for Prestashop users by Young Minds. YM Slideshow v1.0 is a pluggin made to work in Prestashop for jQuery Banner Rotation. It can be easily downloaded from Prestashop Addons.

STEPS:
- Download the module.
- Login to your Prestashop Backoffice.
- Go to Module Tab
- Upload the downloaded Zip.
- Search for the YM Slideshow v1.0.
- Activate it and administer as you require.
- Contact prestashop[ @ ]youngminds.com.np if you require additional support.

WordPressStumbleUponShare
Category : ecommerce, Free Download, Free Scripts, PHP, Prestashop, Shop, Tutorials | No Comments »

jQuery Drop Down Menu

I have created simple menu using CSS and jQuery. This is very simple than that you  normaly imagine. I have completed the menu by using few lines of jQuery codes and normal normal few CSS classes. You can change the style and colour of menu as per your need. To implement this idea you can you following steps.

1. Step 1

First of all we have to create style.css file with following CSS classes.

.clear
    { 
    clear:both;
    }
.navigationHolder
    { 
    width:100%; 
    background:#000;
    } 
.navigationHolder ul
    {
    } 
.navigationHolder ul li
    {
    list-style:none;
    float:left; 
    width:100px;; text-align:left;
    }
.navigationHolder ul li a
    {
    display:block;
    margin:1px 10px 1px 10px;
    font:Arial, Helvetica, sans-serif;font-size:14px;
    text-decoration:none;color:#fff;font-weight:bold; 
    padding:5px;
    }
.navigationHolder ul li a:hover  
    {
    text-decoration:none;
    color:#fff!important; 
    background:#2f5c9a;
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;} 
.navigationHolder ul li a:hover,.active
    {
    text-decoration:none;
    color:#fff!important; 
    background:#A50000;
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
    -khtml-border-radius: 4px 4px 4px 4px; 
    border-radius: 4px 4px 4px 4px;
    } 
.navigationHolder ul li ul
    {     
    padding:10px 0 0 0; 
    background:#000;  
    width:170px; 
    display:none; 
    position:absolute; 
    z-index:10000; 
    -moz-border-radius: 0 0 10px 10px; 
    -webkit-border-radius: 0 0 10px 10px; 
    -khtml-border-radius: 0 0 10px 10px; 
    border-radius: 0 0 10px 10px; 
    opacity: 0.9;
    filter: alpha(opacity = 90);
    } 
.navigationHolder ul li ul li
    { 
    margin:0; 
    padding:0; 
    float:none; 
    text-align:left;  
    }
.navigationHolder ul li ul li a
    {
    display:block;
    font:Arial, Helvetica, sans-serif;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    font-weight:bold; 
    padding:5px;  
    width:140px; 
    border-bottom:1px solid #ccc;
    } 
.navigationHolder ul li ul li a:hover
    {
    text-decoration:none;
    color:#fff!important; 
    background:#A50000;
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
    -khtml-border-radius: 4px 4px 4px 4px; 
    border-radius: 4px 4px 4px
    4px;
    } 
.navigationHolder ul li ul li:last-child a
    { 
    border-bottom:0px solid #fff;
    }

2. Step 2

In secound step we have to create JS  ‘menu.js’ file with following piece of code.

$(document).ready(function(){  
$(".navigationHolder>ul>li").mouseenter(function(){  
$(this).find('ul').slideDown(500); 
}).mouseleave(function(){ 
$(this).find('ul').slideUp(500); }) })

3. Step 3

In third step we have to create HTML file with following piece of code.

<html>
<head>
<title>jQuery Menu </title>
<link href="style.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script> 
<script language="javascript" type="application/javascript" 
src="menu.js"></script> 
</head>
<body>
<div>
	<ul>
    <li><a href="#">Menu1</a>
    	<ul>
        	<li><a href="#">Sub Menu1</a></li>
            <li><a href="#">Sub Menu2</a></li>
            <li><a href="#">Sub Menu3</a></li>
            <li><a href="#">Sub Menu4</a></li>
        </ul>
    </li>
    <li><a href="#">Menu2</a>
    <ul>
        	<li><a href="#">Sub Menu1</a></li>
            <li><a href="#">Sub Menu2</a></li>
            <li><a href="#">Sub Menu3</a></li>
            <li><a href="#">Sub Menu4</a></li>
        </ul>
    </li>
    <li><a href="#">Menu3</a>
    <ul>
        	<li><a href="#">Sub Menu1</a></li>
            <li><a href="#">Sub Menu2</a></li>
            <li><a href="#">Sub Menu3</a></li>
            <li><a href="#">Sub Menu4</a></li>
        </ul>
    </li>
    </ul>
    <div></div>
</div>
</body>
</html>
WordPressStumbleUponShare
Category : CSS, jQuery | No Comments »
  1. Pages:
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. 6
  8. 7
  9. ...
  10. 29

Company

Services

Products

Hosting

Portfolio

© 2003-2013 Copyright , Young Minds, Kathmandu, Nepal. All rights reserved.