Sunday, 1 December 2013

Send e-mail in PHP

For Sending Mail in PHP their is inbuilt funtion to send e-mails in php but this function only works in server where you can send your e-mail with your server e-mails.

mail(to,subject,message,headers,parameters)

Here is running example of mail function in php

<?php
if(isset($_POST['btn_email']))
{
$email_to = "sender-email";
        $email_subject = "Subject";
$name=$_POST['name'];
$email=$_POST['email'];
$sub=$_POST['Subject'];
$messagenew=$_POST['message'];
$email_message = "Name: ".$name."\n";
    $email_message .= "Email: ".$email."\n";
    $email_message .= "Subject: ".$sub."\n";
    $email_message .= "Message: ".$messagenew."\n";
// create email headers
$headers = 'From: '.$email."\r\n".
'Reply-To: '.$email."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);  
 
echo"<script>alert('Thank you for contacting us. We will be in touch with you very soon.');</script>";
}
?>
<form action="Contact.php" method="post" class="std" enctype="multipart/form-data">
<h1 style='color:black'>Send a message</h1>
<p class="text select">
<label for="id_order">Name</label>
<input type="text" name="name" id="name" value="" />
</p>
<p class="text select">
<label for="id_order">Subject</label>
<input type="text" name="Subject" id="Subject" value="" />
</p>
<p class="text">
   <label for="email">E-mail address</label>
<input type="text" id="email" name="email" value="" />
</p>
<p class="textarea">
<label for="message">Message</label>
<textarea id="message" name="message" ></textarea>
</p>
<p class="submit">
<input type="submit" name="btn_email" id="btn_email" value="Send" class="button_large" onclick="$(this).hide();" />
</p>
</form>
You Can Download It From Here : Click Here

For Any Query Please Write a comment !!

Thanks

Saturday, 30 November 2013

Web Based 3D Dock Menus



Here is The Complete Source Code of The 3D Dock Menu: 
<!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>CSS 3D Dock Menu</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/home.png" alt="home" /><span>Blog Home</span></a> 
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/email.png" alt="contact" /><span>Designer Wall</span></a> 
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/portfolio.png" alt="portfolio" /><span>Design Jobs</span></a> 
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/music.png" alt="music" /><span>Best Web Gallery</span></a> 
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/video.png" alt="video" /><span>IconDock</span></a> 
  <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/history.png" alt="history" /><span>Stock Icons</span></a>
  </div> 
</div>
<!--bottom dock -->
<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Home</span><img src="images/home.png" alt="home" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Contact</span><img src="images/email.png" alt="contact" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Music</span><img src="images/music.png" alt="music" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Video</span><img src="images/video.png" alt="video" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>History</span><img src="images/history.png" alt="history" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Links</span><img src="images/link.png" alt="links" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>RSS</span><img src="images/rss.png" alt="rss" /></a> 
  <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a> 
  </div>
</div>

<!--dock menu JS options -->
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>
</body>
</html>
Output Like This :




Download Click Here


Friday, 29 November 2013

How to Add Facebook Like box in website or Blog

I will show you how to add your facebook like box in your static or dynamic website. The Facebook Like Box show your website popularity on facebook . So don't wait just do it fast .

Step 1 : If you are put in your website . Then open your web page in which you want to show the facebook like box . Go To Head Section and at the end of end section you will copy following code :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 Step 2 : If you are using Blog or Google Blogspot. just go to your dashboard -> template and Edit HTML here you can find head tag. and Do step 1.


Step 3 : And at the end of body tag copy this code and change your url :



<style type='text/css'>
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSCYhVqNIxhAm-2XnPYNEbS3mX5jto1-7WNy9P4x9aa6S7pdTArWKD6L3Gx8jBsl_oPl242P2gdEm6BVUGPYwtKfscGjjV1rMtaQL3VIkl8xySCwFONBZVM-8nhDPYy2DFFsnjOf8C1qMS/s1600/w2b_vertical-right.png');background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = 'medium'; // Duration of Animation
            w2b('#fbplikebox').css({right: -250, 'top' : 350 })
            w2b('#fbplikebox').hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b('#fbplikebox').show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id='fbplikebox' style='display:none;'>
    <div class='fbplbadge'></div>
    <iframe src='http://www.facebook.com/plugins/likebox.php?href=Type_your_fb_page_URL&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:250px; height:260px;background:#FFFFFF;' allowtransparency='true'></iframe>
</div>
 And You Get Following Output :