Categories
www.infilon.com

Professional SEO Company in Ahmedabad Gujarat


Many People have been rewarded by SEO Services in Ahmedabad, but same few are come up with loses as well. Choose the best seo company so that you don’t need to waste money and time. Search Engine Optimization is a hot topic in town. Before making any decision about internet marketing company, find out their ability to boost ranking and done your homework.

To Professional SEO companies left in Ahmedabad  is normally not hard work, but it doesn’t mean it’s easy. You just need to learn quality link building, genuine contents and articles, blog postings, sensible and ethical SEO techniques. But how do you find the right choice and you are not paying over money to SEO Company?

Identifying every professional SEO company is not possible, but has some tips which will help you to get quality and professional SEO companies in Ahmedabad, India.

–          Before making any goal finalize your investment in SEO

–          Search around on web for local company list

–          Don’t finalize before you are 100% sure

–          Invest your budget of SEO in proper way

–          Ask for client lists

–          Check out the team size

–          Check out their potentials

–          Company profile

Infilon technologies Pvt Ltd is one of the professional SEO companies in Ahmedabad, Gujarat, India. We have customized packages for your business needs. Try our best affordable SEO Services today to get started in the world of Web marketing.

Click here for free quote:

407, Sakar 2, Ellisbridge, Ahmedabad, Gujarat 380006

Co.No: +918000230350

Categories
www.infilon.com

How to use Local Classified Websites useful to buy or sell used items online


There are thousands of classified websites available on web. But very few Classified websites are famous and used, especially local websites are used more than 90%. To sell used personal products on Classified websites you have to put in some work and efforts to make sure you succeed in sales and make money out of it. But the thing main concern in online sales is payment gateway charges, which are really burden for silly stuff of products that are smaller price. There are thresholds on all classified website to get paid, If you reach that amount than after you can claim the money which is like cutting the wings of bird, so everybody has to sold in high price or large quantity to make money online.

Let’s discuss about basic ideas and tips to sell your stuff on local classified websites.

Every visitor or buyer need an clear data about product with original pictures of the items and original description of the item, So it is mandatory to write conditions of item selling and descriptions clearly while publishing the classified ads. Before focusing on globe, try to find local Classified website list and post your stuff on most used website locally because it will save your shipping cost. Most of the product price mainly hikes because of shipment outside the countries and regions. The other advantage of local classified is you don’t need to verify the buyer whether if they are genuine or not. Last and important use of selling this way is you both can decide to meet at some place and exchange the item by cash as well. This will save your money.

The same advantages on buyer side as well, buyer no needs to worry about warranties, shipment, damages, payment frauds and all.

So, try out any local classified ads website today and earn online money!

Categories
codeofaninja.com

How To Use Vertical TinyDropdown 2

(adsbygoogle = window.adsbygoogle || []).push({});

Hi guys, today I wanna share to you the code I tweaked with this amazing multi-level JavaScript Dropdown Menu by Scriptiny.

In my opinion, it looks fast, smooth and clean.

The hover animation is really nice. I love it.

But there’s a problem. The script provided by Scriptiny is for horizontal dropdown menu only (as you can see in the picture above). But I needed it to be a vertical dropdown menu like some people were asking about. I’m gonna show you the example code I tweaked to make this a vertical dropdown menu.

Our index.html code looks like the following.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN†“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdâ€>
<html xmlns=“http://www.w3.org/1999/xhtmlâ€>
    <head>
        <meta http-equiv=“Content-Type†content=“text/html; charset=iso-8859-1†/>
        <title>TinyDropdown 2 Vertical Version</title>
        
        <link rel=“stylesheet†href=“tinydropdown.css†type=“text/css†/>
        <script type=“text/javascript†src=“tinydropdown.jsâ€></script>
        
    </head>
<body>
    
    
<div class=“navâ€>
    <ul id=“menu†class=“menuâ€>
        <li>
            <span>One</span>
            <ul style=‘top: 0; margin-left: 170px;’>
                <li><a href=“#â€>One</a></li>
                <li><a href=“#â€>Two</a></li>
                <li><a href=“#â€>Three</a></li>  
                <li><a href=“#â€>Four</a></li>
            </ul>
        </li>
        
        <li>
            <span>Two</span>
            <ul style=‘top: 0; margin-left: 170px;’>
            
                <li>
                    <a href=“#â€>One</a>
                    <ul>
                        <li><a href=“#â€>One</a></li>
                        <li><a href=“#â€>Two</a>
                            <ul>
                                <li><a href=“#â€>One</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                
                <li><a href=“#â€>Two</a></li>
                
            </ul>
        </li>
        
        <li>
            <span>Three</span>
            <ul style=‘top: 0; margin-left: 170px;’>
                <li><a href=“#â€>One</a></li>
                <li><a href=“#â€>Two</a></li>
            </ul>
        </li>
        <li>
            <span>Four</span>
            <ul style=‘top: 0; margin-left: 170px;’>
                <li><a href=“#â€>One</a></li>
                <li><a href=“#â€>Two</a></li>
            </ul>
        </li>
        <li>
            <span><a href=‘#’>Five</a></span>
        </li>
        
    </ul>
</div>
<script type=“text/javascriptâ€>
    var dropdown=new TINY.dropdown.init(“dropdownâ€, {id:’menu’, active:’menuhover’});
</script>

</body>
</html>

Our tinydropdown.css code:

*{
    margin:0; 
    padding:0; 
    outline:0;
}
.nav {
    height:auto; 
    width: 170px; 
    float:left; 
    background:#aaa; 
    color:#fff; 
    /*text-shadow:1px 1px #888; */
    z-index:1000;
}

.menu a {
    color:#fff; 
    text-decoration:none; 
    width:170px; 
    height:auto; 
    display:block;
}

.menu span {
    color:#fff; 
    text-decoration:none; 
    width:170px; 
    height:auto; 
    font-weight:bold;
    display:block;
}

.menu a:hover {
    color:#fff; 
    height:auto; 
    background:#999;
    display:block;
    height:auto;
    width:170px;
}

.menu {
    list-style:none; 
    font:16px Arial,Verdana; 
    text-align:center; 
    width:600px; 
    margin:0 auto;
}

.menu li {
    position:relative;
    width:170px; 
    z-index:1000;
    height:auto; 
    line-height:30px;
    background:#AAAAAA;
    /*line-height:28px; this is responsible for line height*/
    border-bottom:thin solid #fff;
    
}

.menu ul {
    display:none; 
    position:absolute; 
    font:normal 16px Arial,Verdana; 
    top:36px; 
    left:0; 
    background:#aaa; 
    display:none; 
    list-style:none;
}

.menu ul li {
    float:none; 
    width:170px;
    display:block;
}

.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
    float:none; 
    display:block; 
    background:none; 
    height:auto; 
    
    width:170px;
    display:block;
    
}

.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
    background:#999; 
    color:#fff;
    height:auto; 
    
    width:170px;
    display:block;
    
}

.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
    float:none; 
    display:block; 
    background:none; 
    height:auto; 
    
    
    width:170px;
}

.menu ul ul {
    left:170px; 
    top:0;
}
.menu li.submenu {
    
}

.menu li.noborder {
    border-top:none;
}

li.menuhover a, li.menuhover li.menuhover a {
    color:#fff; 
    background:#999; 
    height:auto; 
    
    width:170px;
    display:block;
    
}

li.menuhover span, li.menuhover li.menuhover span {
    color:#fff; 
    background:#999;
    height:auto; 
    
    width:170px;
    display:block;
    
}

#info {
    width:180px; 
    background:#eee;
}

#info li {
    width:160px; 
    border-top:none; 
    padding:8px 10px; 
    color:#666; 
    /*text-shadow:1px 1px #fff; */
    text-align:left;
}

Our tinydropdown.js code:

var TINY={};
function T$(i){return document.getElementById(i)}
function T$$(e,p){return p.getElementsByTagName(e)}

TINY.dropdown=function(){
    var p={fade:1,slide:1,active:0,timeout:200}, init=function(n,o){
        for(s in o){p[s]=o[s]} p.n=n; this.build()
    };
    init.prototype.build=function(){
        this.h=[]; this.c=[]; this.z=1000;
        var s=T$$(‘ul’,T$(p.id)), l=s.length, i=0; p.speed=p.speed?p.speed*.1:.5;
        for(i;i<l;i++){
            var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
            h.onmouseover=new Function(p.n+‘.show(‘+i+‘,1)’);
            h.onmouseout=new Function(p.n+‘.show(‘+i+‘)’)
        }
    };
    init.prototype.show=function(x,d){
        var c=this.c[x], h=this.h[x];
        clearInterval(c.t); clearInterval(c.i); c.style.overflow=‘hidden’;
        if(d){
            if(p.active&&h.className.indexOf(p.active)==-1){h.className+=‘ ‘+p.active}
            if(p.fade||p.slide){
                c.style.display=‘block’;
                if(!c.m){
                    if(p.slide){
                        c.style.visibility=‘hidden’; c.m=c.offsetHeight; c.style.height=‘0’; c.style.visibility=â€
                    }else{
                        c.m=100; c.style.opacity=0; c.style.filter=‘alpha(opacity=0)’
                    }
                    c.v=0
                }
                if(p.slide){
                    if(c.m==c.v){
                        c.style.overflow=‘visible’
                    }else{
                        c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
                    }
                }else{
                    c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
                }
            }else{
                c.style.zIndex=this.z; c.style.display=‘block’
            }
        }else{
            c.t=setTimeout(function(){hide(c,p.fade||p.slide?1:0,h,p.active)},p.timeout)
        }
    };
    function hide(c,t,h,s){
        if(s){h.className=h.className.replace(s,â€)}
        if(t){c.i=setInterval(function(){slide(c,0,-1)},20)}else{c.style.display=‘none’}
    }
    function slide(c,t,d){
        if(c.v==t){
            clearInterval(c.i); c.i=0;
            if(d==1){
                if(p.fade){c.style.filter=â€; c.style.opacity=1}
                c.style.overflow=‘visible’
            }
        }else{
            c.v=(t–Math.floor(Math.abs(t–c.v)*p.speed)*d);
            if(p.slide){c.style.height=c.v+‘px’}
            if(p.fade){var o=c.v/c.m; c.style.opacity=o; c.style.filter=‘alpha(opacity=’+(o*100)+‘)’}
        }
    }
    return{init:init}
}();

The output of the codes above will look like this:

Also, if you want my version of its horizontal dropdown menu, output looks like this:

Download Source Code

You can download all the code used in this tutorial for only $9.99 $5.55!

Thank you for learning from our post about: How To Use Vertical TinyDropdown 2.