Sunday, 29 September 2013
Friday, 20 September 2013
Thursday, 19 September 2013
Tuesday, 17 September 2013
Monday, 16 September 2013
Friday, 13 September 2013
Friday, 6 September 2013
Download Facebook Touch Application For Windows8
Facebook
Touch is unofficial application for Window 8 But It allow user to
simple, fast & comprehensive touch optimized experience
of Facebook on their Windows 8 device. It features access to your news
feed, view user profiles, chat with friends, view and compose messages,
view events, view your notifications, view the list of friends, search
people, groups and pages, and configure your settings.
Included Features in Facebook Touch:
- Access to your news feed
- View user profiles
- Chat with friends
- View and compose messages
- View events
- View your notifications
- View the list of friends
- Search people, groups and pages
- Configure your settings
- Live Tile (showing recent news feed items)
Enjoy Facebook touch application
Thursday, 5 September 2013
Awasome Dashboard Design In html
Dashboard Design For Admin Panel
Dashboard,Gallery,Setting,Widget,Archive,comment,plugin.
html code here:
<div id="wrapper">
<div id="content">
<div class="c1">
<div class="controls">
<nav class="links">
<ul>
<li><a href="#" class="ico1">Messages <span class="num">26</span></a></li>
<li><a href="#" class="ico2">Alerts <span class="num">5</span></a></li>
<li><a href="#" class="ico3">Documents <span class="num">3</span></a></li>
</ul>
</nav>
<div class="profile-box">
<span class="profile">
<a href="#" class="section">
<img class="image" src="images/img1.jpg" alt="image description" width="26" height="26" />
<span class="text-box">
Welcome
<strong class="name">Dhaval Thummar</strong>
</span>
</a>
<a href="#" class="opener">opener</a>
</span>
<a href="#" class="btn-on">On</a>
</div>
</div>
<div class="tabs">
<div id="tab-1" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-2" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-3" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-4" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-5" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-6" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-7" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-8" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
</div>
</div>
</div>
<aside id="sidebar">
<strong class="logo"><a href="#">lg</a></strong>
<ul class="tabset buttons">
<li class="active">
<a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>
<span class="tooltip"><span>Dashboard</span></span>
</li>
<li>
<a href="#tab-2" class="ico2"><span>Gallery</span><em></em></a>
<span class="tooltip"><span>Gallery</span></span>
</li>
<li>
<a href="#tab-3" class="ico3"><span>Pages</span><em></em></a>
<span class="tooltip"><span>Pages</span></span>
</li>
<li>
<a href="#tab-4" class="ico4"><span>Widgets</span><em></em></a>
<span class="tooltip"><span>Widgets</span></span>
</li>
<li>
<a href="#tab-5" class="ico5"><span>Archive</span><em></em></a>
<span class="tooltip"><span>Archive</span></span>
</li>
<li>
<a href="#tab-6" class="ico6">
<span>Comments</span><em></em>
</a>
<span class="num">11</span>
<span class="tooltip"><span>Comments</span></span>
</li>
<li>
<a href="#tab-7" class="ico7"><span>Plug-in</span><em></em></a>
<span class="tooltip"><span>Plug-in</span></span>
</li>
<li>
<a href="#tab-8" class="ico8"><span>Settings</span><em></em></a>
<span class="tooltip"><span>Settings</span></span>
</li>
</ul>
<span class="shadow"></span>
</aside>
</div>
<div id="content">
<div class="c1">
<div class="controls">
<nav class="links">
<ul>
<li><a href="#" class="ico1">Messages <span class="num">26</span></a></li>
<li><a href="#" class="ico2">Alerts <span class="num">5</span></a></li>
<li><a href="#" class="ico3">Documents <span class="num">3</span></a></li>
</ul>
</nav>
<div class="profile-box">
<span class="profile">
<a href="#" class="section">
<img class="image" src="images/img1.jpg" alt="image description" width="26" height="26" />
<span class="text-box">
Welcome
<strong class="name">Dhaval Thummar</strong>
</span>
</a>
<a href="#" class="opener">opener</a>
</span>
<a href="#" class="btn-on">On</a>
</div>
</div>
<div class="tabs">
<div id="tab-1" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-2" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-3" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-4" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-5" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-6" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-7" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
<div id="tab-8" class="tab">
<article>
<div class="text-section">
<h1>Dashboard</h1>
<p>This is a quick overview of some features</p>
</div>
<ul class="states">
<li class="error">Error : This is an error placed text message.</li>
<li class="warning">Warning: This is a warning placed text message.</li>
<li class="succes">Succes : This is a succes placed text message.</li>
</ul>
</article>
</div>
</div>
</div>
</div>
<aside id="sidebar">
<strong class="logo"><a href="#">lg</a></strong>
<ul class="tabset buttons">
<li class="active">
<a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>
<span class="tooltip"><span>Dashboard</span></span>
</li>
<li>
<a href="#tab-2" class="ico2"><span>Gallery</span><em></em></a>
<span class="tooltip"><span>Gallery</span></span>
</li>
<li>
<a href="#tab-3" class="ico3"><span>Pages</span><em></em></a>
<span class="tooltip"><span>Pages</span></span>
</li>
<li>
<a href="#tab-4" class="ico4"><span>Widgets</span><em></em></a>
<span class="tooltip"><span>Widgets</span></span>
</li>
<li>
<a href="#tab-5" class="ico5"><span>Archive</span><em></em></a>
<span class="tooltip"><span>Archive</span></span>
</li>
<li>
<a href="#tab-6" class="ico6">
<span>Comments</span><em></em>
</a>
<span class="num">11</span>
<span class="tooltip"><span>Comments</span></span>
</li>
<li>
<a href="#tab-7" class="ico7"><span>Plug-in</span><em></em></a>
<span class="tooltip"><span>Plug-in</span></span>
</li>
<li>
<a href="#tab-8" class="ico8"><span>Settings</span><em></em></a>
<span class="tooltip"><span>Settings</span></span>
</li>
</ul>
<span class="shadow"></span>
</aside>
</div>
CSS:
header, footer, article, section, hgroup, nav, figure, aside {display: block;}
figure {
margin:0;
padding:0;
}
html {height:100%;}
body {
margin:0;
font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#8a8a8a;
min-width:1000px;
background:#fff;
height:100%;
}
img {border-style:none;}
a {
color:#8a8a8a;
text-decoration:underline;
}
a:hover {text-decoration:none;}
input,
textarea,
select {
font:100% arial,sans-serif;
vertical-align:middle;
color:#8a8a8a;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
#wrapper {
position:relative;
min-height:100%;
overflow:hidden;
background:url(../images/bg-wrapper.png) repeat-y;
}
#content {
float:left;
width:100%;
}
.c1 {margin:0 0 0 77px;}
.controls {
height:1%;
overflow:hidden;
padding:26px 13px 0 34px;
background:url(../images/bg-controls.png);
}
.links {float:left;}
.links ul {
list-style:none;
margin:0;
padding:0;
float:left;
}
.links li {
float:left;
margin:0 3px 0 0;
position:relative;
}
.links a {
float:left;
border:1px solid #dde2e8;
background:#fff;
-webkit-border-radius: 1px 1px 0 0;
-moz-border-radius: 1px 1px 0 0;
border-radius: 1px 1px 0 0;
color:#1f252a;
font-size:13px;
line-height:15px;
height:28px;
text-decoration:none;
padding:9px 19px 0 35px;
}
.links a:hover {text-decoration:underline;}
.links .num {
position:absolute;
right:-3px;
top:-8px;
color:#fff;
font:bold 10px/18px Arial, Helvetica, sans-serif;
width:20px;
height:20px;
background: #4c95cd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c95cd), color-stop(100%,#3c78ba));
background: -webkit-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: -o-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: -ms-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: linear-gradient(to bottom, #4c95cd 0%,#3c78ba 100%);
text-align:center;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.links .ico1 {background:#fff url(../images/sprite.png) no-repeat 14px -445px;}
.links .ico2 {background:#fff url(../images/sprite.png) no-repeat 13px -528px;}
.links .ico3 {background:#fff url(../images/sprite.png) no-repeat 11px -637px;}
.profile-box {float:right;}
.btn-on {
background:url(../images/sprite.png) no-repeat -230px -5px;
width:35px;
height:39px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:0 0 0 7px;
}
.profile-box .profile {
float:left;
border:1px solid #dde2e8;
background:#fff;
-webkit-border-radius: 1px 1px 0 0;
-moz-border-radius: 1px 1px 0 0;
border-radius: 1px 1px 0 0;
height:37px;
}
.profile-box .profile .image {
float:left;
margin:1px 12px 0 0;
}
.profile-box a {text-decoration:none;}
.profile-box .text-box {
float:left;
overflow:hidden;
color:#a0a0a0;
font-size:10px;
line-height:12px;
}
.profile-box .section {
padding:4px 33px 0 7px;
float:left;
}
.profile-box a.section {cursor:pointer;}
.profile-box .name {
display:block;
font-size:12px;
line-height:15px;
color:#4f5f6f;
font-weight:normal;
}
.profile-box .opener {
float:left;
background:url(../images/sprite.png) no-repeat -39px -58px;
width:32px;
height:37px;
overflow:hidden;
text-indent:-9999px;
border-left:1px solid #dde2e8;
}
.tabs {border-top:1px solid #fff;}
.tabs .text-section {
background:#f9f9f9;
padding:19px 0 8px 36px;
margin:0 0 1px;
}
.tabs h1 {
font-size:18px;
line-height:20px;
margin:0 0 8px;
color:#2b333b;
}
.tabs p {margin:0 0 10px;}
.states {
list-style:none;
margin:0;
padding:0;
}
.states li {
vertical-align:top;
margin:0 0 1px;
padding:9px 5px 12px 55px;
}
.states .error {
background:#ffdede url(../images/sprite.png) no-repeat 17px -712px;
color:#be0000;
}
.states .warning {
color:#dc6200;
background:#fff6de url(../images/sprite.png) no-repeat 18px -975px;
}
.states .succes {
color:#3f5a04;
background:#dfedc0 url(../images/sprite.png) no-repeat 15px -841px;
}
#sidebar {
float:left;
margin:0 0 0 -100%;
width:75px;
padding:18px 1px 0;
}
#sidebar .shadow {
background:url(../images/bg-shadow.png) no-repeat;
width:5px;
height:9999px;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:72px;
top:0;
}
.logo {
background:url(../images/sprite.png) no-repeat -53px 0;
width:36px;
height:44px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin:0 auto 23px;
position:relative;
left:1px;
}
.logo a {
display:block;
height:100%;
}
.buttons {
list-style:none;
margin:0;
padding:0;
position:relative;
z-index:2;
font:bold 11px/13px Arial, Helvetica, sans-serif;
}
.buttons li {
vertical-align:top;
margin:0 0 1px;
position:relative;
}
.buttons a {
vertical-align:top;
background: #616a78;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNmE3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDNkNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #616a78 0%, #343d4b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616a78), color-stop(100%,#343d4b));
background: -webkit-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: -o-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: -ms-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: linear-gradient(to bottom, #616a78 0%,#343d4b 100%);
width:75px;
height:40px;
display:block;
overflow:hidden;
cursor:pointer;
}
.buttons li.active a {
background:url(../images/sprite.png) no-repeat -113px -2px;
margin:0 -21px 0 0;
padding:0 21px 0 0;
}
.buttons li.active a em {top:40px;}
.buttons a span {
overflow:hidden;
text-indent:-9999px;
display:block;
width:20px;
height:20px;
margin:11px auto 0;
background:url(../images/sprite.png) no-repeat 9999px 0;
}
.buttons em {
position:absolute;
right:0;
top:0;
background:url(../images/bg-shadow.png) repeat-y;
width:4px;
height:100%;
overflow:hidden;
text-indent:-9999px;
}
.buttons .ico1 span {
width:19px;
height:18px;
background-position:0 0;
}
.buttons .active .ico1 span {background-position:0 -23px;}
.buttons .ico2 span {
height:19px;
background-position:-1px -47px;
}
.buttons .active .ico2 span {background-position:-2px -73px;}
.buttons .ico3 span {background-position:-2px -97px;}
.buttons .active .ico3 span {background-position:-2px -126px;}
.buttons .ico4 span {background-position:-2px -153px;}
.buttons .active .ico4 span {background-position:-2px -178px;}
.buttons .ico5 span {background-position:-1px -206px;}
.buttons .active .ico5 span {background-position:-2px -232px;}
.buttons .ico6 span {background-position:-2px -262px;}
.buttons .active .ico6 span {background-position:-3px -291px;}
.buttons .ico7 span {background-position:-4px -321px;}
.buttons .active .ico7 span {background-position:-4px -352px;}
.buttons .ico8 span {background-position:-4px -380px;}
.buttons .active .ico8 span {background-position:-4px -415px;}
.buttons li:hover .tooltip {display:block;}
.buttons .tooltip {
position:absolute;
left:61px;
top:9px;
color:#3b414d;
padding:0 6px 0 0;
background:url(../images/sprite.png) no-repeat 100% -95px;
height:24px;
display:none;
white-space:nowrap;
}
.buttons .tooltip span {
height:20px;
float:left;
padding:4px 3px 0 10px;
background:url(../images/sprite.png) no-repeat -39px -125px;
}
.buttons .num {
display:block;
text-align:center;
color:#fff;
background: #950707;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDcwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #950707 0%, #610202 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#950707), color-stop(100%,#610202));
background: -webkit-linear-gradient(top, #950707 0%,#610202 100%);
background: -o-linear-gradient(top, #950707 0%,#610202 100%);
background: -ms-linear-gradient(top, #950707 0%,#610202 100%);
background: linear-gradient(to bottom, #950707 0%,#610202 100%);
border-top:2px solid #b01919;
}
figure {
margin:0;
padding:0;
}
html {height:100%;}
body {
margin:0;
font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#8a8a8a;
min-width:1000px;
background:#fff;
height:100%;
}
img {border-style:none;}
a {
color:#8a8a8a;
text-decoration:underline;
}
a:hover {text-decoration:none;}
input,
textarea,
select {
font:100% arial,sans-serif;
vertical-align:middle;
color:#8a8a8a;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
#wrapper {
position:relative;
min-height:100%;
overflow:hidden;
background:url(../images/bg-wrapper.png) repeat-y;
}
#content {
float:left;
width:100%;
}
.c1 {margin:0 0 0 77px;}
.controls {
height:1%;
overflow:hidden;
padding:26px 13px 0 34px;
background:url(../images/bg-controls.png);
}
.links {float:left;}
.links ul {
list-style:none;
margin:0;
padding:0;
float:left;
}
.links li {
float:left;
margin:0 3px 0 0;
position:relative;
}
.links a {
float:left;
border:1px solid #dde2e8;
background:#fff;
-webkit-border-radius: 1px 1px 0 0;
-moz-border-radius: 1px 1px 0 0;
border-radius: 1px 1px 0 0;
color:#1f252a;
font-size:13px;
line-height:15px;
height:28px;
text-decoration:none;
padding:9px 19px 0 35px;
}
.links a:hover {text-decoration:underline;}
.links .num {
position:absolute;
right:-3px;
top:-8px;
color:#fff;
font:bold 10px/18px Arial, Helvetica, sans-serif;
width:20px;
height:20px;
background: #4c95cd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c95cd), color-stop(100%,#3c78ba));
background: -webkit-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: -o-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: -ms-linear-gradient(top, #4c95cd 0%,#3c78ba 100%);
background: linear-gradient(to bottom, #4c95cd 0%,#3c78ba 100%);
text-align:center;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.links .ico1 {background:#fff url(../images/sprite.png) no-repeat 14px -445px;}
.links .ico2 {background:#fff url(../images/sprite.png) no-repeat 13px -528px;}
.links .ico3 {background:#fff url(../images/sprite.png) no-repeat 11px -637px;}
.profile-box {float:right;}
.btn-on {
background:url(../images/sprite.png) no-repeat -230px -5px;
width:35px;
height:39px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:0 0 0 7px;
}
.profile-box .profile {
float:left;
border:1px solid #dde2e8;
background:#fff;
-webkit-border-radius: 1px 1px 0 0;
-moz-border-radius: 1px 1px 0 0;
border-radius: 1px 1px 0 0;
height:37px;
}
.profile-box .profile .image {
float:left;
margin:1px 12px 0 0;
}
.profile-box a {text-decoration:none;}
.profile-box .text-box {
float:left;
overflow:hidden;
color:#a0a0a0;
font-size:10px;
line-height:12px;
}
.profile-box .section {
padding:4px 33px 0 7px;
float:left;
}
.profile-box a.section {cursor:pointer;}
.profile-box .name {
display:block;
font-size:12px;
line-height:15px;
color:#4f5f6f;
font-weight:normal;
}
.profile-box .opener {
float:left;
background:url(../images/sprite.png) no-repeat -39px -58px;
width:32px;
height:37px;
overflow:hidden;
text-indent:-9999px;
border-left:1px solid #dde2e8;
}
.tabs {border-top:1px solid #fff;}
.tabs .text-section {
background:#f9f9f9;
padding:19px 0 8px 36px;
margin:0 0 1px;
}
.tabs h1 {
font-size:18px;
line-height:20px;
margin:0 0 8px;
color:#2b333b;
}
.tabs p {margin:0 0 10px;}
.states {
list-style:none;
margin:0;
padding:0;
}
.states li {
vertical-align:top;
margin:0 0 1px;
padding:9px 5px 12px 55px;
}
.states .error {
background:#ffdede url(../images/sprite.png) no-repeat 17px -712px;
color:#be0000;
}
.states .warning {
color:#dc6200;
background:#fff6de url(../images/sprite.png) no-repeat 18px -975px;
}
.states .succes {
color:#3f5a04;
background:#dfedc0 url(../images/sprite.png) no-repeat 15px -841px;
}
#sidebar {
float:left;
margin:0 0 0 -100%;
width:75px;
padding:18px 1px 0;
}
#sidebar .shadow {
background:url(../images/bg-shadow.png) no-repeat;
width:5px;
height:9999px;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:72px;
top:0;
}
.logo {
background:url(../images/sprite.png) no-repeat -53px 0;
width:36px;
height:44px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin:0 auto 23px;
position:relative;
left:1px;
}
.logo a {
display:block;
height:100%;
}
.buttons {
list-style:none;
margin:0;
padding:0;
position:relative;
z-index:2;
font:bold 11px/13px Arial, Helvetica, sans-serif;
}
.buttons li {
vertical-align:top;
margin:0 0 1px;
position:relative;
}
.buttons a {
vertical-align:top;
background: #616a78;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNmE3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDNkNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #616a78 0%, #343d4b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616a78), color-stop(100%,#343d4b));
background: -webkit-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: -o-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: -ms-linear-gradient(top, #616a78 0%,#343d4b 100%);
background: linear-gradient(to bottom, #616a78 0%,#343d4b 100%);
width:75px;
height:40px;
display:block;
overflow:hidden;
cursor:pointer;
}
.buttons li.active a {
background:url(../images/sprite.png) no-repeat -113px -2px;
margin:0 -21px 0 0;
padding:0 21px 0 0;
}
.buttons li.active a em {top:40px;}
.buttons a span {
overflow:hidden;
text-indent:-9999px;
display:block;
width:20px;
height:20px;
margin:11px auto 0;
background:url(../images/sprite.png) no-repeat 9999px 0;
}
.buttons em {
position:absolute;
right:0;
top:0;
background:url(../images/bg-shadow.png) repeat-y;
width:4px;
height:100%;
overflow:hidden;
text-indent:-9999px;
}
.buttons .ico1 span {
width:19px;
height:18px;
background-position:0 0;
}
.buttons .active .ico1 span {background-position:0 -23px;}
.buttons .ico2 span {
height:19px;
background-position:-1px -47px;
}
.buttons .active .ico2 span {background-position:-2px -73px;}
.buttons .ico3 span {background-position:-2px -97px;}
.buttons .active .ico3 span {background-position:-2px -126px;}
.buttons .ico4 span {background-position:-2px -153px;}
.buttons .active .ico4 span {background-position:-2px -178px;}
.buttons .ico5 span {background-position:-1px -206px;}
.buttons .active .ico5 span {background-position:-2px -232px;}
.buttons .ico6 span {background-position:-2px -262px;}
.buttons .active .ico6 span {background-position:-3px -291px;}
.buttons .ico7 span {background-position:-4px -321px;}
.buttons .active .ico7 span {background-position:-4px -352px;}
.buttons .ico8 span {background-position:-4px -380px;}
.buttons .active .ico8 span {background-position:-4px -415px;}
.buttons li:hover .tooltip {display:block;}
.buttons .tooltip {
position:absolute;
left:61px;
top:9px;
color:#3b414d;
padding:0 6px 0 0;
background:url(../images/sprite.png) no-repeat 100% -95px;
height:24px;
display:none;
white-space:nowrap;
}
.buttons .tooltip span {
height:20px;
float:left;
padding:4px 3px 0 10px;
background:url(../images/sprite.png) no-repeat -39px -125px;
}
.buttons .num {
display:block;
text-align:center;
color:#fff;
background: #950707;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDcwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #950707 0%, #610202 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#950707), color-stop(100%,#610202));
background: -webkit-linear-gradient(top, #950707 0%,#610202 100%);
background: -o-linear-gradient(top, #950707 0%,#610202 100%);
background: -ms-linear-gradient(top, #950707 0%,#610202 100%);
background: linear-gradient(to bottom, #950707 0%,#610202 100%);
border-top:2px solid #b01919;
}
Saturday, 31 August 2013
How to send sms in php?
Send SMS code below:
<html>
<head>
<meta name="khoshalidev's@" content="index">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>send sms</title>
<style type="text/css">
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:340px;
padding:14px;
}
/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
</style>
<script type="text/javascript">
//Edit the counter/limiter value as your wish
var count = "160"; //Example: var count = "175";
function limiter(){
var tex = document.myform.text.value;
var len = tex.length;
if(len > count){
tex = tex.substring(0,count);
document.myform.text.value =tex;
return false;
}
document.myform.limit.value = count-len;
}
// +,- delete
var r={'special':/[\W]/g}
function valid(o,w)
{
o.value = o.value.replace(r[w],'');
}
// phone number checker
function isNumeric()
{
var elem=document.myform.to.value;
var nalt=document.getElementById('phno1');
if(elem!="")
{
var numericExpression = /^[0-9]+$/;
if(elem.match(numericExpression))
{
nalt.innerHTML="";
return true;
}
else{
nalt.innerHTML="<font size=1 > Numbers Only</font>";
document.myform.to.focus();
document.myform.to.value="";
return false;
}
}
else if(elem.length==0) {
nalt.innerHTML="<font size=1 > Enter Numbers</font>";
document.myform.to.focus();;
return false;
}
}
</script>
</head>
<body>
<?
$from = "********"; // Change ********, and put your SMS Number in www.2-waysms.com account
$token = "********"; // Change ********, and put your token code in www.2-waysms.com account
$option = $_REQUEST["option"];
$text = $_REQUEST["text"];
$to = $_REQUEST["to"];
$senderid = $_REQUEST["senderid"];
switch ($option) {
case sendsms:
if ($text == "") { echo
"<center><br>Error!<br><b>Text not entered<b><br><a href=\"javascript:history.back(-1)\"><b>Go Back<b></a><br></center>";
die; } else { }
if ($to == "") { echo "<center><br>Error!<br><b>Number not entered<b><br><a href=\"javascript:history.back(-1)\"><b>Go Back<b></a><br></center>";
die; } else { }
if ($senderid == "") { echo "<center><br>Error!<br><b>From not entered<b><br><a href=\"javascript:history.back(-1)\"><b>Go Back<b></a><br></center>";
die; } else { }
$url = "http://www.2-waysms.com/my/api/sms.php";
$postfields = array ("from" => "$from",
"token" => "$token",
"text" => "$text",
"to" => "$to",
"senderid" => "$senderid");
if (!$curld = curl_init()) {
echo "Could not initialize cURL session.";
exit;
}
curl_setopt($curld, CURLOPT_POST, true);
curl_setopt($curld, CURLOPT_POSTFIELDS, $postfields);
curl_setopt($curld, CURLOPT_URL, $url);
curl_setopt($curld, CURLOPT_RETURNTRANSFER, true);
$output = curl_exec($curld);
curl_close ($curld);
$out = explode('|',$output);
echo "<center>Message Status: Your message was sent successfully to $to $out[1]<br><a href=\"smser.php\"><b>Send New SMS Message</b></a></center>";
break;
default:
echo
"<div id=\"stylized\" class=\"myform\">"
."<form name=\"myform\" method=post action=\"$PHP_SELF?option=sendsms\">"
."<table border=\"0\">"
."<tr>"
."<center><h1>Send SMS with own Sender ID</h1></center>"
."<td>Sender ID</td>"
."<td><input type=\"text\" name=\"senderid\" onkeyup=\"valid(this,'special')\" onblur=\"valid(this,'special')\"></td>"
."</tr>"
."<tr>"
."<td>Number</td>"
."<td><input type=\"text\" name=\"to\" id=\"to\" onKeyup=\"isNumeric()\"><span id=phno1></span></td>"
."</tr>"
."<tr>"
."<td>Message</td>"
."<td><textarea name=text wrap=physical rows=4 cols=25 onkeyup=limiter()></textarea></td><br>"
."</tr>"
."<tr>"
."<td></td>"
."<td>Character left: <script type=\"text/javascript\">"
."document.write(\"<input type=text name=limit size=4 readonly value=\"+count+\">\");"
."</script><br></td>"
."</tr>"
."<tr>"
."<td> </td>"
."<td><input type=submit name=submit value=Send>"
."<div class=\"spacer\"></div></td>"
."</tr>"
."</table>"
."</form>"
."</div><br>";
}
?>
</center>
</body>
</html>
Wednesday, 28 August 2013
Jquery Average Rating plugin Example
Disply average rating with decimal values from database in asp.net
Description:
In this example i will explain how to show average rating with decimal values in asp.net using jquery.
DataTable:Rate_table
Columnname Datatype AllowNulls
id int(set identity property=true) No
Rating float Yes
UserName varchar(50) Yes
After
completion table design create new website using visual studio and
Right click on your website >> select Add New Item >> Select
Generic Handler and give name as RateHandle.ashx
C# Code:
<%@ WebHandler Language="C#" Class="RatingHandler" %>
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
public class RatingHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
SqlConnection con = new SqlConnection("Data Source=dhaval;Integrated Security=true;Initial Catalog=MySampleDB");
con.Open();
SqlCommand cmd = new SqlCommand("insert into Rate_Table(Rating,UserName) values(@rating,@name)", con);
cmd.Parameters.AddWithValue("@rating", context.Request.Form["rating"]);
cmd.Parameters.AddWithValue("@name", context.Request.LogonUserIdentity.Name);
cmd.ExecuteNonQuery();
cmd = new SqlCommand("select count(Id) as NumberOfUsers,sum(Rating) as Total from Rating_Table", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
float COUNT = float.Parse(dt.Rows[0]["NumberOfUsers"].ToString());
float RATING = float.Parse(dt.Rows[0]["Total"].ToString());
context.Response.ContentType = "text/plain";
try
{
float result = RATING / COUNT;
context.Response.Write(result.ToString("0.0"));
}
catch (Exception ex)
{
context.Response.StatusCode = 202;
context.Response.Write(ex.Message);
context.Response.Flush();
context.Response.End();
}
}
public bool IsReusable
{
get
{
return false;
}
}
}After completion of write code in HttpHandler add following code in your aspx page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Rating Demo</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.rater.js"></script>
<script type="text/javascript">
$(function() {
$('#testRater').rater({ postHref: 'RatingHandler.ashx' });
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="testRate" class="stat">
<label for="rating">Rating</label>
<div class="Val">
<span class="rater">
<span class="rater-starsOff" style="width:90px;"><span class="rater-starsOn" runat="server" id="testSpan"></span></span>
<span class="rater-rating" id="rating" runat="server"></span> (<span class="rater-rateCount" id="count" runat="server"></span>)
</span>
</div>
</div>
</form>
</body>
</html>After completion of aspx page design add the following namespaces in code behind
C# Code
using System;
using System.Data;
using System.Data.SqlClient;
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection("Data Source=Dhaval;Integrated Security=true;Initial Catalog=MySampleDB");
con.Open();
SqlCommand cmd = new SqlCommand("select count(Id) as NumberOfUsers,sum(Rating) as Total from Rate_Table", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
float count=0,rating=0,result=0;
if( Convert.ToInt32(dt.Rows[0]["NumberOfUsers"].ToString())!=0 )
{
count = float.Parse(dt.Rows[0]["NumberOfUsers"].ToString());
rating = float.Parse(dt.Rows[0]["Total"].ToString());
result = Convert.ToInt32(Math.Ceiling((rating / count) * 18));
avgrating.InnerText = Math.Round((rating / count), 1).ToString();
}
else
{
avgrating.InnerText = "0";
}
testSpan.Style.Add("width", result+"px");
userscount.InnerText = count.ToString();
}
Subscribe to:
Posts (Atom)