2013 - 3lessons

6 Really Confused Giraffes

<div dir="rtl" style="text-align: right;" trbidi="on">
<h2>
<strong>Wait, Wait, I Got This</strong></h2>
<div class="wp-caption alignnone" id="attachment_2499" style="width: 608px;">
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/962e56a8a0b0420d87272a682bfd1e53.jpg"><img alt="962e56a8a0b0420d87272a682bfd1e53 6 Really Confused Giraffes" class="size-full wp-image-2499" height="336" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/962e56a8a0b0420d87272a682bfd1e53.jpg" title="6 Really Confused Giraffes" width="598" /></a><div class="wp-caption-text">
A… leopard?</div>
</div>
<h2>
<strong> Very Skeptical</strong></h2>
<div class="wp-caption alignnone" id="attachment_2500" style="width: 650px;">
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/806beafe154032a5b818e97b4420ad98.jpg"><img alt="806beafe154032a5b818e97b4420ad98 6 Really Confused Giraffes" class="size-full wp-image-2500" height="559" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/806beafe154032a5b818e97b4420ad98.jpg" title="6 Really Confused Giraffes" width="640" /></a><div class="wp-caption-text">
“I just don’t trust that long-necked freak.”</div>
</div>
<h2>
<strong>Hard Bamboo</strong></h2>
<div class="wp-caption alignnone" id="attachment_2501" style="width: 736px;">
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/4462bf0ddbe0d0da40e1e828ebebeb11.jpg"><img alt="4462bf0ddbe0d0da40e1e828ebebeb11 6 Really Confused Giraffes" class="size-full wp-image-2501" height="484" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/4462bf0ddbe0d0da40e1e828ebebeb11.jpg" title="6 Really Confused Giraffes" width="726" /></a><div class="wp-caption-text">
It’s so low to the ground, but so hard to chew.</div>
</div>
<h2>
<strong>Logical Fallacy</strong></h2>
<div class="wp-caption alignnone" id="attachment_2502" style="width: 640px;">
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/297fa7777981f402dbba17e9f29e292d.png"><img alt="297fa7777981f402dbba17e9f29e292d 6 Really Confused Giraffes" class="size-full wp-image-2502" height="929" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/297fa7777981f402dbba17e9f29e292d.png" title="6 Really Confused Giraffes" width="630" /></a><div class="wp-caption-text">
“And shouldn’t under cover cops get out of bed every once in awhile?”</div>
</div>
<br />

<br />
<a href="http://lols.me/6-really-confused-giraffes_124.html?page=4" target="_blank">Source.</a></div>

6 Really Confused Giraffes

6 Really Confused Giraffes

Wait, Wait, I Got This A… leopard? Very Skeptical “I just don’t trust that long-necked freak.” Hard Bamboo It’s so low to ...

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

1:41 م

Awesome Orcas Island

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
Orcas Island is located off the northern coast of Washington State. It is the largest island of the San Juan Islands. Orcas is about 57 square miles, and takes the shape of a horse shoe. Population of the island is 4,453 with Eastsound and Orcas Village being the busiest areas.</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
<br /></div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<center style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<img alt="Cascade Falls on Orcas Island" height="1000" src="http://farm7.staticflickr.com/6144/5942196030_8fbc3f188c_b.jpg" style="border: 0px none; height: auto; list-style: none; margin: 0px; max-width: 100%; outline: none; padding: 0px;" title="Cascade Falls on Orcas Island" width="714" /></center>
<br />
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
Most of Orcas Island’s 57 square miles are rural and hilly, a challenge for cyclists and a pleasure for drivers, with curving roads that wind through forests and past artists’ studios, fields with old apple barns, and the occasional turn-of-the-century prune dryer.</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
<br /></div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<center style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<img alt="Orcas Island" height="1024" src="http://farm7.staticflickr.com/6205/6137756006_48b9fa2972_b.jpg" style="border: 0px none; height: auto; list-style: none; margin: 0px; max-width: 100%; outline: none; padding: 0px;" title="Orcas Island" width="680" /></center>
<br />
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
At the center of Orcas Island, at the top of a beautiful fjord, Eastsound is a walker’s village, alive with art galleries, boutiques, restaurants, cafes, and visitor attractions. Enjoy strolling among historic homes and buildings from the 1880s and picnicking on the village green, summer home of the Saturday Farmers’ Market and live music performances. In the heart of town lies the not-to-be-missed Orcas Island Historical Museum, bursting with island artifacts and photos, with six settlers’ cabins on the grounds. The Funhouse Commons and Orcas Center are a short walk or drive just north of the village.</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
<br /></div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<center style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<img alt="Orcas Island - Sucia Island Kayak Trip" height="427" src="http://farm7.staticflickr.com/6178/6183253576_963b3d4acf_z.jpg" style="border: 0px none; height: auto; list-style: none; margin: 0px; max-width: 100%; outline: none; padding: 0px;" title="Orcas Island - Sucia Island Kayak Trip" width="640" /></center>
<br />
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: start;">
South of Moran State Park, the little hamlet of Olga is famous for its artists’ co-op, Orcas Island Artworks, with an extensive selection of pottery, painting, jewelry, art glass, fiber and wood by more than 50 island artists. You’ll find it housed in a historic 1936 strawberry packing plant along with the popular Cafe Olga, a charming eatery renowned for its homemade cinnamon rolls and delicious fresh-baked pies.Past Olga on the water, you’ll come upon Doe Bay Resort & Retreat, where you can dine over the water at the Doe Bay Café on mostly organic food, often harvested just hours earlier. A rustic Northwest icon, Doe Bay Resort & Retreat offers lodging, massage, yoga, sea kayaking, hot tubs and relaxing Adirondack chairs overlooking the spectacular water view.On the other side of the island, at the farthest western point, Deer Harbor is a hub for all things marine — kayak (and bike) rentals, whale/wildlife tours, sailing excursions, power and sailboat rentals, and Deer Harbor Marina which features the Marina Barge Gift Shop — along with a wood sculptor’s studio, eateries and lodgings.</div>
</div>

Awesome Orcas Island

Awesome Orcas Island

Orcas Island is located off the northern coast of Washington State. It is the largest island of the San Juan Islands. Orcas is about 57 sq...

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

1:06 م

5 Favourite Fruit Tells About You

<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<h2>
<strong>Watermelon </strong></h2>
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/9ceee7501ba30946fab8728aec06a9f5.jpg"><img alt="9ceee7501ba30946fab8728aec06a9f5" class="alignnone size-full wp-image-2490" height="450" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/9ceee7501ba30946fab8728aec06a9f5.jpg" width="600" /></a><br />

</div>
<div id="picturedescription">
You have truly optimistic personality. You 
don’t like to argue and never complain. You often try showing people the
 right way but you are rarely successful.</div>
<div>
</div>
<br />
<div>
<h2>
<strong>Pear </strong></h2>
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/6616758da438b02b8d360ad83a5b3d77.jpg"><img alt="6616758da438b02b8d360ad83a5b3d77" class="alignnone size-full wp-image-2491" height="450" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/6616758da438b02b8d360ad83a5b3d77.jpg" width="600" /></a><br />

<div id="picturedescription">
You have an eccentric personality. You 
often try to keep a distance between you and the ordinary people. 
Everything you do is tasteful – clothes, environment, the books you 
read. You love being by yourself but when you have to, you have no 
trouble becoming sociable.</div>
<div>
</div>
<div>
<h2>
<strong>Plums </strong></h2>
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/ba2f0015122a5955f8b3a50240fb91b2.jpg"><img alt="ba2f0015122a5955f8b3a50240fb91b2" class="alignnone size-full wp-image-2492" height="450" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/ba2f0015122a5955f8b3a50240fb91b2.jpg" width="600" /></a><br />

<div id="picturedescription">
You complain too much and can not stand 
being criticized. You don’t have many friends. Maybe you should relax 
and stop taking everything so seriously.</div>
<div>
</div>
<div>
<h2>
<strong>Pineapple </strong></h2>
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/8073bd4ed0fe0c330290c58056a2cd5e.jpg"><img alt="8073bd4ed0fe0c330290c58056a2cd5e" class="alignnone size-full wp-image-2493" height="648" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/8073bd4ed0fe0c330290c58056a2cd5e.jpg" width="599" /></a><br />

<div id="picturedescription">
You like beauty. You carefully weight every
 word that comes out of your mouth. As a result you always know what to 
say, and people like you because of that. You have no difficulties to 
manipulate others.</div>
<div>
</div>
<div>
<h2>
<strong>Grapes </strong></h2>
<a href="http://www.aroundthe-world.info/wp-content/uploads/2013/12/d4ec33c0c23ae3c91764fcc625108a5a.jpg"><img alt="d4ec33c0c23ae3c91764fcc625108a5a" class="alignnone size-full wp-image-2494" height="450" src="http://www.aroundthe-world.info/wp-content/uploads/2013/12/d4ec33c0c23ae3c91764fcc625108a5a.jpg" width="600" /></a><br />

<div id="picturedescription">
You are good at keeping secrets. However, 
you are so secretive that people often look at you with mistrust. You 
must become more open as your relations with friends and family will 
deteriorate. You are very good at keeping your word.</div>
</div>
</div>
</div>
</div>
</div>

5 Favourite Fruit Tells About You

5 Favourite Fruit Tells About You

Watermelon You have truly optimistic personality. You don’t like to argue and never complain. You often try showing people the rig...

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

12:59 م

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 ...

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

6:56 ص

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 workf...

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

3:17 ص

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

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

2:43 ص

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 a...

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

11:37 م

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 a...

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

11:16 م

Flat UI kit

Flat UI kit

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

11:05 م

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 hon...

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

10:28 م

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

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

10:15 م

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 (D...

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

9:42 م

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 timelin...

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

9:30 م

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 jQue...

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

9:15 م

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 a...

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

9:47 م

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 ...

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

9:42 م

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 developm...

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

9:13 م

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 usin...

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

8:57 م

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

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