Featured Post Today
print this page
Latest Post
Subscribe To Our Newsletter

Sign Up Now To Get Free Coupon Codes, Event Coupon Codes Updates, Offers Updates. It's 100% Free!

We Hate Spam! Really, It's terrible and we never do it.

Showing posts with label CSS Learning. Show all posts
Showing posts with label CSS Learning. Show all posts

CSS | Fix Background Image

How to fix background image with CSS?

<style>
html
    {
        height:100%;
        width:100%;
        background:url(http://www.southsoft.co.za/images/mysql.jpg) center center no-repeat;
        background-position:center;
 You can also give local file path
    }
</style>
0 comments

Pakistan Complete City List : xHTML, CSS


Pakistan Complete City List : xHTML, CSS

You can get complete +PAKISTAN City list here. You can use this drop down option in your contact form. 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <title>City list of Pakistan</title>  
 <style>    
      .form{    
            margin:10px auto;    
      }    
      .form label, select{    
            display:inline-block;    
            float:left;    
      }    
      .form label{    
            width:150px;    
      }    
      .body{    
            width:400px;    
            height:50px;    
            background-color:#C33;    
            padding:20px 20px 20px 20px;    
            margin:300px auto;  
            border-top-left-radius:25px;  
            border-bottom-right-radius:25px;  
      }    
 </style>    
 </head>  
 <body>  
 <div class="body">  
   <form class="form">  
     <label id="city"><strong>City list of Pakistan</strong>: </label>  
     <select id="city" name="city">  
      <option value="">- City -</option>  
         <optgroup label="Popular Cities">  
         <option value="faisalabad">Faisalabad</option>  
         <option value="gujranwala">Gujranwala</option>  
         <option value="hyderabad">Hyderabad</option>  
         <option value="islamabad">Islamabad</option>  
         <option value="karachi">Karachi</option>  
         <option value="lahore">Lahore</option>  
         <option value="multan">Multan</option>  
         <option value="peshawar">Peshawar</option>  
         <option value="quetta">Quetta</option>  
         <option value="rawalpindi">Rawalpindi</option>  
       </optgroup>  
       <optgroup label="Other Cities">  
         <option value="abbotabad">Abbotabad</option>  
         <option value="abdul-hakim">Abdul Hakim</option>  
         <option value="adda-jahan-khan">Adda Jahan Khan</option>  
         <option value="adda-shaiwala">Adda Shaiwala</option>  
         <option value="ahmedpur">Ahmedpur</option>  
         <option value="ahmedpur-sial">Ahmedpur Sial</option>  
         <option value="akhora-khattak">Akhora Khattak</option>  
         <option value="ali-chak">Ali Chak</option>  
         <option value="alipur">Alipur</option>  
         <option value="allahabad">Allahabad</option>  
         <option value="amangarh">Amangarh</option>  
         <option value="arifwala">Arifwala</option>  
         <option value="attock">Attock</option>  
         <option value="babri-banda">Babri Banda</option>  
         <option value="badin">Badin</option>  
         <option value="bahawalnagar">Bahawalnagar</option>  
         <option value="bahawalpur">Bahawalpur</option>  
         <option value="balakot">Balakot</option>  
         <option value="bannu">Bannu</option>  
         <option value="bat-khela">Bat Khela</option>  
         <option value="bhai-phayru">Bhai Phayru</option>  
         <option value="bhakkar">Bhakkar</option>  
         <option value="bhalwal">Bhalwal</option>  
         <option value="bhan-saeedabad">Bhan Saeedabad</option>  
         <option value="bhera">Bhera</option>  
         <option value="bhimbar">Bhimbar</option>  
         <option value="bhirya-road">Bhirya Road</option>  
         <option value="bhuwana">Bhuwana</option>  
         <option value="burewala">Burewala</option>  
         <option value="chacklala">Chacklala</option>  
         <option value="chak-jamal">Chak Jamal</option>  
         <option value="chak-jhumra">Chak Jhumra</option>  
         <option value="chak-sawara">Chak Sawara</option>  
         <option value="chak-shezad">Chak Shezad</option>  
         <option value="chakwal">Chakwal</option>  
         <option value="charsada">Charsada</option>  
         <option value="chashma">Chashma</option>  
         <option value="chawinda">Chawinda</option>  
         <option value="chichawatni">Chichawatni</option>  
         <option value="chiniot">Chiniot</option>  
         <option value="chishtian">Chishtian</option>  
         <option value="chitral">Chitral</option>  
         <option value="chohar-jamali">Chohar Jamali</option>  
         <option value="chopper-hatta">Chopper Hatta</option>  
         <option value="chowha-saidan-shah">Chowha Saidan Shah</option>  
         <option value="chowk-azam">Chowk Azam</option>  
         <option value="chowk-maitla">Chowk Maitla</option>  
         <option value="chowk-munda">Chowk Munda</option>  
         <option value="chunian">Chunian</option>  
         <option value="dadakhel">Dadakhel</option>  
         <option value="dadu">Dadu</option>  
         <option value="daharki">Daharki</option>  
         <option value="dandot">Dandot</option>  
         <option value="dargai">Dargai</option>  
         <option value="darya-khan">Darya Khan</option>  
         <option value="daska">Daska</option>  
         <option value="daud-khel">Daud Khel</option>  
         <option value="daulatpur">Daulatpur</option>  
         <option value="daultala">Daultala</option>  
         <option value="depalpur">Depalpur</option>  
         <option value="dera-gazi-khan">Dera Gazi Khan</option>  
         <option value="dera-ismail-khan">Dera Ismail Khan</option>  
         <option value="dera-murad-jamali">Dera Murad Jamali</option>  
         <option value="dera-nawab-sahib">Dera Nawab Sahib</option>  
         <option value="digri">Digri</option>  
         <option value="dijkot">Dijkot</option>  
         <option value="dina">Dina</option>  
         <option value="dinga">Dinga</option>  
         <option value="dir">Dir</option>  
         <option value="doaba">Doaba</option>  
         <option value="domeli">Domeli</option>  
         <option value="dudial">Dudial</option>  
         <option value="dunyapur">Dunyapur</option>  
         <option value="eminabad">Eminabad</option>  
         <option value="esa-khel">Esa Khel</option>  
         <option value="estate-l-m-factory">Estate L.M. Factory</option>  
         <option value="farooqabad">Farooqabad</option>  
         <option value="fateh-jang">Fateh Jang</option>  
         <option value="fatehpur">Fatehpur</option>  
         <option value="fazilpur">Fazilpur</option>  
         <option value="ferozwala">Ferozwala</option>  
         <option value="fiza-goth">Fiza Goth</option>  
         <option value="fortabbas">Fortabbas</option>  
         <option value="gadoon-amazai">Gadoon Amazai</option>  
         <option value="gaggo-mandi">Gaggo Mandi</option>  
         <option value="gakhar-mandi">Gakhar Mandi</option>  
         <option value="gambet">Gambet</option>  
         <option value="gambit">Gambit</option>  
         <option value="garh-maharaja">Garh Maharaja</option>  
         <option value="garh-more">Garh More</option>  
         <option value="garhi-yaseen">Garhi Yaseen</option>  
         <option value="gari-habibullah">Gari Habibullah</option>  
         <option value="ghari-mori">Ghari Mori</option>  
         <option value="gharo">Gharo</option>  
         <option value="ghazi">Ghazi</option>  
         <option value="ghaziabad">Ghaziabad</option>  
         <option value="ghotki">Ghotki</option>  
         <option value="gilgit">Gilgit</option>  
         <option value="gojar-khan">Gojar Khan</option>  
         <option value="gojra">Gojra</option>  
         <option value="goular-khel">Goular Khel</option>  
         <option value="guddu">Guddu</option>  
         <option value="gujjar-khan">Gujjar Khan</option>  
         <option value="gujrat">Gujrat</option>  
         <option value="gwadar">Gwadar</option>  
         <option value="hafizabad">Hafizabad</option>  
         <option value="hala">Hala</option>  
         <option value="hangu">Hangu</option>  
         <option value="haripur">Haripur</option>  
         <option value="hariwala">Hariwala</option>  
         <option value="haroonabad">Haroonabad</option>  
         <option value="harrapa">Harrapa</option>  
         <option value="hasilpur">Hasilpur</option>  
         <option value="hassan-abdal">Hassan Abdal</option>  
         <option value="hattar">Hattar</option>  
         <option value="haveli-lakha">Haveli Lakha</option>  
         <option value="havelian">Havelian</option>  
         <option value="hayatabad">Hayatabad</option>  
         <option value="hazro">Hazro</option>  
         <option value="head-marala">Head Marala</option>  
         <option value="hub">Hub</option>  
         <option value="hub-indus-estate">Hub Indus Estate</option>  
         <option value="hunza">Hunza</option>  
         <option value="jaccobabad">Jaccobabad</option>  
         <option value="jaja-abbasian">Jaja Abbasian</option>  
         <option value="jalalpur-jatan">Jalalpur Jatan</option>  
         <option value="jalalpur-priwala">Jalalpur Priwala</option>  
         <option value="jamal-din-wali">Jamal Din Wali</option>  
         <option value="jampur">Jampur</option>  
         <option value="jamrud-road">Jamrud Road</option>  
         <option value="jamshoro">Jamshoro</option>  
         <option value="jandanwala">Jandanwala</option>  
         <option value="jandiala-sher-khan">Jandiala Sher Khan</option>  
         <option value="janpur">Janpur</option>  
         <option value="jaranwala">Jaranwala</option>  
         <option value="jatoi">Jatoi</option>  
         <option value="jauharabad">Jauharabad</option>  
         <option value="jehangira">Jehangira</option>  
         <option value="jehanian">Jehanian</option>  
         <option value="jhal-magsi">Jhal Magsi</option>  
         <option value="jhand">Jhand</option>  
         <option value="jhang">Jhang</option>  
         <option value="jhatta-bhutta">Jhatta Bhutta</option>  
         <option value="jhelum">Jhelum</option>  
         <option value="jhudo">Jhudo</option>  
         <option value="kabirwala">Kabirwala</option>  
         <option value="kacha-khooh">Kacha Khooh</option>  
         <option value="kahroor-lalisan">Kahroor Lalisan</option>  
         <option value="kahror-pakka">Kahror Pakka</option>  
         <option value="kahuta">Kahuta</option>  
         <option value="kakul">Kakul</option>  
         <option value="kakur-town">Kakur Town</option>  
         <option value="kala-bagh">Kala Bagh</option>  
         <option value="kala-shah-kaku">Kala Shah Kaku</option>  
         <option value="kalaswala">Kalaswala</option>  
         <option value="kallar-syedan">Kallar Syedan</option>  
         <option value="kallur-kot">Kallur Kot</option>  
         <option value="kamalia">Kamalia</option>  
         <option value="kamalia-musa">Kamalia Musa</option>  
         <option value="kamber-ali-khan">Kamber Ali Khan</option>  
         <option value="kamoke">Kamoke</option>  
         <option value="kamra">Kamra</option>  
         <option value="kandh-kot">Kandh Kot</option>  
         <option value="kandiaro">Kandiaro</option>  
         <option value="karak">Karak</option>  
         <option value="kashmir">Kashmir</option>  
         <option value="kashmore">Kashmore</option>  
         <option value="kasowal">Kasowal</option>  
         <option value="kasur">Kasur</option>  
         <option value="kazi-ahmed">Kazi Ahmed</option>  
         <option value="khairpur">Khairpur</option>  
         <option value="khanbela">Khanbela</option>  
         <option value="khandabad">Khandabad</option>  
         <option value="khanewal">Khanewal</option>  
         <option value="khangarh">Khangarh</option>  
         <option value="khanpur">Khanpur</option>  
         <option value="khanqah-dogran">Khanqah Dogran</option>  
         <option value="khanqah-sharif">Khanqah Sharif</option>  
         <option value="kharian">Kharian</option>  
         <option value="khewra">Khewra</option>  
         <option value="khoski">Khoski</option>  
         <option value="khudian-khas">Khudian Khas</option>  
         <option value="khurianwala">Khurianwala</option>  
         <option value="khushab">Khushab</option>  
         <option value="khushal-kot">Khushal Kot</option>  
         <option value="khuzdar">Khuzdar</option>  
         <option value="kohat">Kohat</option>  
         <option value="kolo-tarar">Kolo Tarar</option>  
         <option value="kot-addu">Kot Addu</option>  
         <option value="kot-bunglow">Kot Bunglow</option>  
         <option value="kot-ghulam-muhammad">Kot Ghulam Muhammad</option>  
         <option value="kot-mithan">Kot Mithan</option>  
         <option value="kot-radha-kishan">Kot Radha Kishan</option>  
         <option value="kot-sultan">Kot Sultan</option>  
         <option value="kotla">Kotla</option>  
         <option value="kotla-arab-ali-khan">Kotla Arab Ali Khan</option>  
         <option value="kotla-jam">Kotla Jam</option>  
         <option value="kotla-patdan">Kotla Patdan</option>  
         <option value="kotli-loharan">Kotli Loharan</option>  
         <option value="kotli-sattian">Kotli Sattian</option>  
         <option value="kotri">Kotri</option>  
         <option value="kumboh">Kumboh</option>  
         <option value="kunjah">Kunjah</option>  
         <option value="kunri">Kunri</option>  
         <option value="laki-marwat">Laki Marwat</option>  
         <option value="lala-musa">Lala Musa</option>  
         <option value="lala-rukh">Lala Rukh</option>  
         <option value="lalian">Lalian</option>  
         <option value="lalsohanra">Lalsohanra</option>  
         <option value="larkana">Larkana</option>  
         <option value="lasbella">Lasbella</option>  
         <option value="lawrencepur">Lawrencepur</option>  
         <option value="layyah">Layyah</option>  
         <option value="liaquatpur">Liaquatpur</option>  
         <option value="lodhran">Lodhran</option>  
         <option value="lower-dir">Lower Dir</option>  
         <option value="luddan">Luddan</option>  
         <option value="machi-goth">Machi Goth</option>  
         <option value="madina">Madina</option>  
         <option value="mailsi">Mailsi</option>  
         <option value="makhdoom-aali">Makhdoom Aali</option>  
         <option value="makli">Makli</option>  
         <option value="malakand-agency">Malakand Agency</option>  
         <option value="malakwal">Malakwal</option>  
         <option value="mamunkanjan">Mamunkanjan</option>  
         <option value="mandi-bahauddin">Mandi Bahauddin</option>  
         <option value="mandi-sadiq-gunj">Mandi Sadiq Gunj</option>  
         <option value="mandra">Mandra</option>  
         <option value="manga-mandi">Manga Mandi</option>  
         <option value="mangal-sada">Mangal Sada</option>  
         <option value="mangi">Mangi</option>  
         <option value="mangla">Mangla</option>  
         <option value="mangowal">Mangowal</option>  
         <option value="manoabad">Manoabad</option>  
         <option value="manshera">Manshera</option>  
         <option value="mardan">Mardan</option>  
         <option value="mari-indus">Mari Indus</option>  
         <option value="mastoi">Mastoi</option>  
         <option value="matiari">Matiari</option>  
         <option value="matli">Matli</option>  
         <option value="mehar">Mehar</option>  
         <option value="mehmood-kot">Mehmood Kot</option>  
         <option value="mehrabpur">Mehrabpur</option>  
         <option value="mian-chunnu">Mian Chunnu</option>  
         <option value="mianwali">Mianwali</option>  
         <option value="minchinabad">Minchinabad</option>  
         <option value="mingora">Mingora</option>  
         <option value="mir-ali">Mir Ali</option>  
         <option value="miran-shah">Miran Shah</option>  
         <option value="mirpur">Mirpur</option>  
         <option value="mirpur-khas">Mirpur Khas</option>  
         <option value="mirpur-mathelo">Mirpur Mathelo</option>  
         <option value="mohanjo-daro">Mohanjo Daro</option>  
         <option value="more-kunda">More Kunda</option>  
         <option value="morgah">Morgah</option>  
         <option value="moro">Moro</option>  
         <option value="mubarikpur">Mubarikpur</option>  
         <option value="muridkay">Muridkay</option>  
         <option value="murree">Murree</option>  
         <option value="musafir-khana">Musafir Khana</option>  
         <option value="mustung">Mustung</option>  
         <option value="muzaffarabad">Muzaffarabad</option>  
         <option value="muzaffargarh">Muzaffargarh</option>  
         <option value="nankana-sahib">Nankana Sahib</option>  
         <option value="narang-mandi">Narang Mandi</option>  
         <option value="narowal">Narowal</option>  
         <option value="naseerabad">Naseerabad</option>  
         <option value="naudero">Naudero</option>  
         <option value="naukot">Naukot</option>  
         <option value="nawab-shah">Nawab Shah</option>  
         <option value="nilore">Nilore</option>  
         <option value="noor-kot">Noor Kot</option>  
         <option value="noorpur-noranga">Noorpur Noranga</option>  
         <option value="noorpur-thal">Noorpur Thal</option>  
         <option value="nowshera">Nowshera</option>  
         <option value="nowshera-cantt">Nowshera Cantt</option>  
         <option value="nowshero-feroz">Nowshero Feroz</option>  
         <option value="okara">Okara</option>  
         <option value="padidan">Padidan</option>  
         <option value="pakpattan-sharif">Pakpattan Sharif</option>  
         <option value="panjan-kisan">Panjan Kisan</option>  
         <option value="panjgoor">Panjgoor</option>  
         <option value="pannu-aqil">Pannu Aqil</option>  
         <option value="pasni">Pasni</option>  
         <option value="pasroor">Pasroor</option>  
         <option value="patoki">Patoki</option>  
         <option value="phagwar">Phagwar</option>  
         <option value="phalia">Phalia</option>  
         <option value="phool-nagar">Phool Nagar</option>  
         <option value="piaro-goth">Piaro Goth</option>  
         <option value="pind-dadan-khan">Pind Dadan Khan</option>  
         <option value="pindi-bhattian">Pindi Bhattian</option>  
         <option value="pindi-gheb">Pindi Gheb</option>  
         <option value="piplan">Piplan</option>  
         <option value="pir-mahal">Pir Mahal</option>  
         <option value="pishin">Pishin</option>  
         <option value="qalandarabad">Qalandarabad</option>  
         <option value="qasba-gujrat">Qasba Gujrat</option>  
         <option value="qazi-ahmed">Qazi Ahmed</option>  
         <option value="quaidabad">Quaidabad</option>  
         <option value="qutabpur">Qutabpur</option>  
         <option value="rabwah">Rabwah</option>  
         <option value="rahimyar-khan">Rahimyar Khan</option>  
         <option value="rahwali">Rahwali</option>  
         <option value="raiwind">Raiwind</option>  
         <option value="rajana">Rajana</option>  
         <option value="rajanpur">Rajanpur</option>  
         <option value="rang-pur">Rang pur</option>  
         <option value="rangoo">Rangoo</option>  
         <option value="ranipur">Ranipur</option>  
         <option value="ratto-dero">Ratto Dero</option>  
         <option value="rawala-kot">Rawala Kot</option>  
         <option value="rawat">Rawat</option>  
         <option value="renala-khurd">Renala Khurd</option>  
         <option value="risalpur">Risalpur</option>  
         <option value="rohri">Rohri</option>  
         <option value="sadiqabad">Sadiqabad</option>  
         <option value="safdarabad">Safdarabad</option>  
         <option value="sagri">Sagri</option>  
         <option value="sahiwal">Sahiwal</option>  
         <option value="saidu-sharif">Saidu Sharif</option>  
         <option value="sajawal">Sajawal</option>  
         <option value="sakrand">Sakrand</option>  
         <option value="samanabad">Samanabad</option>  
         <option value="sambrial">Sambrial</option>  
         <option value="samma-satta">Samma Satta</option>  
         <option value="samundri">Samundri</option>  
         <option value="sanghar">Sanghar</option>  
         <option value="sanghi">Sanghi</option>  
         <option value="sangla-hill">Sangla Hill</option>  
         <option value="sanjwal">Sanjwal</option>  
         <option value="sara-e-alamgir">Sara-e-Alamgir</option>  
         <option value="sargodha">Sargodha</option>  
         <option value="satiana">Satiana</option>  
         <option value="serai-alamgir">Serai Alamgir</option>  
         <option value="shadiwal">Shadiwal</option>  
         <option value="shah-jamal">Shah Jamal</option>  
         <option value="shah-kot">Shah Kot</option>  
         <option value="shahdad-kot">Shahdad Kot</option>  
         <option value="shahdadpur">Shahdadpur</option>  
         <option value="shahpur-chakar">Shahpur Chakar</option>  
         <option value="shamsabad">Shamsabad</option>  
         <option value="shankiari">Shankiari</option>  
         <option value="shedani-sharif">Shedani Sharif</option>  
         <option value="sheikhupura">Sheikhupura</option>  
         <option value="shikarpur">Shikarpur</option>  
         <option value="shor-kot">Shor Kot</option>  
         <option value="shujabad">Shujabad</option>  
         <option value="sialkot">Sialkot</option>  
         <option value="sibi">Sibi</option>  
         <option value="sihala">Sihala</option>  
         <option value="sikandarabad">Sikandarabad</option>  
         <option value="sillanwali">Sillanwali</option>  
         <option value="sita-road">Sita Road</option>  
         <option value="skardu">Skardu</option>  
         <option value="sohawa-district-daska">Sohawa District Daska</option>  
         <option value="sohawa-district-jhelum">Sohawa District Jhelum</option>  
         <option value="sukkur">Sukkur</option>  
         <option value="swabi">Swabi</option>  
         <option value="swat">Swat</option>  
         <option value="takhtbai">Takhtbai</option>  
         <option value="talagang">Talagang</option>  
         <option value="talamba">Talamba</option>  
         <option value="tando-adam">Tando Adam</option>  
         <option value="tando-allahyar">Tando Allahyar</option>  
         <option value="tando-jam">Tando Jam</option>  
         <option value="tando-muhammad-khan">Tando Muhammad Khan</option>  
         <option value="tank">Tank</option>  
         <option value="taranda-muhammad-pannah">Taranda Muhammad Pannah</option>  
         <option value="tarbela">Tarbela</option>  
         <option value="taunsa-sharif">Taunsa Sharif</option>  
         <option value="taxila">Taxila</option>  
         <option value="thal">Thal</option>  
         <option value="tharo-shah">Tharo Shah</option>  
         <option value="thatta">Thatta</option>  
         <option value="thing-jattan-more">Thing Jattan More</option>  
         <option value="tibba-sultanpur">Tibba Sultanpur</option>  
         <option value="tobatek-singh">Tobatek Singh</option>  
         <option value="topi">Topi</option>  
         <option value="toru">Toru</option>  
         <option value="turbat">Turbat</option>  
         <option value="ubaro">Ubaro</option>  
         <option value="ubauro">Ubauro</option>  
         <option value="ugoki">Ugoki</option>  
         <option value="umar-kot">Umar Kot</option>  
         <option value="usta-muhammad">Usta Muhammad</option>  
         <option value="vehari">Vehari</option>  
         <option value="village-sunder">Village Sunder</option>  
         <option value="wah-cantt">Wah Cantt</option>  
         <option value="wahi-hussain">Wahi Hussain</option>  
         <option value="wan-radha-ram">Wan Radha Ram</option>  
         <option value="warah">Warah</option>  
         <option value="warburton">Warburton</option>  
         <option value="wazirabad">Wazirabad</option>  
         <option value="yazman-mandi">Yazman Mandi</option>  
         <option value="zafarwal">Zafarwal</option>  
         <option value="zahir-pir">Zahir Pir</option>  
       </optgroup>  
    </select>  
  </form>  
 </div>  
 </body>  
 </html>  

Get All Country List Here. You can also use it in your contact form.

0 comments

3D Colorful Email Template Design

3D design Email Template

Colors: Red, Light Green, Blue

designed this for users to attract more users to your money site. This Email is designed for new freelancing site. 3D Radial Gradient effect is used in this template. You can use it for email marketing. I have used it before.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <title>User Login Detail: SameeArticles.Blogspot.com</title>  
 </head>  
 <body>  
 <div style="background:#232323; alignment-adjust:central; padding:0; height:600; border:0; width:auto;">  
      <div style="height:30px; width:auto; padding:5; margin:0px 20px;">  
        <div style="margin:5px 0px; width:250; float:left; color:#FFF;">  
          <b>Tell:</b> +44-000-111-2222  
     </div>  
     <div style="margin:5px 0px; width:250; float:right; color:#FFF;">  
          <b>Email:</b> demo@sameearticles.blogspot.com  
     </div>  
   </div>  
   <div style="height:50px; margin:0px 20px; padding:20px; background-color:#F00">  
   <span style="font-size:36px; font-family:Georgia, 'Times New Roman', Times, serif; color:#00F;">People</span> <span style="font-size:36px; font-family:Georgia, 'Times New Roman', Times, serif; color:#690;">Freelancers</span>  
   </div>  
   <div style="background : radial-gradient(circle, #00F, #000) repeat scroll 0 0 transparent; padding:20px; margin:10px 20px; color:#FFF;">  
   <!-- Radial Gradient : https://sameearticles.blogspot.com/2014/01/how-to-add-radial-gradient-as-circle.html-->  
     <h1 style="color:#3F0;">Your Login Detail:</h1>  
     <p>Hello ##username##,</p>  
     <p>Welcome to PeopleFreelancers.com</p>  
     <p><strong>Your Username:</strong> ##username##</p>  
     <p><strong>Your Password:</strong> ##user_password##</p>  
     <p><strong>Login here:</strong> ##site_login_url##</p>  
     <p>Thank you,</p>  
     <h2><span style="font-family:Georgia, 'Times New Roman', Times, serif; color:#00F;">People</span> <span style="font-family:Georgia, 'Times New Roman', Times, serif; color:#690;">Freelancer Team</span></h2>  
   </div>  
   <div style="padding:5px 10px; margin:10px 20px; margin-bottom:10px; background:#0C0;">  
   <p align="center">  
        You have received this email because you have subscribed to QWC.Me as ##User_email##  
   </p>  
   <h3 align="center">Copyright &copy; 2016 Samee Articles</h3>  
     <span style="text-decoration:none; font-size:8px; color:#090;">Email Designed by : <a href="https://sameearticles.blogspot.com/">Samee Articles</a><span>  
   </div>  
   <div style="clear:both;">&nbsp;</div>  
 </div>  
 </body>  
 </html>  

Check My Email Marketing Results. Read Email Marketing Secrets


Contact Me:
Samee Ullah Feroz
(Web Analyst)
Skype: Samee2cool
0 comments

Blogging Platforms List : Complete dropdown list code

Blog Platforms
Blog Platforms
There are about 28 platforms for blogging. In which blogger and wordpress are at top. About more than 75% people are familiar with both of them. But you also should know about other platforms. Google supports all of them. Blogging platforms list is given below with code. Try it.

 <html lang="us-en" xml:lang="us-en">   
   <head>   
           <style>   
                .form{   
                     margin:10px auto;   
                }   
                .form label, select{   
                     display:inline-block;   
                     float:left;   
                }   
                .form label{   
                     width:150px;   
                }   
                .body{   
                     width:400px;   
                     height:50px;   
                     background-color:#C33;   
                     padding:20 20 20 20;   
                     margin:300px auto;   
                }   
     </style>   
   </head>   
   <body>   
     <div class="body">   
       <form class="form">   
         <div><label for="blogplatforms"><b>Blog Platforms:</b></label></div>   
         <div>  
         <select name="Blog Platforms" id="blogplatforms" size="1">  
           <option label="[Select Blog Platform]" value="" selected="selected">[Select Blog Platform]</option>  
           <option label="b2evolution" value="b2evolution">b2evolution</option>  
           <option label="Blogger/BlogSpot" value="Blogger/BlogSpot">Blogger/BlogSpot</option>  
           <option label="Drupal" value="Drupal">Drupal</option>  
           <option label="Dotclear" value="Dotclear">Dotclear</option>  
           <option label="Eggblog" value="Eggblog">Eggblog</option>  
           <option label="ExpressionEngine" value="ExpressionEngine">ExpressionEngine</option>  
           <option label="FlatPress" value="FlatPress">FlatPress</option>  
           <option label="Geeklog" value="Geeklog">Geeklog</option>  
           <option label="Joomla" value="Joomla">Joomla</option>  
           <option label="LifeType" value="LifeType">LifeType</option>  
           <option label="LiveJournal" value="LiveJournal">LiveJournal</option>  
           <option label="Loudblog" value="Loudblog">Loudblog</option>  
           <option label="Mambo" value="Mambo">Mambo</option>  
           <option label="MovableType" value="MovableType">MovableType</option>  
           <option label="Nucleus" value="Nucleus">Nucleus</option>  
           <option label="pMachine" value="pMachine">pMachine</option>  
           <option label="Posterous" value="Posterous">Posterous</option>  
           <option label="sBlog" value="sBlog">sBlog</option>  
           <option label="Serendipity" value="Serendipity">Serendipity</option>  
           <option label="SimplePHPBlog" value="SimplePHPBlog">SimplePHPBlog</option>  
           <option label="Simplog" value="Simplog">Simplog</option>  
           <option label="Text Pattern" value="Text Pattern">Text Pattern</option>  
           <option label="TypePad" value="TypePad">TypePad</option>  
           <option label="Tumblr" value="Tumblr">Tumblr</option>  
           <option label="WB News" value="WB News">WB News</option>  
           <option label="Wheatblog" value="Wheatblog">Wheatblog</option>  
           <option label="WordPress" value="WordPress">WordPress</option>  
           <option label="Xanga" value="Xanga">Xanga</option>  
           <option label="Zomplog" value="Zomplog">Zomplog</option>  
           <option label="Other Blog Platform" value="Other Blog Platform">Other Blog Platform</option>  
         </select>   
         </div>   
       </form>   
     </div>   
   </body>   
 </html>  

This list can help you whenever you will be offline.
Get country list code here.
0 comments

How to add radial and linear gradients with CSS3

radial gradient
How to add radial and linear gradient as circle with CSS.
Use bellow code it can help you like given image.
Some other beautiful Gradient functions are available. Like
  1. Radial-Gradient()
  2. Linear-Gradient()
  3. Repeating-Radial-Gradient()
  4. Repeating-Linear-Gradient()

Radial Gradient

 body{  
 background : radial-gradient(circle, #3E3E3E, #000) repeat scroll 0 0 transparent;  
 }  

Updated

Linear Gradient

 body{  
 background-image: linear-gradient(to bottom, #026CC4, #095A9B);  
 }  
Must share your views
0 comments

Online Database Creation PHP Code with SQL Contribution

Now you don't need to browse PHPMyAdmin for creating database user password by database wizard. You just need to upload this files on your server and create database automatically.

1st file is style sheet file. : stylesheet.css

 @charset "utf-8";  
 /* CSS Document for : http://www.QWC.Me */  
 #dbcreation{padding-left:30%; padding-right:30%; padding-top:10%; padding-bottom:20%;}  
 table{border-top-left-radius:25; border-top-right-radius:25;}  
 th{text-align:center; background-color:#999;}  
 table, th, td, tr, thead, tbody{padding: 10px;}  
 a{text-decoration:none;}  
 .error{color:red;}  
 #dbinstall{border:10; border-color:#999; border-top-left-radius:25; border-top-right-radius:25; border-bottom-left-radius:25; border-bottom-right-radius:25; padding-left:30%; padding-right:30%; padding-top:10%; padding-bottom:20%;}  
 #signupform{text-shadow:#999; padding-left:30%; padding-right:30%; padding-top:10%; padding-bottom:20%;}  

2nd file is Database Values Taken File : create_database.php

 <?php  
      session_start();  
 ?>  
 <!DOCTYPE html >  
 <html xmlns="http://www.w3.org/1999/xhtml" lang="us-en">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <link rel="stylesheet" href="css/stylesheet.css" />  
 <title>Database Creation Process</title>  
 </head>  
 <body>  
   <div id="dbcreation">  
     <table align="center">  
          <thead>  
            <tr><th colspan="2" align="center">Enter Database Detail</th></tr>  
       </thead>  
       <tbody>  
         <form action="install.php" method="post">  
         <tr><td><label id="host">Host: </label></td><td><input type="text" name="host" placeholder="i.e. locahost" required="required" /></td></tr>  
         <tr><td><label id="dbname">Database Name: </label></td><td><input type="text" name="dbname" required="required" /></td>  
         <tr><td><label id="dbuname">User Name: </label></td><td><input type="text" name="dbuname" placeholder="i.e. root" required="required" /></td>  
         <tr><td><label id="dbpass">Password: </label></td><td><input type="text" name="dbpass" required="required" /></td>  
         <tr><td colspan="2" align="center"><input type="submit" name="submit" Value="Create" required="required" /></td></tr>  
         </form>  
       </tbody>  
     </table>  
   </div>   
 </body>  
 </html>  


3rd file is Database installation file : install.php

 <?php  
      session_start();  
 ?>  
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <link rel="stylesheet" href="css/stylesheet.css" />  
 <title>Database Installation Process</title>  
 </head>  
 <body>  
 <div id="dbinstall">  
   <?php       
                //Get values from create_database.php files  
                if(isset($_POST['submit']))  
                {  
                     echo '<form method="post">  
                     <input type="hidden" name="host" value="'.$_POST['host'].'">  
                     <input type="hidden" name="dbname" value="'.$_POST['dbname'].'">  
                     <input type="hidden" name="dbuname" value="'.$_POST['dbuname'].'">  
                     <input type="hidden" name="dbpass" value="'.$_POST['dbpass'].'">  
                     <input type="submit" name="install" value="Install" align="center">  
                     </form><br/>';   
                     echo 'Welcome to installation process....<br/>  
                     Click install Button to install database.....<br />';  
                }                 
                //if user click on install button then install database on site  
                if(isset($_POST['install']))  
                {            
                     $dbhost = $_POST['host'];  
                     $dbname = $_POST['dbname'];  
                     $dbuname = $_POST['dbuname'];  
                     $dbpass = $_POST['dbpass'];  
                     //connect to mysql server for connecting server : need to give local host and user name  
                     $connect = mysqli_connect($dbhost, 'root');                 
                     //database creation.   
                     $db_create_query = "Create database " . $dbname;  
                     $database = mysqli_query($connect, $db_create_query);  
                     //database creation query error show  
                     if(!isset($database))  
                          {  
                               die("<div class=\"error\">Database creation query error : " . mysqli_connect_error() . "</div>");  
                          }  
                     //database users password query creation  
                     $dbuserpass = "create user " . $dbuname."@".$dbhost. " identified by '".$dbpass."'";  
                     $dbuserpass2 = mysqli_query($connect, $dbuserpass);  
                     //database users password query Error  
                     if(!isset($dbuserpass2))  
                          {  
                               die("<div class=\"error\">Database Username Password query error : " . mysqli_connect_error() . "</div>");  
                          }  
                     //give grant privileges to database user pass  
                     $previleges = "GRANT ALL PRIVILEGES ON $dbname. * TO '$dbuname'@'$dbpass' WITH GRANT OPTION";  
                     $previleges2 = mysqli_query($connect, $previleges);  
                     //check previleges error  
                     if(!isset($previleges2))  
                          {  
                               die("<div class=\"error\">Database Username Password query error : " . mysqli_connect_error() . "</div>");  
                          }                      
                     else  
                          {  
                               echo "Database has been created successfully<br />  
                                         Database Name :" . $dbname. "<br /> Database User Name : ".$dbuname."<br /> Database Password : ".$dbpass;  
                          }  
                }  
                session_destroy();  
      ?>  
 </div>  
 </body>  
 </html>  


I hope you will learn from it. copy code and check it

1 comments

Complete Self Controlled Form : Full Validations and Features with $_POST[] Method

According to new research, many hackers are working together to hack many sites. Now everyone is familiar with PHP, xHTML, CSS working and they can hack your form by
  • Save page as
  • Code checking
  • Firebug tool
  • Ctrl+U
So you need to make your contact form secure to safe your information..
I made this form to make your site more secure.
This form consists on some parts:
  1. Validate Function
  2. Values Validating
  3. Characters Limit Error Message
  4. Left Field Error Message
  5. Auto Selected fields after redirection
  6. CSS
  7. Form Fields
  8. Form Results
  9. Form Error Message
This form is divided into parts, anyone can easily understand it.
In this form : characters limit is
 'name' => 20, 'number' => 16, 'email' => 35,'subject' => 50, 'message' => 350, 'website' => 50

You can change it according to yourself.


  <?php  
           #######################################  
           #   Form Validation Function Start    #  
           #######################################  
      function form_validation($input)  
      {  
           $input = trim($input);  
           $input = htmlspecialchars($input);  
           $input = stripcslashes($input);  
           return $input;  
      }
   function validate_number($input_number)
   {  
   $input_number = preg_match ("/^[0-9]*$/", $input_number);
   $input_number = trim($input_number);  
            $input_number = htmlspecialchars($input_number);  
            $input_number = stripcslashes($input_number);
   return $input_number;
   }
   function validate_name($input_name)
   {  
   $input_name = preg_match("/^[a-zA-Z ]*$/", $input_name);
   $input_name = trim($input_name);  
            $input_name = htmlspecialchars($input_name);  
            $input_name = stripcslashes($input_name);
   return $input_name;
   }
   function validate_email($input_email)
   {  
   $input_email = preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/", $input_email);
   $input_email = trim($input_email);  
            $input_email = htmlspecialchars($input_email);  
            $input_email = stripcslashes($input_email);
   return $input_email;
   }
   function validate_web($input_web)
   {  
   $input_web = preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i", $input_web);
   $input_web = trim($input_web);  
            $input_web = htmlspecialchars($input_web);  
            $input_web = stripcslashes($input_web);
   return $input_web;
   }
   
           ######################################  
           #   Form Validation Function end     #  
           ######################################  
 /*--------------------------------------------------------------------------------*/  
           ####################################################
           #   Getting All Values and Validating them Start   #  
           ####################################################
                $error_msg = ""; //this variable for error massage  
    $departments = array(); //this array for saving department
                $name = $number = $email = $birth = $gender = $subject = $website = $select = $message = $color = ''; // we show all variables empty  
           ###############################################################  
           #   Submit Button Processing with secure validation Start     #  
           ###############################################################                      
                
    if(isset($_POST['submit']))  
                {  
                     $fields = array('name', 'number', 'email', 'birth', 'gender', 'departments', 'select', 'website', 'subject', 'message', 'color'); // all values field array  
      $errors = array(); //this array for saving errors 
                     foreach ($fields as $field) //this is for getting values  
                     {  
                          if(!isset($_POST[$field]) || $_POST[$field] == '' && $field != 'color') //if field value is empty or has nothing  
                          {  
                               array_push($errors, $field); //then selective field array value will be saved in error array.  
                          }  
                          else //if submit button has run, then it else will run  
                          {  
                               if($field != 'departments') //but if value is other than department field  
                               {  
                                    $$field = form_validation($_POST[$field]); //It will go through user define function and value will be made variables  
                               }  
                               elseif($field == 'departments') //but if value is about department then  
                               {  
                                    $departments = array(); //we define an array to save department values  
                                    $test_dept = $_POST[$field]; //we get department here  
                                    foreach($test_dept as $dept ) //we used departments parameter to save that on dept  
                                    {  
                                         array_push($departments, form_validation($dept)); //department will be fully validate and saved to department array  
                                    }  
                               }
                          }
        if($field == 'select' && $_POST[$field] == 'Navigation')
        {
         !array_push($errors, form_validation($field));
        }
                     } //this is foreach loop end  
                ##################################################  
                #   Getting All Values and Validating them end   #  
                ##################################################  
                ###########################################################################  
                # If No Error than Check characters Limit and show exceed Massage Start   #  
                ###########################################################################           
                          //As we have saved error values in errors array  
                     if(empty($errors) || !empty($errors))  
                     {  
                          //we define a assosiative array to define characters limit  
                          $fields = array('name' => 20, 'number' => 16, 'email' => 35,'subject' => 50, 'message' => 350, 'website' => 50);   
                          //For checking lenght we need to add a loop  
                          foreach($fields as $field => $length) //foreach loop is used for arrays : $field => $length we used for assosiative array  
                          ## in this $field => $length : $length variable as assigned to values  
                          {  
                               if (strlen($_POST[$field]) > $length)  
                               {  
                                    array_push($errors, $field . ' field characters limit has exceeded.'); //we shall use $field variable here,   
                                    # Because we are not using $fields, we are using $field as referance.   
                               }
          if($field == 'number' && !validate_number(($_POST[$field]))) //it is to validate number field.
          {
           array_push($errors, $field . " is not proper number."); //if there is an error in number field , error would be push on error array
          }
          if($field == 'name' && !validate_name(($_POST[$field]))) //it is to validate number field.
          {
           array_push($errors, $field . " is not proper name."); //if there is an error in number field , error would be push on error array
          }
          if($field == 'email' && !validate_email(($_POST[$field])) && !empty($_POST[$field])) //it is to validate number field.
          {
           array_push($errors, $field . " is not proper email."); //if there is an error in number field , error would be push on error array
          } 
          if($field == 'website' && !validate_web(($_POST[$field])) && !empty($_POST[$field])) //it is to validate number field.
          {
           array_push($errors, $field . " is not proper website link."); //if there is an error in number field , error would be push on error array
          } 
                          }  
                     } //it is if emtpy end  
                ########################################################################## 
                # If No Error than Check characters Limit and show exceed Massage End    #  
                ##########################################################################      
                ##################################################### 
                # If Error than then show the errors fields start   #  
                ##################################################### 
                     if(!empty($errors))  
                     {  
                          $error_msg = '<b>There are errors in following fields:</b> <br />';  
                          $error_msg .= implode('<br />', $errors);   
                     } //it is if not empty end  
                #########################################################  
                # If Error than then show the errors fields end         #  
                #########################################################  
                } //if isset POST['submit'] end  
           ###############################################################  
           #   Submit Button Processing with secure validation End       #  
           ###############################################################                      
 ?>  
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml" lang="us-en">  
 <head>  
 <title><?php $pagetitle="Self Controlled Form : Full Contact Form Feachers : Samee Ullah Feroz";
      define("blogname","www.QWC.me");
     echo $pagetitle ." : ". blogname; ?></title>
               <meta name="description" content="<?php echo $pagetitle ?> : Buy it." />
               <link rel="icon" type="image/ico" href="http://www.iconarchive.com/download/i50954/deleket/3d-cartoon-vol3/Web-Coding.ico" alt="Icon" />

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<style>
/*html
    {
        height:100%;
        width:100%;
        background:url(http://www.southsoft.co.za/images/mysql.jpg) center center no-repeat;
        background-position:center;
 You can also give local file path
    }*/
a:link 
    {
        color:#00F;
        text-decoration:none;
    }

body
    {
  color:#0000FF;
  font-family:"Courier New", Courier, monospace;
  /*background-image:url(http://www.getacho.com/download/phpcss/images/bg-color.png);
  background-repeat:repeat;
  background-attachment:fixed;*/
    }
    
 
#main
 {
  color: #0000FF;
  overflow: auto;
  padding: 10px;
  width: 100%;
 }
 
ul
 {
  
  list-style:square url("images/sqpurple.gif");
 }
#table_bg   
 {  
   border:0;  
   border-color:#000;   
      border-collapse:separate;  
   padding:3;
   padding-right:100px;
 }
.sidemsg  
 {  
      margin-top:60px;
   font-family:"Courier New", Courier, monospace;  
      font-size:16px;  
 }  

</style>               
 </head>  
 <body style="background-color:<?php echo $color?>; ">  
           <div id="main">
           <h1 align="center">Secure Self Controlled Contact Form.</h1> 
           <h2>Qualities</h2>
           <ul>
           <li>Secure from Hackers</li>
           <li>Fast Processing</li>
           <li>Single File Contact Form</li>
           <li>Show Error on characters limit exceeded</li>
           <li>Show Error on Wrong Name</li>
           <li>Show Error on Wrong Email</li>
           <li>Show Error on Wrong Website</li>
           <li>Show Error on Wrong number</li>
           <li>Numbers only digits not doubles</li>
           <li>Cannot select future date of birth</li>
           <li>Can select background custom color</li>
           <li>Can select required Department</li>
           <li>Can select required Agent</li>
           <li>HTML, Javascript etc. Don't work</li>
           <li>After getting errors, form will not reset</li>
           </ul>
           <blockquote>This form is coded to keep away your site from <b>Hackers</b>.</blockquote>
           <h2>Price</h2>
           <hp>You can purchase this form in 5$ just.</hp> 
           <b>Samee is Online On</b><br />
           <b>Company Site : </b><a href="http://www.getacho.com" target="_blank">Getacho Company</a><br />
           <b>Facebook : </b><a href="http://www.facebook.com/sameeullah.feroz" target="_blank">Samee Ullah Feroz</a><br />
           <b>Gtalk :</b> <a href="mailto:seo.getacho@gmail.com" target="_blank">SEO.Getacho</a><br />
           <b>Skype : </b><a href="skype:SEO.Getacho?call">SEO.Getacho</a><br />
           
           </div>
           <div id="table_bg">
               <table style="background-color:<?php echo $color?>; width: 100%;" align="center" >  
               <form action="self_controlled_form.php" method="post" >  
                    <tr><td><label for="name"><strong>Full Name:</strong></label></td>  
                    <td><input type="text" name="name" placeholder="Full Name" style="width:250px;" value="<?php echo $name;?>" /></td></tr>  
                    <tr><td><label for="number"><strong>Personal Number:</strong></label></td>  
                    <td><input type="text" name="number" placeholder="00923234223945" style="width:250px;" value="<?php echo $number;?>"/></td></tr>  
                    <tr><td><label for="email"><strong>Email:</strong></label></td>  
                    <td><input type="text" name="email" placeholder="i.e. mail@example.com" style="width:250px;" value="<?php echo $email;?>"/></td></tr> 
                    <tr><td><label for="website"><strong>Website:</strong></label></td>                   
                    <td><input type="text" name="website" placeholder="i.e. www.example.com" style="width:250px;" value="<?php echo $website;?>"/></td></tr                
                    ><tr><td><label for="gender"><strong>Your Gender:</strong></label></td>  
                    <td><input type="radio" name="gender" value="Male"   
                    <?php if($gender == 'Male' && !empty($gender))echo 'checked';?>/>Male  
                    <input type="radio" name="gender" value="Female"   
                    <?php if($gender == 'Female' && !empty($gender))echo 'checked';?>/>Female</td></tr>
                    <tr><td><label for="birth"><strong>Your DOB:</strong></label></td>                  
                    <td><input type="date" name="birth" value="<?php echo $birth;?>" max="<?php echo date();?>" min="1991-01-01" /></td></tr>  
                    <tr><td><label for="departments[]"><strong>Contact Departments:</strong></label></td>  
                    <td><input type="checkbox" name="departments[]" value="Marketing Department"   
                    <?php if(in_array('Marketing Department', $departments)&& !empty($departments))echo 'checked';?>/>Marketing Department <br /> 
                    <input type="checkbox" name="departments[]" value="Development Department"   
                    <?php if(in_array('Development Department',$departments)&& !empty($departments))echo 'checked';?>/>Development Department <br /> 
                   <input type="checkbox" name="departments[]" value="Finance Department"   
                    <?php if(in_array('Finance Department', $departments) && !empty($departments))echo 'checked';?>/>Finance Department </td></tr>  
             <tr><td><label for="select"><strong>Contact Agent:</strong></label></td>  
                    <td><select name="select">
                        <option value="Navigation">Navigation</option>
                           <option value="Online Agent" <?php if($select == 'Online Agent' && !empty($select))echo 'selected'; ?> >Online Agent</option>  
                           <option value="SEO, SMO Agent" <?php if($select == 'SEO, SMO Agent' && !empty($select))echo 'selected'; ?> >SEO, SMO Agent</option>  
                           <option value="SEM, SMM Agent" <?php if($select == 'SEM, SMM Agent' && !empty($select))echo 'selected'; ?> >SEM, SMM Agent</option>  
                           <option value="Development Agent" <?php if($select == 'Development Agent' && !empty($select))echo 'selected'; ?> >Development Agent</option>  
                           <option value="Consultancy Agent" <?php if($select == 'Consultancy Agent' && !empty($select))echo 'selected'; ?> >Consultancy Agent</option>  
                           <option value="HR Agent" <?php if($select == 'HR Agent' && !empty($select))echo 'selected'; ?> >HR Agent</option>  
                    </select></td></tr>  
                    <tr><td><label for="subject"><strong>Subject:</strong></label></td>  
                    <td><input type="text" name="subject" placeholder="Type Subject" style="width:250px;" value="<?php echo $subject;?>"/></td></tr>  
                    <tr><td valign="top" align="left"><label for="message"><strong>Your Message:</strong></label></td>  
                    <td><textarea cols="40" rows="10" name="message" placeholder="Write your message"><?php echo $message;?></textarea></td></td>  
                    <tr><td valign="top" align="right"><input type="submit" value="Send" name="submit" /></td>  
                    <td>Choose the color :<input type="color" name="color" value="<?php echo $color; ?>" />
                    <br />This Feature Works on Chrome.
                    <br />Developed by <a href="mailto:sam@qwc.me">Samee Ullah Feroz</a><br /> Powered by : <a href="http://www.qwc.me">QWC.Me</a></td></tr>  
               </form>  
               </table>
               </div>
             <div class="sidemsg" style="background-color:<?php echo $color?>; ">  
            <h2>Results Here</h2>
             <?php  
                   echo $name . "<br />";  
                   echo $number . "<br />";  
                   echo $email . "<br />";
       echo $website . "<br />";  
                   echo $gender . "<br />";
                   echo $birth . "<br />";  
                   if (!empty($departments))
                   {
                       echo implode("<br />", $departments) . "<br />";
                   }
                   echo $select . "<br />";  
                   echo $subject . "<br />";            
                   echo $message . "<br />";  
                   echo $error_msg . "<br />";
                   ?>  
             </div>
 </body>  
 </html>

Form is complete with full security and limitations.

Instructions : This code is in-complete if you need this form, contact Samee Ullah Feroz

Demo : 
Ask For Installation
Consultant: 
On Facebook
Gtalk : SEO.Getacho@gmail.com
Skype : SEO.Getacho


0 comments

Secure Form of $_GET[] Method : Form Validation Function

secure form

Now I am going to post a form with full security, Check this
I made this form to get full detail from client that how can we deal with him.
still this contact form is incomplete but I'll complete it in further post.
I made a stylesheet.css file
Here ; I made id for table to use it. As we know, id is used for unique element. 


 @charset "utf-8";  
 /* CSS Document */  
 #table_bg   
 {  
      border:5px;  
      border:solid;  
      background-color:#0F9;  
      border-collapse:separate;  
 }  



Now I made a contact.html file
This form output is same as given image in this post.
I used table to align form perfectly


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
 <title>Contact Form</title>  
 <link rel="stylesheet" type="text/css" href="stylesheet.css" />  
 </head>  
      <body>  
           <table cellpadding="3" id="table_bg" align="center">  
           <form action="processing.php" method="get" >  
                <tr><td><label for="name"><strong>Full Name:</strong></label></td>  
                <td><input type="text" name="name" placeholder="Full Name" maxlength="20" style="width:250px;"/></td></tr>  
                <tr><td><label for="number"><strong>Personal Number:</strong></label></td>  
                <td><input type="text" name="number" placeholder="00923234223945" maxlength="16" style="width:250px;"/></td></tr>
                <tr><td><label for="email"><strong>Email:</strong></label></td>  
                <td><input type="text" name="email" placeholder="i.e. example@mail.com" style="width:250px;"/></td></tr>  
                <tr><td><label for="gender"><strong>Your Gender:</strong></label></td>  
                <td><input type="radio" name="gender" value="Male" />Male  
                <input type="radio" name="gender" value="Female"/ >Female</td></tr>  
                <tr><td><label for="department"><strong>Contact Department:</strong></label></td>  
                <td><input type="checkbox" name="department" value="Marketing_Department" />Marketing Department  
                <input type="checkbox" name="department" value="Development_Department" />Development Department</td></tr>  
       <tr><td><label for="select"><strong>Contact Person:</strong></label></td>  
                <td><select name="select" >  
       <option>Online Supporter</option>  
       <option>SEO, SMO Agent</option>  
       <option>SEM, SMM Agent</option>  
       <option>Development Agent</option>  
       <option>Consultancy Agent</option>  
       <option>HR Agent</option>  
       </select></td></tr>  
                <tr><td><label for="subject"><strong>Subject:</strong></label></td>  
                <td><input type="text" name="subject" placeholder="Type Subject" style="width:250px;"/></td></tr>  
                <tr><td valign="top" align="left"><label for="gender"><strong>Your Gender:</strong></label></td>  
                <td><textarea cols="50" rows="20" name="message" placeholder="Write your message"></textarea></td></td>  
                <tr><td>&nbsp;</td>  
                <td><input type="submit" value="Send" /> <input type="reset" value="Clear" /> </td></tr>  
           </form>  
           </table>  
      </body>  
 </html>  



Now I created a file processing.php
I needed to create this file for security. As we know, xHTML language runs on user side and PHP runs on Server side.
with $_GET[] Method, anyone can easily hack your code, that's why PHP is important to add creativity.
Features of Code:
  1. No value will be empty, User needs to enter all values
  2. If user will leave any value empty, form will redirect back to contact.html
  3. If user leaves spaces, form will trim them automatically
  4. HTML, Java code will not run in it.
  5. Back slash will not run in it
  6. User needs to write more than 25 characters in subject, more than 16 in message box, name maximum 20, number maximum 16



 <?php  
      require_once("form_validation.php");  
      #1st Form values should not be empty.   
      if (isset($_GET['name'] , $_GET['number'] , $_GET['email'], $_GET['gender'] , $_GET['department'], $_GET['select'], $_GET['subject'], $_GET['message'])  
      && $_GET['name']!="" && $_GET['number']!="" && $_GET['email']!="" && $_GET['subject']!="" && $_GET['message']!="")  
      {  
           if (strlen($_GET['name']) > 20 || strlen($_GET['number']) > 16 || strlen($_GET['email']) > 25 || strlen($_GET['subject']) < 25 || strlen($_GET['message']) < 160)  
                {  
                     header("Location: contact.html");  
                     exit;  
                }  
                $name = form_validation($_GET['name']);  
                $number = form_validation($_GET['number']);  
                $email = form_validation($_GET['email']);  
                $gender = $_GET['gender'];  
                $department = $_GET['department'];  
                $select = $_GET['select'];  
                $subject = form_validation($_GET['subject']);  
                $message = form_validation($_GET['message']);  
                echo "Name is : $name <br />  
                          Number is : $number <br />  
                               email is : $email <br />  
                                    Gender is : $gender <br />  
                                         Contact Department is : $department <br />  
                                              Subject is : $subject <br />  
                                                   Agent is : $select <br />  
                                                        Message is : $message <br />  
                ";  
           }  
           else  
           {  
                header("Location: contact.html");  
                exit;  
           }  
      ?>  

Now I created a function file with form_validation.php
In this function, it will use trim function to trim white spaces.
It will utilize HTML characters in whole form.
It will leave back slashes.


 <?php  
      function form_validation($input)  
      {  
           $input = trim($input);  
           $input = htmlspecialchars($input);  
           $input = stripcslashes($input);  
           return $input;  
      }  
 ?>  

Good Luck. Form is upgraded in further post.
5 comments

Custom Cascading Style Sheet (CSS) Code With Absolute Background Image Code

Custom Cascading Style Sheet (CSS) Code With Absolute Background Image Code
 @charset "utf-8";  
 /* CSS Document for : SameeArticles.Blogspot.com */  
 #logo  
      {  
           width:200px;  
           height:200px;  
           float:right;  
           background-color:#FFFFFF;  
      }  
 html  
      {  
           height:100%;  
           width:100%;  
           background:url(http://www.southsoft.co.za/images/mysql.jpg) center center no-repeat;  
      }  
 h1  
      {  
           background:#00FF00;  
           border-style:dotted;  
           margin-right:200px;  
      }  
 h2  
      {  
           background:#CCCCCC;  
           font-family:Georgia, "Times New Roman", Times, serif;  
           font-size:16px;  
      }  
 a:link   
      {  
           color:#000000;  
           text-decoration:none;  
      }  



Custom Style Sheet with Absolute Background

For Background Image : You can use this code
 html  
      {  
           height:100%;  
           width:100%;  
           background:url(http://www.southsoft.co.za/images/mysql.jpg) center center no-repeat;  
           /* You can also give local file path */  
      }  

Find any image and change with file name.
0 comments
 
Support : | Internet Marketing Specialist And Business Developer
Copyright © 2013-2016. Samee Articles - All Rights Reserved
Proudly powered by Blogger