نوفمبر 2013 - 3lessons

IKAM – 264 vector icons

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWQQcS7TRJspte-I0RwZmlavoVDselMLDRYDUVWOmnK81xnL-X-Y_LDvJ7n-ymyxgch0Kv_iPvv-ZzjT8XBht7_pK_DGPbBEllwfW0Uf4kfVjyc0S4dRI6ap78FUDvTpCCEX12ucML0M9/s1600/preview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWQQcS7TRJspte-I0RwZmlavoVDselMLDRYDUVWOmnK81xnL-X-Y_LDvJ7n-ymyxgch0Kv_iPvv-ZzjT8XBht7_pK_DGPbBEllwfW0Uf4kfVjyc0S4dRI6ap78FUDvTpCCEX12ucML0M9/s320/preview.png" width="123" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="text-align: right;"><b>IKAM </b></span>is a set of <strong>264 hand crafted, scalable vector icons</strong> for designers and developers. This pack includes <strong>SVG</strong>, <strong>AI</strong>, <strong>ESP</strong>, <strong>PSD</strong>, <strong>CSH</strong> and <strong>PNG</strong> formats.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://graphicriver.net/item/-ikam-premium-flat-icon-set-/6235508" target="_blank">Download</a></div>
</div>

IKAM – 264 vector icons

IKAM – 264 vector icons

IKAM is a set of 264 hand crafted, scalable vector icons for designers and developers. This pack includes SVG, AI, ESP, PSD, CSH and PNG formats. Download …

مزيد من المعلومات »

Nov 24, 2013

Wireframe Kit 2.0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wG_C4qP74ZqKMZHarmTkx-yFfJHA3WZ289JSymGL3lvkqLs6qCTNh9M_lDlSJdI7gPfyMy3dPMT_pNzj507htRXPgZRZRtsHSzaU245Ha8MeA9tyPappx_TkcN6vSSOt9UDRm2Va5w96/s1600/wireframe-kit-2-0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wG_C4qP74ZqKMZHarmTkx-yFfJHA3WZ289JSymGL3lvkqLs6qCTNh9M_lDlSJdI7gPfyMy3dPMT_pNzj507htRXPgZRZRtsHSzaU245Ha8MeA9tyPappx_TkcN6vSSOt9UDRm2Va5w96/s320/wireframe-kit-2-0.jpg" width="320" /></a></div>
<br />
<br />
<div style="text-align: left;">
<strong>Wireframe Kit 2.0</strong> includes over <strong>175 templates</strong> and <strong>500 UI elements for web</strong>, tablet and mobile devices to help speed up your UX workflow. Delivered in .AI vector format.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b><a href="http://wireframe%20kit%202.0%20includes%20over%20175%20templates%20and%20500%20ui%20elements%20for%20web%2C%20tablet%20and%20mobile%20devices%20to%20help%20speed%20up%20your%20ux%20workflow.%20delivered%20in%20.ai%20vector%20format./" rel="nofollow" target="_blank">Download</a></b></div>
</div>

Wireframe Kit 2.0

Wireframe Kit 2.0

Wireframe Kit 2.0 includes over 175 templates and 500 UI elements for web, tablet and mobile devices to help speed up your UX workflow. Delivered in .AI vector format. Download …

مزيد من المعلومات »

Nov 24, 2013

Web W3rk – Free UI components

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPfT65fiDQrssDJaxJWCEzMpIvhEzVkX8DL0wsnZnXP1g99Diys_z66jgZYrYAhFgy1wVdqyHWSWtKrLhy3qTn1etapbGwhO6jr34A9HQYrBCgcrJPrSHYAybuKJxGyadA0ZgHmfiGOv6/s1600/web-ui-components-psd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPfT65fiDQrssDJaxJWCEzMpIvhEzVkX8DL0wsnZnXP1g99Diys_z66jgZYrYAhFgy1wVdqyHWSWtKrLhy3qTn1etapbGwhO6jr34A9HQYrBCgcrJPrSHYAybuKJxGyadA0ZgHmfiGOv6/s320/web-ui-components-psd.jpg" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Here is another useful <strong>UI kit containing a lot of elements</strong>. Free PSD.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="background-color: white; color: #3b3b3b; font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 22.390625px;"><a href="http://www.hazem14emam.com/explore/features/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D9%8A-%D8%A7%D9%84%D8%A7%D9%8A%D8%B7%D8%A7%D9%84%D9%8A/856-%D9%83%D8%A7%D8%B3%D8%A7%D9%86%D9%88-%D9%8A%D8%B5%D8%B9%D9%82-%D9%86%D8%A7%D8%A8%D9%88%D9%84%D9%89-%D8%A8%D9%87%D8%AF%D9%81-%D9%82%D8%A7%D8%AA%D9%84-%D9%81%D9%89-%D8%B3%D8%A7%D9%86-%D8%A8%D8%A7%D9%88%D9%84%D9%88.html" rel="nofollow" target="_blank">Download </a></span></div>
</div>

Web W3rk – Free UI components

Web W3rk – Free UI components

Here is another useful UI kit containing a lot of elements. Free PSD. Download …

مزيد من المعلومات »

Nov 24, 2013

Teal UI Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMU-YfEx-85LVBmCM9yBqo_tr5dDWGpVXJbiPH0vnHqlvmVJNE_xc8K1p8epSng6kjWOa4JIHI8nID5eVm0K0R0X8Oh9f9S5fFSFMQCJXAI6GuFXDJggX1_f9U7VZIsfFPbCwfEHmT___3/s1600/timthumb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMU-YfEx-85LVBmCM9yBqo_tr5dDWGpVXJbiPH0vnHqlvmVJNE_xc8K1p8epSng6kjWOa4JIHI8nID5eVm0K0R0X8Oh9f9S5fFSFMQCJXAI6GuFXDJggX1_f9U7VZIsfFPbCwfEHmT___3/s1600/timthumb.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
Teal is a modern flat UI kit that will help you create website designs in minutes. The free sample includes, as you can see in the above image, buttons in two styles, one horizontal and one vertical menu.  The kit, available at Creative Market, contains 2 PSD files, fully layered and well organized. All elements are grouped and labeled for easy editing. All elements are shapes, fully editable and scalable. The font used is Arial.  - See more at: http://webdesignerlab.com/psd-files/teal-ui-kit#sthash.1KEwDWHI.dpuf</div>
</div>

Teal UI Kit

Teal is a modern flat UI kit that will help you create website designs in minutes. The free sample includes, as you can see in the above image, buttons in two styles, one horizontal and one vertical menu. The kit, available at Creative Market, contains 2 PSD files, fully layered and well organized…

مزيد من المعلومات »

Nov 20, 2013

Mega Flat UI Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCoowIEIdQ-d8HLqF2_hHbkIWDV2cyZvAB62qJ2OOOKskkSotfM6a3tn9QQiLg_S5NRCRJpIhjlVwl2DjCId3fVI5NYzCSbWPITc_kayOKookO71i5l6oiRsPHlUTbXYfrEuDWXetkjYWa/s1600/mega_flat_ui_kit_by_slayerd1-d6dxr4a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCoowIEIdQ-d8HLqF2_hHbkIWDV2cyZvAB62qJ2OOOKskkSotfM6a3tn9QQiLg_S5NRCRJpIhjlVwl2DjCId3fVI5NYzCSbWPITc_kayOKookO71i5l6oiRsPHlUTbXYfrEuDWXetkjYWa/s1600/mega_flat_ui_kit_by_slayerd1-d6dxr4a.png" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Same Mega UI Kit as before just this is a flat version. The flat version has a few small changes with the font, icons used as well as long shadows introduced in the social media icons and buttons. </div>
</div>

Mega Flat UI Kit

Mega Flat UI Kit

Same Mega UI Kit as before just this is a flat version. The flat version has a few small changes with the font, icons used as well as long shadows introduced in the social media icons and buttons. …

مزيد من المعلومات »

Nov 20, 2013

Flat UI kit

Flat UI kit

…

مزيد من المعلومات »

Nov 20, 2013

Freebie: Portfolio Template

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEK6T8KOj-q7_EXVrzPgm6WB8ciE5gKCx0otbFuZ5Uye2yvOkn5QkrJ9rN3_KceAGc4Lhw1dTZ4gGMad4jDRTxyA7y1DlnlopyQIW1bRuRSuADR_KmLoazxsJwUHNvlU6JX7g0Dw7ak0W/s1600/hexal-feature.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEK6T8KOj-q7_EXVrzPgm6WB8ciE5gKCx0otbFuZ5Uye2yvOkn5QkrJ9rN3_KceAGc4Lhw1dTZ4gGMad4jDRTxyA7y1DlnlopyQIW1bRuRSuADR_KmLoazxsJwUHNvlU6JX7g0Dw7ak0W/s1600/hexal-feature.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Hexal is a single page portfolio template that came out as a by product of various design experimentations with hexagons. In all honesty, initially I wanted to create a grid system solely based on hexagons, but the task was literally driving me crazy, and I cant image what it would have been like coding something like that.</div>
<div style="text-align: left;">
As with most of my freebies, everything used is freely available for download. The font for the heading that I am using here is called Maven Pro, while the font for the body is Lato. The place holder images of the portfolio are creations of Juan Carlos Paz, make sure you check out his portfolio you will be very pleasantly surprised.</div>
<div style="text-align: left;">
I will release a CSS version of this template also, but it will take a few weeks. Since at the moment I am finishing up the documentation for the Flato UI Kit, and after that Ill start working on Singolo. Make sure you subscriber to my newsletter and I will let you know when its done.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.psdchat.com/download/hexal-psd.zip"><b><span style="color: red;">Download</span></b></a></div>
</div>

Freebie: Portfolio Template

Freebie: Portfolio Template

Hexal is a single page portfolio template that came out as a by product of various design experimentations with hexagons. In all honesty, initially I wanted to create a grid system solely based on hexagons, but the task was literally driving me crazy, and I cant image what it would have been like c…

مزيد من المعلومات »

Nov 20, 2013

Flato Lite: Free Flat User Interface Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_act_inHqPKARWiym5uxziZ9NntNTAPYVbo1169ogLb5dcxKumnf-Ijm224QpShGmiFvSmDNuahq18_8TfrtRnTiuquQdarRV6nUq_m0n1BX6eIC8TX9skrWqgD9_sSogWEuJnY_7otrX/s1600/flato_lite__free_flat_user_interface_kit_by_psdchat-d6s53lg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_act_inHqPKARWiym5uxziZ9NntNTAPYVbo1169ogLb5dcxKumnf-Ijm224QpShGmiFvSmDNuahq18_8TfrtRnTiuquQdarRV6nUq_m0n1BX6eIC8TX9skrWqgD9_sSogWEuJnY_7otrX/s1600/flato_lite__free_flat_user_interface_kit_by_psdchat-d6s53lg.jpg" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Flato Lite: Free Flat User Interface Kit </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: #dae5d6; font-family: Verdana, sans-serif; font-size: 12px;">// Download Freebie: </b><a class="external" href="http://www.deviantart.com/users/outgoing?http://www.psdchat.com/resources/freebie-flat-user-interface-kit/" style="background-color: #dae5d6; color: #3b5a4a; display: inline-block; font-family: Verdana, sans-serif; font-size: 12px; zoom: 1;">Click Here</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
</div>

Flato Lite: Free Flat User Interface Kit

Flato Lite: Free Flat User Interface Kit

. Flato Lite: Free Flat User Interface Kit // Download Freebie: Click Here …

مزيد من المعلومات »

Nov 20, 2013

Plasma – Multi-Purpose HTML Template – RIP

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="item-description" itemprop="description">
      <div class="user-html">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuWI85W-R2rQuMUxPSQFET-FUkeRo4eQmAGKp25cS4lWLMvCM9Vb_nXISe_Jib5H19JSGl4HsExz3yEzajdbZfed_WzOy4K6MWWkl_sxTEEXQbMQX6vAfn40ntJmGl8FH5NLXm-knoq-h/s1600/kzFpJZD.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuWI85W-R2rQuMUxPSQFET-FUkeRo4eQmAGKp25cS4lWLMvCM9Vb_nXISe_Jib5H19JSGl4HsExz3yEzajdbZfed_WzOy4K6MWWkl_sxTEEXQbMQX6vAfn40ntJmGl8FH5NLXm-knoq-h/s1600/kzFpJZD.jpg" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Plasma is a fully responsive one-page 
HTML template or Creative Page html template is easily usable with </div>
<div style="text-align: left;">
any 
device (Desktop, tablet, mobile phone…), without removing any content!.</div>
<div style="text-align: left;">
Plasma is a responsive html template that modest for your Business , 
Portfolio and your website agency that you can be Special with this 
theme . </div>
<div style="text-align: left;">
The theme has a gallery for featured work special,  paginated blog, 
awsome hover effect, and contact work. The template offers a quick and 
easy setup.</div>
<br />

<h3 id="item-description__feature" style="text-align: left;">
Feature:</h3>
<ul>
<li style="text-align: left;">Clean & Minimal Design</li>
<li style="text-align: left;">Bootstrap Build</li>
<li style="text-align: left;">Awesome Fonts</li>
<li style="text-align: left;">Flat Design</li>
<li style="text-align: left;">Responsive Design</li>
<li style="text-align: left;">Revolution Slider Included ($12 Value )</li>
<li style="text-align: left;">HTML5 & CSS3 Validated( <a href="http://validator.w3.org/">http://validator.w3.org</a> )</li>
<li style="text-align: left;">Template is compatible with IE8+, Firefox, Safari, Chrome, Opera</li>
<li style="text-align: left;">Social Media Link</li>
<li style="text-align: left;">Workings AJAX Contact Form</li>
<li style="text-align: left;">Nicely commented code</li>
<li style="text-align: left;">Google Web Fonts</li>
<li style="text-align: left;">Google Maps</li>
<li style="text-align: left;">Feature Service</li>
<li style="text-align: left;">Easily Customizable</li>
<li style="text-align: left;">Always on Top Navigation</li>
<li style="text-align: left;">Twitter Feed Working</li>
<li style="text-align: left;">Slider Twitter Feed</li>
<li style="text-align: left;">Filterable portfolio</li>
<li style="text-align: left;">Detailed Documentation</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XwvVNhi2dDM/UoxLn3PUH0I/AAAAAAAAAMg/U91jgtfRKEk/s1600/6a54e4888df2693d7b8ecd14785531bb.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="http://1.bp.blogspot.com/-XwvVNhi2dDM/UoxLn3PUH0I/AAAAAAAAAMg/U91jgtfRKEk/s1600/6a54e4888df2693d7b8ecd14785531bb.gif" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
http://rapidgator.net/file/a1ca8c842a6a81db9893bb3374abf9b2/<br /><br />http://www43.zippyshare.com/v/49989067/file.html</div>
</div>
</div>
</div>

Plasma – Multi-Purpose HTML Template – RIP

Plasma – Multi-Purpose HTML Template – RIP

Plasma is a fully responsive one-page HTML template or Creative Page html template is easily usable with any device (Desktop, tablet, mobile phone…), without removing any content!. Plasma is a responsive html template that modest for your Business , Portfolio and your website agency that…

مزيد من المعلومات »

Nov 19, 2013

Download – Timeline Template – Themeforest

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQgsJWl9LuQwEEUoWk2alfcgGSiwfTLO7-ED8gmJ65pS_qgVazL5HXLZgoXAO_qMJZ2q8yV7R3CDa3M1t3BEmyp-aPV_S7_ZIJsTy1aStJgDBBiYbixLyfKXrNywHA5_4bRtrjaMyEHRwc/s1600/t01_preview.__large_preview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQgsJWl9LuQwEEUoWk2alfcgGSiwfTLO7-ED8gmJ65pS_qgVazL5HXLZgoXAO_qMJZ2q8yV7R3CDa3M1t3BEmyp-aPV_S7_ZIJsTy1aStJgDBBiYbixLyfKXrNywHA5_4bRtrjaMyEHRwc/s1600/t01_preview.__large_preview.jpg" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
TT is a revolutionary template, intended to showcase your work, blog 
or interests in an unique modern way, using the trendy timeline look. It
 resembles a lot of Facebook timeline, though it offers many more 
features like embedded text, multimedia player with playlist, header 
slider, background image slide show, etc.</div>
<div style="text-align: left;">
This is a cool template to use if you are a talented freelancer, who 
wants to show his portfolio in a creative way or a musician who wants to
 make his album collection visible in a FB tab. It can also be used for 
publishing blog posts in a chronological order, to stream various 
content from a news site or just to publish your biography in FB.</div>
<div style="text-align: left;">
TT is an innovative template, available in two versions – light & dark, developed to suit any preference.<br />
</div>
<div style="text-align: left;">
<br /></div>
<br />
<center style="text-align: center;">
<a href="http://url.buzztheme.net/yfTQd" rel="nofollow" target="_blank"> <img src="http://buzztheme.net/wp-content/uploads/2013/10/live_demo_button.fw_.png" /></a></center>
</div>

Download – Timeline Template – Themeforest

Download – Timeline Template – Themeforest

TT is a revolutionary template, intended to showcase your work, blog or interests in an unique modern way, using the trendy timeline look. It resembles a lot of Facebook timeline, though it offers many more features like embedded text, multimedia player with playlist, header slider, background …

مزيد من المعلومات »

Nov 19, 2013

Zooming with jQuery and CSS

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XCTV7-ks8wY/UoxFYT0YZDI/AAAAAAAAAMA/d_jW2JNMfIo/s1600/jquery_zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="http://2.bp.blogspot.com/-XCTV7-ks8wY/UoxFYT0YZDI/AAAAAAAAAMA/d_jW2JNMfIo/s1600/jquery_zoom.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">In this post I want to explain about </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px; text-align: justify;">Text Zooming with jQuery and CSS</span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">. This is basic level tutorial just changing style using jQuery script. It's simple use it for zooming website content. </span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<br />
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;">Javascript Code</b></div>
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Contains javascript code. $("#zoom").change(funtion(){}- <span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">zoom</span> is the id name of the select box. Using <span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">$("#zoom").val();</span> calling select box value. Applying style at<span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">$("#main").css </span></div>
</span><br />
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>" src="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">http://ajax.googleapis.com/ajax/</span></div>
<span style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">libs/jquery/1.3.0/jquery.min.js</span>"<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span><span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></script></span></div>
</span><span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>"<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span></div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$(<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">() </span></b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">{</b></div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">$(</span></b><span style="font-family: Courier, monospace, 'Courier New';">"</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">#zoom</span><span style="font-family: Courier, monospace, 'Courier New';">"</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">)</span></b><span style="font-family: Courier, monospace, 'Courier New';">.</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">change</span><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">(</span></b><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">() </span></b></div>
</b><div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">{</b></div>
<div style="text-align: left;">
<br /></div>
<b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #073763; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">var</span></b><span style="font-family: Courier, monospace, 'Courier New';"> </span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">size</span><span style="font-family: Courier, monospace, 'Courier New';"> = </span><b style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">$(this)</b><span style="font-family: Courier, monospace, 'Courier New';">.val();</span></div>
</b><b style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">$(</b><span style="font-family: Courier, monospace, 'Courier New';">"</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">#main</span><span style="font-family: Courier, monospace, 'Courier New';">"</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">)</span></b><span style="font-family: Courier, monospace, 'Courier New';">.</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">css</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">(</span></b><span style="font-family: Courier, monospace, 'Courier New';">'font-size', </span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">size</span><span style="font-family: Courier, monospace, 'Courier New';">+'px');</span></div>
</b><div style="text-align: left;">
<br /></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">return false;</b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">});</b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">});</b></div>
<span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"></script></span></div>
</span></div>
<div style="border: 0px none; margin: 0px; outline: 0px; padding: 0px; text-align: start;">
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<div style="text-align: left;">
<ins style="border: none; color: #1e1e1e; display: inline-table; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; height: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><ins id="aswift_2_anchor" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: 15px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="border-style: none; border-width: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="468"></iframe></ins></ins></div>
</div>
<br />
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;"><div style="text-align: left;">
<b style="border: 0px none; margin: 0px; outline: 0px; padding: 0px;">HTML Code</b></div>
</b><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Contains HTML code. </div>
</span><br />
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
Zoom Text: </div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<select id="<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">zoom</span></b>"></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"25"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">25</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"50"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">50</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"75"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">75</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"100"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">100</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"150"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">150</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"200"</span>><b style="border: 0px none; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">200</b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
</select></div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div id="<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">main</span>"></b></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
Website Content</div>
</span><div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"></div></b></div>
</div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;">Join testking to learn best web designing practices using expert </span><a href="http://www.test-king.com/exams/70-680.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking 70-680</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;">study guides and </span><a href="http://www.test-king.com/exams/SY0-201.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking SY0-201</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"> design tutorials. Become expert with our</span><a href="http://www.test-king.com/exams/642-901.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking 642-901</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"> web designing course.</span></div>
</div>

Zooming with jQuery and CSS

Zooming with jQuery and CSS

In this post I want to explain about Text Zooming with jQuery and CSS. This is basic level tutorial just changing style using jQuery script. It's simple use it for zooming website content. Javascript Code Contains javascript code. $("#zoom").change(funtion(){}- zoom is the id name of the select bo…

مزيد من المعلومات »

Nov 19, 2013

Importance of Sitemap in Search Engine Optimization

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
If you have a large site means, it’s not easy to find all the articles easily for readers as well as Search spiders. So in this tutorial am going to explain how to create site map and the importance of it.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-shL98ADQouo/Uor7P6SifeI/AAAAAAAAALg/eyZxRJPpWzA/s1600/how-to-create-sitemap.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="http://1.bp.blogspot.com/-shL98ADQouo/Uor7P6SifeI/AAAAAAAAALg/eyZxRJPpWzA/s1600/how-to-create-sitemap.jpg" width="320" /></a></div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; margin: 0px auto; text-align: left; width: 562px;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
There are mainly 2 types of site maps are their</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<ul style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
<li style="text-align: left;">Human Sitemap</li>
<li style="text-align: left;">XML /Search Engine Sitemap</li>
</ul>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="text-align: left;">
<strong>Human Sitemap:</strong></div>
<div style="text-align: left;">
This type of sitemap is designed for users, but search engines also find it to index your site. Human site maps are simply HTML page which links all web pages or articles. By using this sitemap humans/Users can find your content easily which means your site navigation will be easy. Upload the human sitemap and give a link to the sitemap. Your site map link can place in website footer or header.</div>
<div style="text-align: left;">
<br /></div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="text-align: left;">
<strong>XML/Search Engine Sitemap:</strong></div>
<div style="text-align: left;">
This type of sitemap is made for search engines. XML sitemaps are not human friendly but search engines can understand easily and navigate around your site to index pages. You can create the sitemap online using online sitemap generator. Below is the example of XML/Search Engine Sitemap.</div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="text-align: left;">
<strong>How to submit a sitemap to search engines?</strong></div>
<div style="text-align: left;">
After creating the XML/Search Engine Sitemap you need to submit it to the major search engines like Google, Yahoo and Bing etc..</div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
Upload the sitemap.xml file to the web server. To submit the site to Google login to Google Web master Account. If you have Google account means login with that details or signup for new account. If you are a new user it will ask you to verify the ownership of your domain. Google will provide a meta tag to verify. Place it at the head section of your website. Now you are ready to submit your site map to Google.</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div class="adright aflt" data-ad="250x250" id="adspace" style="background-color: white; color: #666666; float: left; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; padding: 0px 6px 6px 0px; text-align: left;">
</div>
<div style="text-align: left;">
<span style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">Under the Site configuration click the Sitemap. Click the Submit a Sitemap Enter the URL of your sitemap and click submit. URL will be like </span><i style="background-color: white; color: #c24f00; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">www.yourwebsite.om/sitemap.xml</i><span style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">. Your site map is now submitted successfully. Be patient to index your sitemap by Google.</span></div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
Using same way you can submit your sitemap to Yahoo, Bing etc.. Sitemap plays a big role in Search Engine Optimization. Create your site map and submit it to search engines. You can also submit website to search engines. Hope that this article will help you.</div>
</div>

Importance of Sitemap in Search Engine Optimization

Importance of Sitemap in Search Engine Optimization

If you have a large site means, it’s not easy to find all the articles easily for readers as well as Search spiders. So in this tutorial am going to explain how to create site map and the importance of it. There are mainly 2 types of site maps are their Human Sitemap XML /Search Engine Sitemap Huma…

مزيد من المعلومات »

Nov 18, 2013

How can you read csv file using PHP

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
This article is about how to read the CSV files using PHP. I have implemented simple and easy way of handling the CSV file in PHP. I have used PHP inbuilt function called <i>fgetcsv</i> to open and read CSV files. You can use this method to insert the CSV data to MYSQL database.</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-EPkIVRyEZq4/Uor57d1bMLI/AAAAAAAAALU/c_uiMtJZ8QQ/s1600/php-read-csv.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="http://1.bp.blogspot.com/-EPkIVRyEZq4/Uor57d1bMLI/AAAAAAAAALU/c_uiMtJZ8QQ/s1600/php-read-csv.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; line-height: 24px; text-align: left;">
PHP read csv file:</h2>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
Now lets see how the code look like. As i mentioned earlier we have used php function called <strong>fgetcsv()</strong>. This function will gets line from file pointer to parse for CSV fields and return an array.</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div class="highlight php" style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; overflow: hidden; text-align: justify;">
<ul class="tabs" style="border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; list-style: none; margin: 0px; overflow: hidden; padding: 5px 0px; width: 584px;">
<li class="code active" style="background-image: none; border-bottom-style: none; color: #cccccc; cursor: default; float: left; line-height: 1em; margin: 0px 5px; padding: 0px; text-align: left;">code</li>
<li class="source" style="background-image: none; border-bottom-color: rgb(204, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; color: #cccccc; cursor: pointer; float: left; line-height: 1em; margin: 0px 5px; padding: 0px; text-align: left;">source</li>
</ul>
<pre class="code" style="clear: both; padding: 0px;"><ol style="margin: 0px; padding: 0px 0px 0px 32px;">
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//<span class="kwd" style="float: none !important; padding: 0px !important;">FUnction</span> to read CSV</span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="kwd" style="color: #007700; float: none !important; padding: 0px !important;">function</span> readCSV(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csvFile</span>){
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//Open the file in read mode</span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$file_handle</span> = <span class="fnc" style="color: #0000bb; float: none !important; padding: 0px !important;">fopen</span>(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csvFile</span>, <span class="str" style="color: #dd0000; float: none !important; padding: 0px !important;">'r'</span>);
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//Go through a loop</span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="kwd" style="color: #007700; float: none !important; padding: 0px !important;">while</span> (!<span class="fnc" style="color: #0000bb; float: none !important; padding: 0px !important;">feof</span>(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$file_handle</span>) ) {
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">        <span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">// get data using <span class="fnc" style="float: none !important; padding: 0px !important;">fgetcsv</span> <span class="kwd" style="float: none !important; padding: 0px !important;">and</span> push to an <span class="kwd" style="float: none !important; padding: 0px !important;">array</span></span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">        <span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$line_of_text</span>[] = <span class="fnc" style="color: #0000bb; float: none !important; padding: 0px !important;">fgetcsv</span>(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$file_handle</span>, 1024);
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    }
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//Close the file after reading</span>
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    fclose(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$file_handle</span>);
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//<span class="kwd" style="float: none !important; padding: 0px !important;">return</span> the <span class="kwd" style="float: none !important; padding: 0px !important;">array</span> of data</span>
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">    <span class="kwd" style="color: #007700; float: none !important; padding: 0px !important;">return</span> <span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$line_of_text</span>;
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">}
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">// Set path to CSV file</span>
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csvFile</span> = <span class="str" style="color: #dd0000; float: none !important; padding: 0px !important;">'invoices.csv'</span>;
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//call the csv reading <span class="kwd" style="float: none !important; padding: 0px !important;">function</span></span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csv</span> = readCSV(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csvFile</span>);
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">// Output the a<span class="kwd" style="float: none !important; padding: 0px !important;">array</span> in to brower</span>
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="com" style="color: #ff8000; float: none !important; font-style: italic; padding: 0px !important;">//You can insert to db from here</span>
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="fnc" style="color: #0000bb; float: none !important; padding: 0px !important;">echo</span> <span class="str" style="color: #dd0000; float: none !important; padding: 0px !important;">'<pre>'</span>;
</li>
<li class="even" style="border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;">print_r(<span class="var" style="color: #0000bb; float: none !important; padding: 0px !important;">$csv</span>);
</li>
<li style="background-color: #f8f8f8; border-left-color: rgb(178, 209, 34); border-left-style: solid; border-left-width: 1px; padding: 0px 0px 0px 5px; text-align: left;"><span class="fnc" style="color: #0000bb; float: none !important; padding: 0px !important;">echo</span> <span class="str" style="color: #dd0000; float: none !important; padding: 0px !important;">'</pre>'</span>;
</li>
</ol>
</pre>
</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
Above function will return you a set of data in php array format. You can go through a loop and insert to database also.</div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
</div>

How can you read csv file using PHP

How can you read csv file using PHP

This article is about how to read the CSV files using PHP. I have implemented simple and easy way of handling the CSV file in PHP. I have used PHP inbuilt function called fgetcsv to open and read CSV files. You can use this method to insert the CSV data to MYSQL database. PHP read csv file: Now let…

مزيد من المعلومات »

Nov 18, 2013

PHP Ajax basic example

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XsuT26005sA/UorzHUrOE3I/AAAAAAAAAKQ/ECxpJRaQceY/s1600/ajax-basics.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://4.bp.blogspot.com/-XsuT26005sA/UorzHUrOE3I/AAAAAAAAAKQ/ECxpJRaQceY/s320/ajax-basics.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
<strong>AJAX (Asynchronous JavaScript And XML). Ajax is the interrelated web development method used in client side web application development.</strong>By using ajax we can send data to web server without interrupting user, browser, display and also behavior of the current page. This type of data transfer is called as <strong>Asynchronous or Process in Background.</strong></div>
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
<span style="float: left; padding: 0px 6px 6px 0px; text-align: left;"><img alt="PHP Ajax Basic tutorial" src="http://www.webinfopedia.com/images/ajax-basic-tutorial.jpg" /></span></div>
<div style="text-align: left;">
In Ajax all information like image, content or video whatever it may be all the data is retrieved in XMLHttp Request Object.</div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; margin-top: 44px; text-align: justify;">
</div>
<div style="text-align: left;">
<strong>Basic Ajax example:</strong></div>
<div style="text-align: left;">
In this example I will explain you basic Ajax and PHP integration .</div>
<br />
<div style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">
</div>
<div class="script" style="background-color: white; color: #666666; font-family: Ebrima, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; text-align: left;">
CREATE TABLE `demo`.`article` ( `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY , `category` VARCHAR( 10 ) NOT NULL , `title` VARCHAR( 255 ) NOT NULL , `link` VARCHAR( 255 ) NOT NULL ) ENGINE = MYISAM ;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> </span><a href="https://app.box.com/shared/21r5gsva0v" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;">Download Script</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> </span></div>
</div>

PHP Ajax basic example

PHP Ajax basic example

AJAX (Asynchronous JavaScript And XML). Ajax is the interrelated web development method used in client side web application development.By using ajax we can send data to web server without interrupting user, browser, display and also behavior of the current page. This type of data transfer is calle…

مزيد من المعلومات »

Nov 18, 2013

Jquery Validation with Regular Expressions.

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-O5UGmm_O-7c/UorvcaE7axI/AAAAAAAAAKE/KIF8AI_23eU/s1600/jqueryvalidation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="http://2.bp.blogspot.com/-O5UGmm_O-7c/UorvcaE7axI/AAAAAAAAAKE/KIF8AI_23eU/s320/jqueryvalidation.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">This time I want to explain about "Form validation using regular expressions with jquery". I had developed a tutorial using </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px; text-align: justify;">jquery.validate</span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">plugin, It's very simple. Implement this and enrich your web projects.</span></div>
<div style="text-align: left;">
<br /></div>
<div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;">Book : </span><a href="http://www.amazon.com/jQuery-Visual-QuickStart-Steven-Holzner/dp/0321647491?ie=UTF8&tag=9lessons-20&link_code=btl&camp=213689&creative=392969" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">jQuery: Visual QuickStart Guide</a><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=9lessons-20&l=btl&camp=213689&creative=392969&o=1&a=0321647491" style="border: none !important; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px !important; outline: 0px; padding: 0px; text-align: start;" width="1" /></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;"><div style="text-align: left;">
<b style="border: 0px none; margin: 0px; outline: 0px; padding: 0px;">Javascript code</b></div>
</b><div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>" src="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">http://ajax.googleapis.com/ajax/</span></div>
<span style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">libs/jquery/1.3.0/jquery.min.js</span>"<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span><span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></script></span></div>
</span><span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>" src="<span style="border: 0px none; color: #1010cc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">jquery.validate.js</b></span>"<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></script></span></div>
</span><span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>" <span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span></div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$(<span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">document</span>).ready(<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function</b>() {</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$.validator.addMethod("<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">email</span>", <b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function</b>(value, element) </div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
{ </div>
<b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">return this</span></b>.optional(element) || /^<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">2</span>,<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">5</span>}</b></span>$/i.test(value); </div>
</b><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
}, "<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Please enter a valid email address.</span>");</div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$.validator.addMethod("<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">username</span>",<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function</b>(value,element)</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">return this</span></b><span style="font-family: Courier, monospace, 'Courier New';">.optional(element) || /^</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">[a-zA-Z0-9._-]{<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">3</span>,<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">16</span>}</b></span><span style="font-family: Courier, monospace, 'Courier New';">$/i.test(value); </span></div>
</b><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
},"<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Username are 3-15 characters</span>");</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$.validator.addMethod("<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span>",<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function</b>(value,element)</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">return this</span></b><span style="font-family: Courier, monospace, 'Courier New';">.optional(element) || /^</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">[A-Za-z0-9!@#$%^&*()_]{<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">6</span>,<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">16</span>}</b></span><span style="font-family: Courier, monospace, 'Courier New';">$/i.test(value); </span></div>
</b><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
},"<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Passwords are 6-16 characters</span>");</div>
</span><div style="text-align: left;">
<br /></div>
<span style="border: 0px none; color: #b45f06; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// Validate signup form</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$(<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"#signup"</span>).validate({</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
rules: {</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
email: "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">required email</span>",</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
username: "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">required username</span>",</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
password: "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">required password</span>",</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
},</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
});</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
});</div>
</span><span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"></script></span></div>
</span></div>
<div style="border: 0px none; margin: 0px; outline: 0px; padding: 0px; text-align: start;">
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<div style="text-align: left;">
<ins style="border: none; color: #1e1e1e; display: inline-table; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; height: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><ins id="aswift_2_anchor" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: 15px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="border-style: none; border-width: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="468"></iframe></ins></ins></div>
</div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;"><div style="text-align: left;">
<b style="border: 0px none; margin: 0px; outline: 0px; padding: 0px;">HTML code</b></div>
</b><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Contains simple HTML code.</div>
</span><div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><form method="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">post</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" action="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">thank.html</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">signup</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" id="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">signup</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"></span></div>
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">Email</b><br /></div>
</b><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">email</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" id='</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">email</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">'/></span><br /></div>
</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">UserName</b><br /></div>
</b><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">username</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" id="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">username</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" /></span><br /></div>
</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">Password</b><br /></div>
</b><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" id="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" /></span><br /></div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">submit</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" value=" </span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Sign-UP</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"> " name='</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SUBMIT</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">' id="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SUBMIT</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"/></span></div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"></form></span></div>
</span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;"><div style="text-align: left;">
<b style="border: 0px none; margin: 0px; outline: 0px; padding: 0px;">CSS code</b></div>
</b><div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">body</span></b></div>
<div style="text-align: left;">
{</div>
<div style="text-align: left;">
font-family:Arial, Helvetica, sans-serif;</div>
<div style="text-align: left;">
font-size:13px;</div>
<div style="text-align: left;">
}</div>
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">input</span></b></div>
</b><div style="text-align: left;">
{</div>
<div style="text-align: left;">
width:220px;</div>
<div style="text-align: left;">
height:25px;</div>
<div style="text-align: left;">
font-size:13px;</div>
<div style="text-align: left;">
margin-bottom:10px;</div>
<div style="text-align: left;">
border:solid 1px #333333;</div>
<div style="text-align: left;">
}</div>
<span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">label.error </b></div>
</span><div style="text-align: left;">
{</div>
<div style="text-align: left;">
font-size:11px;</div>
<div style="text-align: left;">
background-color:#cc0000;</div>
<div style="text-align: left;">
color:#FFFFFF;</div>
<div style="text-align: left;">
padding:3px;</div>
<div style="text-align: left;">
margin-left:5px;</div>
<div style="text-align: left;">
-moz-border-radius: 4px;</div>
<div style="text-align: left;">
-webkit-border-radius: 4px; </div>
<div style="text-align: left;">
}</div>
</div>
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Book :<a href="http://www.amazon.com/jQuery-Cookbook-Animal-Guide-Lindley/dp/0596159773?ie=UTF8&tag=9lessons-20&link_code=btl&camp=213689&creative=392969" style="border: 0px none; color: #176092; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Cookbook (Animal Guide)</a><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=9lessons-20&l=btl&camp=213689&creative=392969&o=1&a=0596159773" style="border: none !important; margin: 0px !important; outline: 0px; padding: 0px;" width="1" /></div>
</span><div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
No matter looking for PHP tutorials or want to learn jQuery validate plugins for your web project, using our <a href="http://www.test-king.com/exams/1Y0-A17.htm" rel="nofollow" style="border: 0px none; color: #176092; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;" target="_blank">testking 1Y0-A17</a> live demos and <a href="http://www.test-king.com/exams/PMI-001.htm" rel="nofollow" style="border: 0px none; color: #176092; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;" target="_blank">testking PMI-001</a> study guides you can become expert in days. Join the <a href="http://www.test-king.com/exams/70-646.htm" rel="nofollow" style="border: 0px none; color: #176092; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;" target="_blank">testking 70-646</a> online training to learn best tips and techniques in web designing.</div>
</span></div>
</div>

Jquery Validation with Regular Expressions.

Jquery Validation with Regular Expressions.

This time I want to explain about "Form validation using regular expressions with jquery". I had developed a tutorial using jquery.validateplugin, It's very simple. Implement this and enrich your web projects. Book : jQuery: Visual QuickStart Guide Javascript code type="text/javascript" src="http:…

مزيد من المعلومات »

Nov 18, 2013

PHP Email Verification Script.

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Qa6t5J21Ovo/UortnBc5RKI/AAAAAAAAAJw/18pIF7nm2VM/s1600/email_verification_php.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="http://4.bp.blogspot.com/-Qa6t5J21Ovo/UortnBc5RKI/AAAAAAAAAJw/18pIF7nm2VM/s320/email_verification_php.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">I received lots tutorial requests from my readers in that most of them asked to me, how to </span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">implement email verification system using PHP. This is very basic tutorial explained how to create database and proper activation code. Implemented with</span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px; text-align: justify;">mysqli_()</span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"> fuctions, because </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px; text-align: justify;">mysql_()</span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">functions are depreciated.</span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">Database</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Sample database </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">users</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> table contains four columns uid, email, password, activation and status.</span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
CREATE TABLE IF NOT EXISTS `<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">users</b></span>` (</div>
<div style="text-align: left;">
`<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">uid</span>` <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">int</span>(11) NOT NULL <span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">AUTO_INCREMENT</span>,</div>
<div style="text-align: left;">
`<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">email</span>` <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">varchar</span>(300) NOT NULL UNIQUE,</div>
<div style="text-align: left;">
`<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span>` <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">varchar</span>(300) NOT NULL,</div>
<div style="text-align: left;">
`<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">activation</span>` <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">varchar</span>(300) NOT NULL UNIQUE,</div>
<div style="text-align: left;">
`<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">status</span>` <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">enum</span>('<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">0</span>','<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">1</span>') NOT NULL DEFAULT '0',</div>
<span style="border: 0px none; color: #674ea7; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">PRIMARY KEY</span> (`uid`)</div>
</span><div style="text-align: left;">
)</div>
</div>
<div style="text-align: left;">
<br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">HTML Code</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Contains simple HTMl code.</span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><form action="" method="</span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">post</span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"></span></div>
<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><label></span>Email<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></label></span></div>
</span><span style="border: 0px none; color: #e69138; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">email</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" class="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">input</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" autocomplete="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">off</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"/></span></div>
</span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><label></span>Password<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"> </label></span></div>
</span><span style="border: 0px none; color: #e69138; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" name="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">password</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" class="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">input</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" autocomplete="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">off</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"/></span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><br/></span></div>
</span><span style="border: 0px none; color: #e69138; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><input type="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">submit</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" class="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">button</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" value="</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Registration</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">" /></span></div>
</span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><span class='msg'></span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><?php</b></span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"> </span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">echo</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"> </span>$msg;<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"> </span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">?></b></span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></span></span></div>
</span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"></form></span><span class="Apple-tab-span" style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; white-space: pre;"> </span></div>
</span></div>
<div style="text-align: left;">
<br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">db.php</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Database configuration file, modify username, password, database and base url values. </span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><?php</span></b></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">define</span>('<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_SERVER</span>', 'localhost');</div>
</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">define</span>('<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_USERNAME</span>', 'username');</div>
</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">define</span>('<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_PASSWORD</span>', 'password');</div>
</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">define</span>('<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_DATABASE</span>', 'database');</div>
</span><div style="text-align: left;">
$connection =<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">@mysqli_connect</span>(<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_SERVER</span>,<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_USERNAME</span>,<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_PASSWORD</span>,<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">DB_DATABASE</span>);</div>
<div style="text-align: left;">
$base_url='<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">http://www.youwebsite.com/email_activation/</span>';</div>
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">?></span></b></div>
</b></div>
<div style="text-align: left;">
<br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">index.php</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Contains PHP code, storing user registration values into </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">users</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> table. Here activation code generation using </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">MD5</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> encryption. </span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
<b style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><?php</b></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">include</span> '<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">db.php</span>';</div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$msg='';</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
if(!<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">empty</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['email']) <span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">&&</span> <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">isset</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['email']) <span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">&&</span> !<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">empty</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['password']) <span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">&&</span>  <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">isset</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['password']) )</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
{</div>
<span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// username and password sent from form</span></div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$email=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysql_real_escape_string</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['email']);</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$password=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysql_real_escape_string</span>($<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_POST</span>['password']);</div>
<span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// regular expression for email check</span></div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$regex = '<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/</span>';</div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
if(<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">preg_match</span>($regex, $email))</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{ </div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$password=<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">md5</span>($password); <span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">// encrypted password</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$activation=<span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">md5</span>($email.<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">time</span>()); <span style="border: 0px none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">// encrypted email+timestamp</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$count=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_query</span>($connection,"<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SELECT uid FROM users WHERE email='</span>$email<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">'</span>");</div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// email check</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
if(<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_num_rows</span>($count) < 1)</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="border: 0px none; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_query</span><span style="font-family: Courier, monospace, 'Courier New';">($connection,"</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">INSERT INTO users(email,password,activation) VALUES('</span><span style="font-family: Courier, monospace, 'Courier New';">$email'</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">,'</span><span style="font-family: Courier, monospace, 'Courier New';">$password</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">','</span><span style="font-family: Courier, monospace, 'Courier New';">$activation</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">')</span><span style="font-family: Courier, monospace, 'Courier New';">");</span></div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// sending email</span></div>
</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">include</span><span style="font-family: Courier, monospace, 'Courier New';"> '</span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">smtp/Send_Mail.php</span><span style="font-family: Courier, monospace, 'Courier New';">';</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$to=$email;</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$subject="<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Email verification</span>";</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$body='<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Hi, <br/> <br/> We need to make sure you are human. Please verify your email and get started using your Website account. <br/> <br/> <a href="'.</span>$base_url<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">.'activation/'.</span>$activation<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">.'">'.</span>$base_url<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">.'activation/'.</span>$activation<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">.'</a></span>';</div>
</span><div style="text-align: left;">
<br /></div>
<span style="border: 0px none; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Send_Mail</span><span style="font-family: Courier, monospace, 'Courier New';">($to,$subject,$body);</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg= "<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Registration successful, please activate email.</span>";<span class="Apple-tab-span" style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; white-space: pre;"> </span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
else</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg= '<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">The email is already taken, please try new.</span>';<span class="Apple-tab-span" style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; white-space: pre;"> </span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
else</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg = '<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">The email you have entered is invalid, please try again.</span>'; </div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">// HTML Part</span></div>
</span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">?></b></div>
</span></div>
<div style="text-align: left;">
<br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">Send_Mail.php</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Sending email function, just modify SMTP host, username and password. Here you can use </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">GMail</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> SMTP details for testing </span><a href="http://www.9lessons.info/2012/02/amazon-simple-email-service-smtp-using.html" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none;">click here</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> to see GMail SMTP article. </span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<b style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><?php</b></div>
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function</b> <span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Send_Mail</span>($to,$subject,$body)</div>
</b><div style="text-align: left;">
{</div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">require</span> '<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">class.phpmailer.php</span>';</div>
</span><div style="text-align: left;">
$from       = "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">from@yourwebsite.com</span>";</div>
<div style="text-align: left;">
$mail       = new PHPMailer();</div>
<div style="text-align: left;">
$mail->IsSMTP(true);            // use SMTP</div>
<div style="text-align: left;">
$mail->IsHTML(true);</div>
<div style="text-align: left;">
$mail->SMTPAuth   = true;                  // enable SMTP authentication</div>
<div style="text-align: left;">
$mail->Host       = "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">tls://smtp.yourwebsite.com</span>"; // SMTP host</div>
<div style="text-align: left;">
$mail->Port       =  <span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">465</span>;                    // set the SMTP port</div>
<div style="text-align: left;">
$mail->Username   = "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SMTP_Username</span>";  // SMTP  username</div>
<div style="text-align: left;">
$mail->Password   = "<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SMTP_Password</span>";  // SMTP password</div>
<div style="text-align: left;">
$mail->SetFrom($from, 'From Name');</div>
<div style="text-align: left;">
$mail->AddReplyTo($from,'From Name');</div>
<div style="text-align: left;">
$mail->Subject    = $subject;</div>
<div style="text-align: left;">
$mail->MsgHTML($body);</div>
<div style="text-align: left;">
$address = $to;</div>
<div style="text-align: left;">
$mail->AddAddress($address, $to);</div>
<div style="text-align: left;">
$mail-><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Send</span>(); </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
?></div>
</div>
<div style="text-align: left;">
<br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">activation.php</b><br style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;" /><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">Contains PHP code, here based on activations code </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">user</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"> status updating from </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">0</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">to </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;">1</span><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;">. </span></div>
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
<b style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><?php</b></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">include</span> '<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">db.php</span>';</div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$msg='';</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
if(!<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">empty</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_GET</span>['code']) && <span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">isset</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_GET</span>['code']))</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
{</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$code=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysql_real_escape_string</span>($<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">_GET</span>['code']);</div>
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$c=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_query</span>($connection,"<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SELECT uid FROM users WHERE activation='</span>$code<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">'</span>");</div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
if(<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_num_rows</span>($c) > 0)</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$count=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_query</span>($connection,"<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">SELECT uid FROM users WHERE activation='</span>$code<span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">' and status='</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">0</b><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">'</span>");</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
if(<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_num_rows</span>($count) == 1)</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="border: 0px none; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">mysqli_query</span><span style="font-family: Courier, monospace, 'Courier New';">($connection,"</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">UPDATE users SET status='1' WHERE activation='$code'</span><span style="font-family: Courier, monospace, 'Courier New';">");</span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg="<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Your account is activated</span>";<span class="Apple-tab-span" style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; white-space: pre;"> </span></div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
else</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg ="<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Your account is already active, no need to activate again</span>";</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
else</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
{</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
$msg ="<span style="border: 0px none; color: #6fa8dc; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">Wrong activation code.</span>";</div>
</span><span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><div style="text-align: left;">
<br /></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
}</div>
</span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">?></span></div>
<div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"><br /></span></div>
</span><span style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">//HTML Part</span></div>
<div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"><br /></span></div>
</span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><? php</b></span><span style="font-family: Courier, monospace, 'Courier New';"> </span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">echo</span><span style="font-family: Courier, monospace, 'Courier New';"> $msg; </span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">?></b></span></div>
</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">Email Verification</b></div>
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KwKy6lGLcwU/UortwmDnG_I/AAAAAAAAAJ4/PFyiySE0Q40/s1600/Screen+Shot+2013-11-13+at+12.44.49+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="http://2.bp.blogspot.com/-KwKy6lGLcwU/UortwmDnG_I/AAAAAAAAAJ4/PFyiySE0Q40/s320/Screen+Shot+2013-11-13+at+12.44.49+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="post-body-n" style="border: 0px none; margin: 0px; outline: 0px; padding: 0px; text-align: start;">
<div style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">.htaccess</b></div>
<div style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: left;">
URL redirection script it turns</div>
<span style="background-color: #c7f464; border: 0px none; color: black; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">http://website.com/activation.php?code=ACTIVATION_CODE</span></div>
</span><div style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: left;">
to</div>
<span style="background-color: #c7f464; border: 0px none; color: black; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">http://website.com/activation/ACTIVATION_CODE</span></div>
</span><div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; width: 547px; word-wrap: break-word;">
<div style="color: black; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; text-align: left;">
<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">RewriteEngine</span><span style="font-style: inherit; font-weight: inherit;"> </span><span style="font-style: inherit; font-weight: inherit;">On</span></div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="border: 0px none; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">RewriteRule</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;"> ^</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">activation</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">/([</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">a-zA-Z0-9_-</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">]+)$ </span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">activation.php?code=</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">$1</span></div>
</span><span style="border: 0px none; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">RewriteRule</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;"> ^</span><span style="border: 0px none; color: #e06666; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">activation</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">/([</span><span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">a-zA-Z0-9_-</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">]+)/$ </span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">activation.php?code=</span><span style="font-family: Courier, monospace, 'Courier New'; font-style: inherit; font-weight: inherit;">$1</span></div>
</span></div>
<div style="text-align: left;">
<br /></div>
<b style="border: 0px none; color: #1e1e1e; font-family: inherit; font-size: 15px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">CSS code</b></div>
</b><div class="code" style="border: 2px dashed rgb(222, 222, 222); color: black; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 10px; width: 547px; word-wrap: break-word;">
<div style="text-align: left;">
<span style="color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit;">body</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">{</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">font-family: "Helvetica",Arial,sans-serif;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">font-weight: 500;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">color:#333;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
<span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">label</span></div>
</span><div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">{</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">width:100px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">display:block;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">font-weight:bold;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">color:#666666;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">#main</span></div>
</span><div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">{</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">margin:0 auto;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">width:800px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">.input</span></div>
</span><div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">{</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">padding:10px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">font-size:14px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">border:1px solid #999999;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">width:200px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">margin-bottom:10px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">.button </span><span style="color: black; font-style: inherit; font-weight: inherit;">{</span></div>
</span><div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">padding:10px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">background-color: #5fcf80 !important;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">border-color: #3ac162 !important;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
<span style="border: 0px none; color: #38761d; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;">.msg</span></div>
</span><div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">{</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">font-size:11px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">color:#666;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">padding:10px;</span></div>
<div style="text-align: left;">
<span style="font-style: inherit; font-weight: inherit;">}</span></div>
</div>
<div class="clearboth" style="border: 0px none; color: #1e1e1e; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;">
</div>
</div>
<table style="border: 0px none; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; text-align: left; width: 100%px;"><tbody style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">
<tr style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><td style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;" valign="top" width="320px"><div style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 15px 0px 0px; outline: 0px; padding: 0px;">
<ins style="border: none; display: inline-table; font-family: inherit; font-style: inherit; font-weight: inherit; height: 250px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 300px;"></ins></div>
</td></tr>
</tbody></table>
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;"><br /></b></div>
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px;"><br /></b></div>
</div>

PHP Email Verification Script.

PHP Email Verification Script.

I received lots tutorial requests from my readers in that most of them asked to me, how to implement email verification system using PHP. This is very basic tutorial explained how to create database and proper activation code. Implemented withmysqli_() fuctions, because mysql_()functions are deprec…

مزيد من المعلومات »

Nov 18, 2013

الاشتراك في: الرسائل (Atom)

3lessons © 2013. All Rights Reserved. Powered by Blogger