gama.io/UnPS-Short
1
0
Fork 0
mirror of https://github.com/gamaio/UnPS-Short.git synced 2024-11-14 12:57:26 +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;
} }
@ -300,3 +300,9 @@ h2 {
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

21
index.php
View File

@ -86,6 +86,7 @@
<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');