Wap Php My sql

Now I will give examples of wap with php scripts that support My sql

Download HERE

Sample Css Support Mobil

Examples of mobile support Css

-----------------------------------------------------------------------------
 /* CSS Document */
/*
 * DEFAULT STYLES
 *
 */
body {
    color: #333333;
    font-weight: normal;
    font-family: sans-serif;
}
/*removes horizontal overflow on certain devices*/
body div#wrap {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    padding: 0;
    top: 4px;
}
/*
 * HEADER
 *
 */
body div#header {
    height: 36px;
    background-color: #D8D8D8;
    border-bottom: 4px solid #44AA33;
    margin-bottom: .5em;
}
/*
 * FOOTER
 *
 */
body div#footer {
    background-color: #F6F6F6;
    border-top: 1px solid #D8D8D8;
    padding: .7em 0em;
    clear: both;
    height: auto;
    display: block;
}
body div#footer ul {
    margin-left: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    margin-top: 0;
}
body div#footer ul li {
    margin-left: 0;
    padding-left: 0;
}
body div#footer p {
    margin-left: 5px;
    margin-top: .3em;
    padding: 0;
}
/*
 * BASIC ELEMENTS
 *
 */

/*body required as early browsers don't understand p by itself */
body p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.2em 0.5em 0.4em 10px;
}

strong {
    font-weight: bold;
}
em {
    font-style: normal;
    font-weight: bold;
}
/*
 * LINK STATES
 *
 */
a:link {
}

a:visited {
    color:#006600;
}
a:hover {
    text-align: center;
    border: 1px solid #CCCCCC;
    float: left;
    width: 98%;
    height: 110px;
    vertical-align: middle;
    background-position: center center;
    background-color: #FF9900;
}

a:active {
    color:#990000;
}

/*
 * HEADERS
 *
 */
body h1 {
    background-color: #F6F6F6;
    border-top: 1px solid #D8D8D8;
    padding: .7em 0em;
    clear: both;
    height: auto;
    display: block;
    font-family: verdana;
    font-size: 18px;
    color: #FF9900;
    font-weight: bold;
}

body h2 {
    padding-left: 10px;
    padding-right: 10px;
    color: #0066FF;
    background-color: #6A3500;
    border-top: 1px solid #FF8E1E;
    border-bottom: 2px solid #FF8E1E;
    margin-top: 0.1em;
    line-height: normal;
    clear: both;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}

body h3 {
    padding-left: 10px;
    color: #000077;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
}

body h4 {
    padding-left: 10px;
    color: #CC0066;
    margin-bottom: 0.3em;
    margin-top: 0.1em;
    font-weight: bold;
}

body h5 {
    padding-left: 10px;
    color: #333333;
    margin-bottom: 0.2em;
    margin-top: 0.1em;
}

body h6 {
    background-color: #F6F6F6;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    padding-left: 10px;
    padding-top: .3em;
    padding-bottom: .3em;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
}

/*
 * IMAGE WITH (OPTIONAL) CAPTION
 *
 */
body img.captioned-image {
    margin: 0 0 0 0px;
}

body p.caption-image {
    font-size: small;
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 2px;
}
/*
 * BLOCKQUOTE
 *
 */
blockquote {
    margin: .3em 1em .6em 1em;
    padding: .6em 0em .3em 0em;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
blockquote p {
    margin: .0;
    padding: 0 0 .3em 0;
    border-bottom: 1px solid #D8D8D8;
}
/*
 * LISTS
 *
 */
/* compensates for smaller Opera Mini margins */
ol, ul {
    margin-left: .5em;
}
/*forces native margin*/
body ul {
    margin-bottom: 0.4em;
}
/* compensates for small margins on very early devices */
ol ol, ul ul {
    margin-left: .5em;
}
dd {
    margin-left: 1em;
}

/*
 * BREADCRUMBS
 *
 */
body ul.breadcrumbs {
    padding-top: 0;
    padding-bottom: .5em;
    padding-left: 0;
    padding-right: .5em;
    font-size: small;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
}

body ul.breadcrumbs li {
    display: inline;
    line-height: 1.5em;
}

/*
 * FORMS
 *
 */
body fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
body form {
    margin: 0;
    color: #333333;
}
body form label {
    font-size: .9em;
    margin-bottom: .5em;
    margin-top: .5em;
}
       
body input[type='text'] {
    padding: 0.2em;   
    margin-bottom: .5em;
    display: block;
}

body textarea {
    padding: 0.2em;
    margin-bottom: .7em;
    display: block;
}

body form input[type='radio'], body form input[type='checkbox'] {
    margin:0.1em 0em;
    padding: 0;
}

body select {
    margin-bottom: 0;
}

body input[type='button'] {
    padding: 1em 1.3em;
    color: #666666;
    margin: 1em 0em;
}
/* LAYOUT SPECIFIC */
body form h3, body form p {
    padding-left: 0;
}
/* END LAYOUT SPECIFIC */

/*
 * TABLES
 *
 */
body table {
    border: 1px solid #D8D8D8;
    margin: 0;
    width: 100%;
    color: #333333;
    font-size: 80%;
}

body td {
    padding-left: .3em;
    padding-right: .3em;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.5em;
    border: 1px solid #D8D8D8;
}
/*compensates for lack of consistent header support*/
body td.table-header {
    color: #0033CC;
    font-weight: bold;
    background-color: #F6F6F6;
}
body tr {
    height: 1.5em;
}

body table td.odd {
    background-color: #F6F6F6;
}
/*caption-side unlikely to be supported*/
body caption {
    caption-side: bottom;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-left: 5px;
    font-size: small;
    text-align: left;
    font-style: normal;
}

/*
 * CONTAINER BOXES
 *
 */
body div.box p.box-text {
    border: 1px solid #D8D8D8;
    width: 90%;
    margin: 0.3em auto;
    padding: 0.4em 0.4em;
    background-color: #F6F6F6;
}
body div.header-box p {
    border: 1px solid #D8D8D8;
    width: 90%;
    margin: 0em auto;
    padding: 0.4em 0.4em;
    background-color: #F6F6F6;
}
/* 2px border is required to ensure header is flush with the box */
body div.header-box h3 {
    border: 2px solid #0033CC;
    width: 90%;
    margin: 0em auto;
    padding: 0.3em 0.3em;
    color: white;
}
/*
 * BACK TO TOP/HOME
 *
 */
p.top {
    font-size: small;
    background-color: #F6F6F6;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    padding-top: .3em;
    padding-bottom: .3em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear: both;
}
p.home {
    font-size: small;
    background-color: #F6F6F6;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    padding-top: .3em;
    padding-bottom: .3em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear: both;
}
p.top a, p.home a {
    color: #333333;
    text-decoration: none;
    width: 100%;
    display: block;
}
/* GENERAL LAYOUT SPECIFIC STYLES */
/* special link*/
body h3.drill-down {
    background-color: #F6F6F6;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    padding-left: 10px;
    padding-top: .1em;
    padding-bottom: .1em;
    margin-bottom: 0.1em;
    margin-top: 0.3em;
    color: #333333;
}

body h3.drill-down a {
    text-decoration: none;
    color: #333333;
}
/* status line */
p.status {
    font-size: 80%;
    margin: 0;
    padding-left: 10px;
}
/* top stories*/
body div.top-stories {
    background-color: #44AA33;
}
body div.top-stories p {
    background-color: #358627;
    color: #FFFFFF;
    margin-top: 0;
    font-size: 90%;
}
body div.top-stories h1 {
    margin-bottom: 0;
    margin-top: 0;
}
body div.top-stories img {
    margin: 0;
    padding: 0;
}
/* search result */
body div.search-result {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: .4em;
}
body div.search-result p {
    padding-top: 0;
}
/* search widget */
body #search form {
    margin-left: 5px;
}
/* article pagination */
.pagination {
    border-top: 1px solid #D8D8D8;
    padding-top: .3em;
}
/* END GENERAL LAYOUT SPECIFIC */
#menu_tab{
    width:1000px;
    height:36px;
    background-color: #000000;
}
ul.menu {
    list-style-type:none;
    float:left;
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
    background-color: #000000;
}

ul.menu li {
    font-size:11px;
    line-height:36px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.menu li.divider {
    width:4px;
    height:36px;
    float:left;
    background:url(images/menu_divider.gif) no-repeat center;
    color: #FF6600;
}

a.nav:link, a.nav:visited {
    display:block;
    float:left;
    padding:0px 8px 0px 8px;
    margin:0 14px 0 14px;
    height:36px;
}

a.nav:hover{
    display:block;
    float:left;
    padding:0px 8px 0px 8px;
    margin:0 14px 0 14px;
    height:36px;
    color:#CCCCCC;
}
.left_content{
    width:100%;
    float:left;
    padding:0 0 0 5px;
}
ul.left_menu{
    width:100%;
    padding:0px;
    margin:0px;
    list-style:none;
}
ul.left_menu li{
    margin:0px;
    list-style:none;
    width: 100%;
}
ul.left_menu li.odd a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed;
color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#f0f4f5;
color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
    color:#000;
}

.border_box{
width:180px;
height:auto;
text-align:center;
background:url(images/box_bottom_bg.gif) no-repeat center bottom;
}
.product_title{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
    padding:5px 0 5px 0;
    background-color: #EFEFEF;
}
span.reduce{
    color:#666666;
}
span.price{
color: #ff8a00;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:150px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
    width:17px;
    display:block;
    margin:0px 0 5px 110px;
    padding:2px 8px 6px 8px;
    color:#169ECC;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}
/*--------------oferta------------------*/
.oferta{
width:585px;
height:156px;
background:url(images/slider_bg.gif) no-repeat center;
float:left;
padding:0px;
margin:0 0 5px 5px;
}
.oferta_img{
float:left;
padding:10px 0 0 10px;
}
.oferta_title{
font-size:15px;
color:#159dcc;
font-weight:bold;
}
.oferta_details{
    width:540px;
    float:left;
    padding:20px 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#159dcc;
text-align:justify;
line-height:15px;
}
/*center content--------------------------*/
.center_content{
    width:750px;
    float:left;
    padding:5px 10px 5px 15px;
    margin-left: 15px;
}
.center_title_bar{
    width:740px;
    height:31px;
    float:left;
    padding:0 0 0 10px;
    margin:0 0 0 5px;
    line-height:31px;
    font-size:12px;
    color:#159DCC;
    font-weight:bold;
    background:url(images/bar_bg.gif) no-repeat center;
}
.info {
    text-align: center;
    float: left;
    width: 130px;
    height: 15px;
    vertical-align: middle;
    background-position: center center;
    background-color: #E8E8E8;
    color: #000000;
    border: 1px solid #CCC;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 15px;
    margin-left: 10px;
}
.inf {
    text-align: center;
    float: left;
    height: auto;
    vertical-align: middle;
    background-position: center center;
    background-color: #E8E8E8;
    color: #000000;
    border: 1px solid #CCC;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.ce {
    text-align: center;
    float: left;
    vertical-align: middle;
    background-position: center center;
    background-color: #ECECEC;
    color: #000000;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-left: 10px;
    width: 730px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*----------------------right content--------------*/
.right_content{
width:180px;
float:left;
padding:0px;
}
.shopping_cart{
width:180px;
height:84px;
text-align:center;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:0px;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.center_prod_box{
width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(images/link_bg.gif) no-repeat center;
margin:2px 5px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}

a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(images/compare.gif) no-repeat left;
padding:0 0 0 33px;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
    width:90%;
    clear:both;
    padding:10px 0 10px 0;
    color:#a53d17;
    height: 10px;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
line-height:27px;
color:#1c4a52;
}
.kotak {
    text-align: center;
    border: 1px solid #F7F7F7;
    width: 89%;
    height: 65px;
    vertical-align: middle;
    background-position: center center;
    padding-top: 5px;
    padding-left: 7px;
    margin-bottom: 10px;
    float: left;
    margin-right: 5px;
}
.isi {
    text-align: center;
    float: left;
    width: 98%;
    height: 49px;
    vertical-align: middle;
    background-position: center center;
    padding-top: 5px;
    background-color: #FF9300;
    font-family: verdana;
    font-size: 11px;
}
.isi2 {
    text-align: center;
    float: left;
    width: 98%;
    height: 49px;
    vertical-align: middle;
    background-position: center center;
    padding-top: 5px;
    background-color: #FFD59B;
    font-family: verdana;
    font-size: 11px;
}
.isit {
    text-align: center;
    float: left;
    width: 98%;
    height: 49px;
    vertical-align: middle;
    background-position: center center;
    padding-top: 10px;
    background-color: #F0F0FF;
}
.iw {
    background-color: #FBFBFB;
    text-align: center;
    margin-bottom: 10px;
    }
    .iwk {
    background-color: #FBFBFB;
    text-align: center;
    margin-bottom: 10px;
    font-family: verdana;
    font-size: 11px;
    color: #0066CC;
    }
    .hal {
    background-color: #FFFFFF;
    height: auto;
    padding-left: 5px;
    width: 100%;
    margin-left: 5px;
    }
------------------------------------------

Good luck and good luck
if you have a complaint try to open this site www.balekarya.com



Converter from the website to the wapsite. Hatml script serves as a converter in order to support mobile. placed on top of the page cosing
----------------------------------------------------------

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/
      xmlns:fb="http://www.facebook.com/2008/fbml">




---------------------------------------------------
Good luck and good luck
if you have a complaint try to open this site www.balekarya.com

WAPSITE TEAMPLATE 1

Wapsite is a web of support mobile (cell phone, blackberry) to install it for you just uploaded to the hosting and more clearly its redirec wml sms to 085 725 827 328


DOWLOAD NOW