Thursday 31 July 2014

wordpress theme like olx,w3schools,youtube

Search on google for theme like any website:- "wordpress theme like olx,w3schools,youtube"

http://www.frip.in/best-wordpress-classifieds-theme-and-plugins/

http://www.frip.in/best-wordpress-classifieds-theme-and-plugins/

In your text editor, all you need to do is wrap the text in a div with a class applied to it. Here’s how that should look:

Add Content Box CSS to Your Style Sheet
In your theme’s style.css file, place the following code and edit as necessary:

 Content Boxes



------------------------------------------------------------
 CONTENT IN BOX http://www.studiopress.com/design/colored-content-boxes-buttons.htm
Creating Website like flipkart
Magento / Flipkart basic Features As :
1. Analytics and Reporting – The script is integrated with Google Analytics and offers many different reports.
2. Product Browsing – Multiple images for products, options for extensive reviews, wishlists and much more.
3. Catalog Browsing – Easy navigation, advanced product filtering system, product comparison.

Flipkart Advanced Features Such As 
1.MultiSeller Support - http://www.magentocommerce.com/magento-connect/abuyer-n-aseller.html
2.Check Delivery Availibility Via Pin
3.Category/Product Banners and sliders

 

1.Flipkart is based/developed on Most popular ecommerce CMS – Magento - http://magento.com/
It is based on Zend Framework  - PHP.
2.You can get 90% of flipkart features built in, with  Default setup of Magento CMS.

Flippa buy sell website
Posted by at 7 comments:

Saturday 26 July 2014

website designing css jquery

Building a Circular Navigation with CSS Transforms

website designing css jquery

http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms/

CircularNavigation

Fullscreen Layout with Page Transitions

A simple responsive layout with some fancy page transitions.

http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/

FullscreenLayoutPageTransitions

http://jquery.malsup.com/cycle2/demo/carousel.php


search on google web design css jquery templates  http://www.jqueryrain.com/freetemplates/
Posted by at 2 comments:
Labels: , , , ,

Wednesday 16 July 2014

code for css menu navigation bar

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a {
    display: block;
    width: 60px;
    background-color: #dddddd;
    padding: 10px;
    text-decoration: none;
}

 a:hover
{
background-color:yellow;
}

</style>
</head>
<body>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>


</body>
</html>
--------------------------------------------------------------------------------------------

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float


---------------------------------------
2nd tutorial


<h1>Pure CSS3 Navigation with Effects</h1>

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Tutorials</a><span class="dropBottom"></span>
            <ul>
                <li><a href="#">Design</a><span class="dropRight"></span>
                    <ul>
                        <li><a href="#">Photoshop</a></li>
                        <li><a href="#">Illustrator</a></li>
                        <li><a href="#">Web Design</a><span class="dropRight"></span>
                            <ul>
                                <li><a href="#">XTHML</a></li>
                                <li><a href="#">CSS</a></li>
                                <li><a href="#">JavaScript</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Articles</a></li>
                <li><a href="#">Interviews</a></li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>


css

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
  background:url(http://coolblackppt.com/wp-content/uploads/2013/12/Black-denim-seamless-fabric-texture-tile-able-website-backgrounds.jpg);
}

span.dropBottom,span.dropRight {
    display: block;
    box-shadow:inset 2px 0px 0px #FF9;
    position: absolute;
    left: 0px;
    width:100%;
    height: 100%;
    top: 0px;
}
span.dropBottom {
    box-shadow:inset 0px 2px 0px #FF9;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
h1 {
    color:#EDEDED;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
 
}
nav {
    display:table;
    margin:50px auto;
  box-shadow:0px 2px 0px #023333;
}
ul {
    margin:0;
    padding:0;
    list-style:none;
}

ul ul {
    opacity:0;
    position:absolute;
    top:160%;
    visibility:hidden;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
}
ul ul ul {
    top:0%;
    left:160%;
}
ul ul li:hover > ul {
    top:0%;
    left:100%;
    opacity:1;
    visibility:visible;
}
ul li:hover > ul {
    opacity:1;
    top:100%;
    visibility:visible;
}
ul li {
    float:left;
    position:relative;
}
ul ul li {
    float:none;
}
ul li {
    background-color:#009C75;
    cursor: pointer;
}
ul a {
    text-decoration:none;
    display:block;
    color:#FF9;
    padding:10px 15px;
    width:6em;
    text-align:center;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 0px -1px 0px rgba(0,0,0,.2);
}
ul li:hover {
    background-color:#007373;
}
ul li a:hover {
    background-color:#007373;
}


http://codepen.io/rssatnam/pen/niBsD 
Posted by at No comments:

free website templates download html

http://www.templatemonster.com/free-templates.php

 

 

Free WooCommerce Theme
Free WooCommerce Sample s 081013
  • WooCommerce free sample carries all the features you could dream to get in your online store. Intuitively understandable interface is the first value of a WooCommerce platform. You can easily check it by yourself working with the given free theme.
  • With a WordPress + WooCommerce foundation for an online store, you will make every customer experience with your site as seamless and satisfying as possible. Simplicity of processes, quick ordering without any excessive efforts: what can be more pleasant for people buying products online?
  • This sample has a live demo and an original template #46434 of this sample is available for commercial and personal.



Free WordPress Responsive Template (WordPress)


Free Responsive WordPress Theme s
View
  • Free Responsive WordPress 3.3.x Template is the specially-made design which combines the structure of CMS product and also has several layout options optimized for different screen resolutions.
  • All Responsive WordPress 3.3.x themes available on our website are compatible with the version 3.3.x of WordPress, having top-notch designs and great capabilities.
  • Feel free to check out the template’s live demo and make sure that our great collection of Responsive WordPress 3.3.x templates is worth your attention to find the most suitable design for your future fully-responsive website.
  • original template #39074  
  • Download    
http://www.templatemonster.com/free-templates.php










 
Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)