Tuesday 16 July 2013

PHP Email script

 PHP MAIL SCRIP:

<?php

session_start();
ob_start();

    $name = $_POST['name']; // required
    $lastname = $_POST['lastname']; // required
    $email = $_POST['email']; //  required
     
   
  


$to1 = $_POST['email'];
$subject = "Test";
$message = "";
$from = "";
$headers = "From: $from";
// To send HTML mail, the Content-type header must be set
$headers  = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

$content = '
    <html>
    <head>
      <title>Bangalore Secretary Service</title>
    </head>
    <body>
    <table width="500" border="1" cellspacing="0" cellpadding="3"  style="border:2px solid #0082b8">
  <tr>
    <td width="200"  style="color:#0b95c5; font-size:16px">Name:</td>
    <td width="142" style="color:#666; font-size:13px">'.$name.'</td>
  </tr>
  <tr>
    <td style="color:#0b95c5; font-size:16px">Last Name:</td>
    <td style="color:#666; font-size:13px">'.$lastname.'</td>
  </tr>
 
  
  <tr>
    <td style="color:#0b95c5; font-size:16px">Email:</td>
    <td style="color:#666; font-size:13px">'.$email.'</td>
  </tr>
 

</table>
   
  
    </body>
    </html>';
   


$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$headers .= 'To: TESTMAil <prakasamonline@gmail.com>' . "\r\n";
$headers .= 'From: '.$_POST['name'].' <'.$_POST['email'].'>' . "\r\n";




//@mail($to, $subject, $content, $headers);
//$to = 'info@webdesignindia-vistas.com,anthony@vistasad.com';
@mail($to='prakasamonline@gmail.com', $subject, $content, $headers);

echo "<script language=\"javascript\" type=\"text/javascript\">
window.location = \"email.html\";
</script>
";

?>

Sample HTML :

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
     <title>test mail</title>
  </head>

  <body>
  <div class="wrapper">

<div><form class="contact_form" action="mail.php" method="post" name="contact_form">
    <ul>
      
        <li>
            <label for="name">Name:<span class="readtext">*</span></label>
            <input type="text"  required  name="name" />
        </li>
         <li>
            <label for="name">Last Name:<span class="readtext">*</span></label>
            <input type="text"  required name="lastname" />
        </li>
  
        
        <li>
            <label for="email">Email:<span class="readtext">*</span></label>
            <input type="email" name="email"  required />
            <span class="form_hint">Proper format "name@something.com"</span>
            <p style="position:relative; right:-157px;"><span class="readtext">Note:</span> Please send in your emails through your official company email ID, we will not be able to respond to personal email ID’s
</p>
        </li> 
        
            <button class="submit"  type="submit">Submit</button>
        </li>
    </ul>
          
                   </form>
                      </div> <!-- END request form -->    
    </section> <!-- Content end -->

       
      
      
  </body>
 
  </html>

Monday 25 February 2013

SEO Fundamentals for Web Designers

SEO (Search Engine Optimization) is an awkward topic to approach for beginners. Ironically, crawling the web for information about SEO often returns a huge amount of vague and contradictory marketing information. Fear not! If you think SEO is all unicorns and wizardry this session will arm you with the facts you need.

http://webdesign.tutsplus.com/sessions/seo-fundamentals-for-web-designers/

Tuesday 18 December 2012

URL redirect using the .htaccess file

 Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^idesignhunt.blogspot.in [nc]
rewriterule ^(.*)$ http://www.idesignhunt.blogspot.in/$1 [r=301,nc]

Thursday 13 December 2012

Responsive jQuery Carousel Plugin

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images

html5 

Responsive Navigation

Many responsive websites provide a horizontal navigation bar on large screens and drop-down navigation for smaller viewports. It’s a perfectly decent approach, but it’s not without its issues. Firstly, devices don’t just come in large and small; they come in every size imaginable. Secondly, the navigation might well change over time. Thirdly, the layout or font size might vary across screen sizes. We’re going to do things differently…


Why not check (with JavaScript) to see how much of our the navigation actually fits in the space available? Once we know that, we can take items that don’t fit within the navbar and move them into a dropdown menu. On especially small screens, we can choose to put the entire menu into a dropdown.

html5 

Responsive Google Map Images


html5