Hello There, Guest! Login Register
Divination Competition!

  • 0 Vote(s) - 0 Average


04-05-2016, 12:27 AM #1
Kirt Offline "I keep sucking on these polls" - N eon Teamspeak 2015 *******
Posts:848 Threads:107 Joined:Feb 2014 Reputation: 2 RS name Kirt

İmage


 THIS WEEK: Divination 
Next Week? You Decide!





COMPETITION PERIOD

START Monday April 4th at 9PM EST
FINISH Monday April 11th at 9PM EST






PRIZE DISTRIBUTION


FIRST PLACE 5M



SECOND PLACE 2.5M



THIRD PLACE 1M



FOURTH PLACE 0.5M



FIFTH PLACE 0.5M



BONUS PRIZE 1M
Beat the previous Divination Competition HiScore of 10,143,109
set by Tztok Will and be the winner to receive a bonus prize of 1M


Winners are selected using statistics gathered from RuneClan






LAST WEEK'S COMPETITION: Magic
Previous competition winners can be found here






04-05-2016, 12:32 AM #2
F O X Offline ^ Made the 20,000th post! *
Posts:2,567 Threads:346 Joined:Apr 2014 Reputation: 15
Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O


İmage



04-05-2016, 12:43 AM #3
Kevy o O Offline Senior Member *
Posts:634 Threads:91 Joined:Oct 2013 Reputation: 7 RS name Obligated
Good thing Sheena isn't allowed to participate :p


İmage

İmage

İmage

04-05-2016, 04:25 AM #4
TzTok Will Offline AvatarTracker Creator *
Posts:459 Threads:53 Joined:Mar 2014 Reputation: 0 RS name TzTok Will
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

They'll cry many times during the process; I know I did.

04-05-2016, 06:28 AM #5
Insert GPs Offline Pretty close to Forum God *******
Posts:1,787 Threads:123 Joined:Sep 2012 Reputation: 11 RS name Insert GPs
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...

04-05-2016, 06:42 AM #6
Kirt Offline "I keep sucking on these polls" - N eon Teamspeak 2015 *******
Posts:848 Threads:107 Joined:Feb 2014 Reputation: 2 RS name Kirt
(04-05-2016, 06:28 AM)Insert GPs Wrote:  
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...

I used to be able to do it :/

04-05-2016, 06:43 AM #7
Insert GPs Offline Pretty close to Forum God *******
Posts:1,787 Threads:123 Joined:Sep 2012 Reputation: 11 RS name Insert GPs
(04-05-2016, 06:42 AM)Kirt Wrote:  
(04-05-2016, 06:28 AM)Insert GPs Wrote:  
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...

I used to be able to do it :/

Not since the automatically resizing pictures

04-05-2016, 07:07 AM #8
TzTok Will Offline AvatarTracker Creator *
Posts:459 Threads:53 Joined:Mar 2014 Reputation: 0 RS name TzTok Will
(04-05-2016, 06:28 AM)Insert GPs Wrote:  
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...
Nows my time to shine.

04-05-2016, 08:18 AM #9
Insert GPs Offline Pretty close to Forum God *******
Posts:1,787 Threads:123 Joined:Sep 2012 Reputation: 11 RS name Insert GPs
(04-05-2016, 07:07 AM)TzTok Will Wrote:  
(04-05-2016, 06:28 AM)Insert GPs Wrote:  
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...
Nows my time to shine.

Amaze me!

Code:
Regex:
\[img\](.*?)\[/img\]

Code:
Replacement:
<a href="javascript:void(0)" onclick="window.open('$1', '', 'toolbar=no');myWindow.focus();"><img src="$1" style="max-width: 700px; max-height: 500px;" alt="İmage" title="Click Photo To Enlarge" /></a>

04-05-2016, 11:55 AM #10
TzTok Will Offline AvatarTracker Creator *
Posts:459 Threads:53 Joined:Mar 2014 Reputation: 0 RS name TzTok Will
(04-05-2016, 08:18 AM)Insert GPs Wrote:  
(04-05-2016, 07:07 AM)TzTok Will Wrote:  
(04-05-2016, 06:28 AM)Insert GPs Wrote:  
(04-05-2016, 12:32 AM)F O X Wrote:  Good luck beating that score guys =P

Also the RuneClan logo just links to the logo O_O

Ok that logo links to just the full size picture now...
I still need to figure out a way to allow links on pictures...
Nows my time to shine.

Amaze me!

Code:
Regex:
\[img\](.*?)\[/img\]

Code:
Replacement:
<a href="javascript:void(0)" onclick="window.open('$1', '', 'toolbar=no');myWindow.focus();"><img src="$1" style="max-width: 700px; max-height: 500px;" alt="İmage" title="Click Photo To Enlarge" /></a>

Code:
<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
.enlargeContainer{position:relative;display:inline-block}
.enlargeContainer:hover .enlargeImage{display:block}
.enlargeImage{position:absolute;top:0;right:0;padding:5px;margin:5px;background:#fff;display:none}
</style>
</head>
<body>
<a href="http://test.com">
<div class="enlargeContainer">
<span class="enlargeImage" data-url="https://placehold.it/350x150"><i class="fa fa-expand"></i></span>
<img src="https://placehold.it/350x150" style="max-width:700px;max-height:500px" alt="İmage" title="Click Photo To Enlarge">
</div>
</a>
<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>
<script>
$('.enlargeImage').on('click', function(e){
e.preventDefault();
var url = $(this).data('url');
window.open(url, '', 'toolbar=no');
});
</script>
</body>
</html>

Font awesome is already added, so that's no problemo. That styling is basic af, but it works. When you hover over the div, it shows the enlarge icon, if you click that, bingo bango enlarged image, if you click the image itself, it'll default to the surrounding link (if there is one, incases of [a][/a])

edit:

so the replacement for the image shortcode is (assuming all the css and js is added just the same):

Code:
<div class="enlargeContainer">
                    <span class="enlargeImage" data-url="$1"><i class="fa fa-expand"></i></span>
                    <img src="$1" style="max-width:700px;max-height:500px" alt="İmage" title="Click Photo To Enlarge">
            </div>






Forum Jump:


Users browsing this thread:1 Guest(s)