Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Welcome to BZPower!

Hi there, while we hope you enjoy browsing through the site, there's a lot more you can do if you register. The process is easy and you can use your Google, Facebook, or Twitter account to make it even faster. Some perks of joining include:
  • Create your own topics, participate in existing discussions, and vote in polls
  • Show off your creations, stories, art, music, and movies and play member and staff-run games
  • Enter contests to win free LEGO sets and other prizes, and vote to decide the winners
  • Participate in raffles, including exclusive raffles for new members, and win free LEGO sets
  • Send private messages to other members
  • Organize with other members to attend or send your MOCs to LEGO fan events all over the world
  • Much, much more!
Enjoy your visit!

☕ Rainbow-Fueled Magnetopies



Photo

Dalies and Mentlegen, may I present you......

Posted by Zeene , in Development, BZPower Apr 21 2013 · 222 views

The one and only terrible anticlimax.

Anyway, now that we've got that out of the way, let me get on the subject of more general Arcane Techmagics.
You know those awesome BZBlogs? Yeah, they're cool. But did you ever try linking your non-BZP friend to one? "YES HELLO IT IS WWW DOT BZPOWER DOT COM SLASH INDEX DOT PHP QUESTION MARK APP EQUALS BLOG AMPERSAND MODULE EQUALS DISPLAY AMPERSAND SECTION EQUALS BLOG AMPERSAND....."
Yeah, well.... see you in 15 years, I guess.
 
But no more!
As my domesticated used-car salesman will try in this entry to convince you of the fact that this lil' system is worth a monthly cost of $700, and that not buying it would be generally "non-cool", I'm going to go ahead and make this absolutely free and fun and rainbows!
All you have to do is simply look for one value in your blog's URL. More specifically, those numbers after 'blogid='. Now, put those after bzp.takutanuva.com/b/, and you're good to go. And because I'm such a narcissist, my own blog will be used for the convenient-example-that's-only-really-useful-if-you-don't-know-how-to-combine-two-pieces-of-text: http://bzp.takutanuva.com/b/1842
And in case you want to link to a specific entry, all you have to do is look for the value behind 'showentry='. Yet another ego-boosting example: http://bzp.takutanuv...m/b/1842/124724
 
But wait, there's more!
Although you can't do it yourself quick and easy due to security-related reasons, you can simple drop a comment and request your very own personal URL. After it's been added to the database, you can access your blog through an even more convenient address, such as the mind-boggling, head-inflating http://bzp.takutanuva.com/b/zeene!
 
Okay, that's the 'not-sure-if-cheesy-advertisement-or-actually-a-vague-attempt-at-making-stuff-better'-talk done for today.
Congratulations if you actually read through all this without fleeing to another page or just plainly committing suicide, and enjoy your day, night, dawn, dusk, or whatever sort of daycycle your extraterrestrial piece of floating rock has. -1xZ


Photo

More Codes

Posted by Zeene , in Development, BZPower Apr 06 2013 · 66 views

For starters, with the fan-made Homapage-redesign's visual design hasn't really changed much since the previous revision, there have been some under-the-hood changes, mainly to stabilize the appearance across different browsers, and some stuff to make older versions of Internet Explorer work as well (still not entirely successful in that regard)

In other news, I think it's time to submit this fancy little thing into the Tracker, don't you agree? Most optimizations should be done now, and it appears to be working perfectly fine.

-Zeene


Photo

BZP Fan-homepage, Round 2

Posted by Zeene , in Development, BZPower Apr 05 2013 · 163 views
bzpower, homepage, website and 2 more...
You asked (read: criticized), so I provided (read: improved stuff)!

Posted Image

This should've fixed most complaints the previous version got, and if it hasn't, feel free to yell at me so I'll try to actually do it properly ;)
Oh, and did I mention the navigation menu is back?


Photo

BZP Homepage Fan-design

Posted by Zeene , in Development, BZPower Apr 04 2013 · 308 views
bzpower, homepage, website and 2 more...
The messiness of the current homepage's sourcecode kinda gave me a headache, so I decided to just redesign the thing in it's entirety.


Posted Image

Obviously it isn't done yet, so there's still some things missing, i.e. the navigation menu in the right sidebar.
If you have any suggestions or criticism, feel free to post it / yell at me =)


Photo

Loading images inline, only when the user requests it

Posted by Zeene , in Development Mar 24 2013 · 140 views
tech, html, JavaScript, jQuery

Note: this writeup is a general explainer of the this proposed feature's technical side. When the feature itself has completed subjection to some final tests and/or optimizations, and is thus considered fully done, it will be submitted into the Tracker's 'Suggestions'-category, as all user-proposed changes should be.

 

 

 

As many of you know, every image posted on BZPower should be within 500 kilobytes (or, to avoid the ambiguous definition of 'kilo' in this case, kibibytes (KiB) ) in size, in order to be in compliance with the Rules & Guidelines; if it's size exceeds 500 KiB, then it should be linked to instead of embedded.
If my assumptions are right (and please do correct me if I'm wrong here), this is because while the larger image will still be loaded, but only when the user explicitly wants the image to load; that way they get to see the image they wanted to see, but without slowing down the page for everyone that doesn't want to behold the latest size-monstrophic abomination.
There's one problem with this, though: it has to be opened on an external site. Not only do certain imagehosts redirect you to a page that has a bit more content then just the image you requested when you're not very cautious at how your link looks like (and some even redirect you when going to what seems like the actual, absolute path of the image)(*cough* no names *cough*), it also has to be loaded in another tab, which honestly just doesn't really look that good.
 
But then, luckily, there was an amazing invention / arcane contraption / JavaScript framework called 'jQuery'.
Using the aforementioned magic spell framework, combined with a few lines of CSS to make it actually look like something that most definitely isn't rotten (and possibly zombified) salad (Invasion of the Zombie Salad. Make it happen.), I've devised a neat little script to get around this problem.
Basically, the humongously-large image won't load, because there is no image to load.
 
 

For those of you that don't want to read through all this:

Obligatory "TL;DR"-section

It loads an image when you click a button so it doesn't slow down the page, and it's magic.

 

 

How it works

A tiny little bit of explanation of how images work in HTML (feel free to skip ahead if you already know this): to load an image, you have to use the <img /> tag, and required are two attributes: the image's source, or 'src', and an alternate description to provide if the image fails to load, or is in the process of loading (or, for versions of Internet Explorer prior to IE9, to display as a tooltip on-hover), also known as the 'alt'-attribute. In the end, you'll find your tag looking like this: <img src="http://example.com/image.png" alt="Look at my shiny image!" />
While the image will render just fine without the 'alt'-attribute (but it is advised against leaving it out in the HTML Specification), without the 'src' there is no image to load, and conform to logic and common sense it will not be loaded.
 
And that, is exactly what this little piece of code does. The image URL specified to the BBCode parser, and, for the sake of the example, let's just say the BBCode used for this is [eximg], so it'd be specified as [eximg]http://example.com/image.png[/eximg] (or, for that matter, [eximg=]http://example.com/image.png] )will be placed into the 'alt'-attribute of the image, and then the user presses the 'Show'-button, it will be moved into the 'src'-attribute, and an extra class will be added to apply CSS rules appropriate for the newly-loaded image. With the 'src'-attribute defined, there will be an image to load, and only then will the image actually start loading.
 

Pics or It Didn't Happen

As you wish, oh Great and Mighty Random Person that's Reading This.
 

At first, we got ourself this nice little spoiler-like thingmajicknessy:

Posted Image

But then, we press the incredibly powerful and ancient artifact known only as....... the Button

Posted Image

 

Hold on, something's beginning to load here......
Posted Image

 

Aaaaaaaand there we have our lovely, 2667x2156, 4.12 MB-large Teridax-box art, all loaded when, and only when, the user presses a button.
Isn't that just super sweet laser robot zombie dinosaurs awesome? =)
(Oh, and just for your information: this post uses screenshots of a heavily-cropped version of that picture. This entry really has no more than roughly 200 kB ;) )

 

 

 

OMFG! I can haz? / By George, this is most certainly an interesting creation indeed. Would you kindly mind sharing the source code of this marvellous invention with me and my fellow chaps of exquisite tastes and finely-polished monocles?

 
In case you want to use this purely to mess around with, then sorry, no. If you wanted to learn more of how to do this, I'd suggest you'd look up some tutorials, or just Google tiny bits of code and piece them together. After all, that's even how the greatest of programmers started ;) (You have 10 minutes to become the next Bill Gates. Clock's ticking, pal.)
 
But if you actually want to use this in anything of any notable or unnotable interest, feel free to catapult me a PM and explain your request/situation.
 
 
 
 
Well, this was it for today. Have fun, guys =)
Signed, Zeene, the One and Only Grand Overlord of Absolutely Nothing





Search My Blog

Recent Comments

Coat Awards

Approval!.....ness

Posted Image

Posted Image

Posted Image