මේ ස්ක්‍රිප්ට් එකට තව මොනවද එකතුකරන්න ඕන&#3545

WaterMelon · Mar 13, 2018

මේ ස්ක්‍රිප්ට් එකට තව මොනවද එකතුකරන්න ඕන&#3545

මචන් මේ ස්ක්‍රිප්ට් එකේ පොඩි මොඩිෆිකේශක් එකකට Fiverr Gig එකක් ඔර්ඩර් කලා, මේක රන් කරල කියපල්ලකො තව මොනවද තියෙන අඩුපාඩු කියලා..ලියල තියෙන විදිහෙ එහෙම මොනවහරි වෙනස් කරන්න තියෙනවද...
ස්ක්‍රිප්ටින්ග් ගැන එච්චර දැනීමක් නැහැ මචන්...

https://www.w3schools.com/code/tryit.asp?filename=FPB2G71TBH3D

Code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script>
 
 
 
$(function() {
    openUp('#overlay')
    $("#popup").on('click', function() {
        openUp('#overlay2')
        closeDown('#overlay')
    });

    function openUp(el) {
        $(el).fadeIn(500, function() {
            $(this).next().show();
        });
    }

    function closeDown(el) {
        $(el).fadeOut(500, function() {
            $(this).next().hide();
        });
    }
    
    
    $( 'a' ).each(function(index, element) {
        $ ( this ).click( function ( e ) {
            e.preventDefault();
        });
    });
});
</script>


<style>
#DIV_1 {
    bottom: 0px;
    box-shadow: rgba(255, 255, 255, 0.298) 0px 0px 2px 0px inset, rgba(255, 255, 255, 0.298) 0px 1px 0px 0px inset;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 39px;
    left: 0px;
    letter-spacing:2px;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgb(0, 79, 132) 0px 1px 0px;
    text-size-adjust: 100%;
    top: 0px;
    width: 135px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 53.2344px 19.5px;
    transform-origin: 53.2344px 19.5px;
    caret-color: rgb(255, 255, 255);
    background: rgb(0, 109, 183) linear-gradient(0deg, rgb(0, 109, 183), rgb(0, 139, 234)) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 1px solid rgb(0, 79, 132);
    border-right: 1px solid rgb(0, 79, 132);
    border-bottom: 2px solid rgb(0, 79, 132);
    border-left: 1px solid rgb(0, 79, 132);
    font: normal normal 700 normal 10px / 10px Lego, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 13px 14px;
}/*#DIV_1*/


img {
    width:100%;
    object-fit:contain;
    min-width: 100%;
    height: auto;
}
.form-style-5{
    max-width: 500px;
    display: inline-block;
    padding: 8px 16px;
    background: #f4f7f8;
    margin: 8px auto;
    padding: 16px;
    border-radius: 8px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
    border: none;
}
.form-style-5 legend {
    font-size: 1.4em;
    margin-bottom: 8px;
}
.form-style-5 label {
    display: block;
    margin-bottom: 6px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 30px;
    
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
    background: #d2d9dd;
}
.form-style-5 select{
    -webkit-appearance: menulist-button;
    height:30px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
    position: relative;
    display: block;
    padding: 17px 37px 16px 37px;
    color: #000;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    border: 1px solid #ffcf00;
    border-width: 1px 1px 3px;
    margin-bottom: 10px;
    background: rgb(255, 207, 0) none repeat scroll 0% 0% / auto padding-box border-box;
    box-shadow: rgba(232, 105, 2, 0.5) 0px 0px 25px 0px inset;
      
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
    background: #ffae00;
}


.button {
  display: inline-block;
  border-radius: 4px;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 100%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  box-shadow: rgba(232, 105, 2, 0.4) 0px 0px 25px 0px inset;
background: rgb(255, 207, 0) none repeat scroll 0% 0% / auto padding-box border-box;

}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: ' 0bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

@media(max-width:768px){
        #popup{
            overflow: inherit;
            width: 90%;
            height: auto;   
        }
        #popup2{
            
            overflow: inherit;
            width: 90%;
            height: auto; 
        }
    }
</style>

   
<div id="overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.05; filter: alpha(opacity=60); z-index: 99990; display: none">
</div>

<div id="popup" style="position:fixed; display:none; top:63px;  width:50%; max-height:92%; left: 0; right: 0; margin: 0 auto; background-color:#FFFFFF; z-index:99999; padding:5px; border:solid 2px #1d8cd0; border-radius:5px;overflow:scroll">
    
    
<img class="aligncenter wp-image-21 size-full"  src="https://i.imgur.com/fQUOv5l.png" alt="ALT TEXT" width="492" height= auto;  />

<h4>Important</h4> 
<p>* You can't claim this offer again from this IP address.</p> 
<p>* Offer valid till stocks lasts only.</p> 
<p>* Age should be above 13 to claim this offer.</p> 
        
<p
    <div id="DIV_1">
    PROCEED >>
    </p>
    
</div>
<div id="overlay2" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; filter: alpha(opacity=60); z-index: 99990; display: none">
</div>
<div id="popup2" style="position:fixed; display:none; top:63px;  width:40%; max-height:104%; left: 0; right: 0; margin: 0 auto; background-color:#FFFFFF; z-index:99999; padding:5px; border:solid 2px #1d8cd0; border-radius:5px;overflow:scroll">
    <p style="color:#FFFFFF;">
    </p>
    
     <input type="image" src="https://i.imgur.com/2NCCotu.png" align="left" width="289" height= auto; >
          
<div class="form-style-5">
<form>

<fieldset>
                <legend><span class="number"></span> Please enter your information</legend>
                <input type="text" name="field1" placeholder="Receiver's full name *">
                <input type="email" name="field2" placeholder="Email *">
                <textarea name="field3" placeholder="Shipping address:"></textarea>
                <label for="job">Country:</label>
                <select id="job" name="field4">
                    <option value="USA">USA</option>
                    <option value="UK">UK</option>
                </select>
                <textarea name="field5" placeholder="Greeting message: Eg. Hi Jonathan, ..Loving sister, Christina."></textarea>
            </fieldset>
            <button class="button" type="button" id="myBtn" onclick="XXX;">Apply</button>
        </form>
    </div>
</div>
<head>
    

</head>

WaterMelon · Mar 13, 2018

ThisaraMalintha said:
Bump

gl

thanks machan..

WaterMelon · Mar 13, 2018

RoxDrex12 said:
bp

thanks machan..
repped...

WaterMelon · Mar 13, 2018

CloudX64 said:
bump

thanks... rep+

richlife · Mar 13, 2018

BUMPs

WaterMelon · Mar 13, 2018

Mr.Feel said:
bump

thanks rep+

WaterMelon · Mar 13, 2018

richlife said:
BUMPs

thanks

Lakshan-Seram · Mar 13, 2018

HTML:

overflow: inherit;

seems to be buggy

WaterMelon · Mar 14, 2018

Lakshan-Seram said:
HTML:

overflow: inherit;

seems to be buggy

thanks

Search

Latest ads

මේ ස්ක්‍රිප්ට් එකට තව මොනවද එකතුකරන්න ඕන&#3545

WaterMelon

Active member

WaterMelon

Active member

WaterMelon

Active member

WaterMelon

Active member

richlife

Well-known member

WaterMelon

Active member

WaterMelon

Active member

Lakshan-Seram

Well-known member

WaterMelon

Active member

Similar threads