gama.io/UnPS-Short
1
0
Fork 0
mirror of https://github.com/gamaio/UnPS-Short.git synced 2024-11-14 04:57:25 +00:00
Code Issues Projects Releases Wiki Activity

Add Google Ads

Browse Source 
This hasn't been implemented yet, but it's a work in progress.
I'm planning on only having one ad display on the page under the
message.

Something else that needs to be done is a loading animation where
the message will appear as the AJAX processes the request
This commit is contained in:
Arctic Code 2014-02-13 12:21:33 -06:00
parent d19f7f8ab8
commit 53066fac04
3 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/elements.css
View File

@ -243,7 +243,7 @@ ul.nav li.dropdown:hover > ul.dropdown-menu {
#privacy-link, #tos-link, #reg-link{ #privacy-link, #tos-link, #reg-link{
float: right; float: right;
padding-right: 10px; padding-right: 2%;
color: #eee; color: #eee;
} }
@ -299,4 +299,10 @@ h2 {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
line-height: 1.428561429; line-height: 1.428561429;
}
.gab{
background: url(http://placehold.it/570x80.png);
border-radius: 5px;
max-width: 570px;
} }

BIN
assets/images/Untitled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

23
index.php
View File

@ -80,12 +80,13 @@
<div id="wrap"> <div id="wrap">
<?php include('navbar.php'); ?> <?php include('navbar.php'); ?>
<div class="container" style="float:center;padding-bottom:7%;"> <div class="container" style="float:center;padding-bottom:7%;">
<p></p> <p></p>
</div> </div>
<div class="container"> <div class="container">
<form class="form-shorten" id="form-shorten"> <form class="form-shorten" id="form-shorten">
<h2 class="form-shorten-heading">Please give me a link to shorten...</h2> <h2 class="form-shorten-heading">Please give me a link to shorten...</h2>
<input type="text" id="link" class="form-control" name="link" placeholder="http://" autofocus> <input type="text" id="link" class="form-control" name="link" placeholder="http://" autofocus>
<div id="shorten-password"> <div id="shorten-password">
@ -103,8 +104,24 @@
<label class="btn btn-primary" id="dellab" style="color:#eee;"><input type="radio" id="dellink" name="linkmod" value="dellink">Delete Link</label> <label class="btn btn-primary" id="dellab" style="color:#eee;"><input type="radio" id="dellink" name="linkmod" value="dellink">Delete Link</label>
<label class="btn btn-primary" id="replab" style="color:#eee;"><input type="radio" id="replink" name="linkmod" value="replink">Report Link</label> <label class="btn btn-primary" id="replab" style="color:#eee;"><input type="radio" id="replink" name="linkmod" value="replink">Report Link</label>
</div> </div>
</form> </form>
<div id="message"></div> <div id="message">
<div class="gab" align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- unps.bottom -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6762927271223365"
data-ad-slot="7270772487"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div> </div>
</div> </div>
@ -133,7 +150,7 @@
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
$.post("process.php?token=<?php echo $token; ?>", $(this).serialize(), function(data){ $.post("process.php?token=<?php echo $token; ?>", $(this).serialize(), function(data){
$("#message").hide().html(data).fadeIn("fast"); $("#message").hide().html(data+'<br /><div class="gab"></div>').fadeIn("fast");
if($('#error').length){ if($('#error').length){
$('#short-button').removeClass('btn-primary'); $('#short-button').removeClass('btn-primary');
$('#short-button').removeClass('btn-success'); $('#short-button').removeClass('btn-success');