upload2.us Layout - coded
You may have seen my other thread getting an opinion on a layout I designed for my website, upload2us - Get Google Chrome - anyway, I received good feedback from it so I decided to code it.
Here is an image of my result:
http://www.upload2.us/files/m0nsta/1...897-layout.PNG
Personally I'm proud of it - I'm glad I spent the time I did creating it because I'm pleased with my outcome.
I have also uploaded a demo of the layout so you guys can test it out.
upload2.us • Home
All feedback will be appreciated. Thanks.
Re: upload2.us Layout - coded
I would recommend increasing line-height on the main paragraph though, it seems squished. Other than that its awesome :D
Re: upload2.us Layout - coded
Thanks for the idea and feedback. I've fixed line-height now :).
Re: upload2.us Layout - coded
It's very clean and looks pretty awesome, good one Mark
Re: upload2.us Layout - coded
Nice, was waiting for this layout to be released.
Re: upload2.us Layout - coded
Thanks for the feedback :D
I think it's time to start coding the PHP into it tomorrow.
Alexx., where did you hear about it?
Re: upload2.us Layout - coded
It looks sexy. The drag to upload is a good idea for the new version as well.
good job ^_^
Re: upload2.us Layout - coded
looks nice..
i would just suggest changing "we accept anything except" to "we accept everything except".
:thumbup1:
Re: upload2.us Layout - coded
Re: upload2.us Layout - coded
unfortunately extremely messy
---------- Post added at 10:37 AM ---------- Previous post was at 10:28 AM ----------
heavy weight coded as well..
I've done this ages ago Grafické studio F13 | upload uploading something is matter of seconds, not a single refresh
http://img225.imageshack.us/img225/1575/f13upload.png
Re: upload2.us Layout - coded
Quote:
Originally Posted by
foxx
Well, isn't that just uploadify and some simple cssing? :P
Re: upload2.us Layout - coded
You tell me.
It's uploadify AND just this.
<script type="text/javascript" src="/scripts/jquery.center.js"></script>
<script type="text/javascript" src="/scripts/ZeroClipboard.js"></script>
PHP Code:
function fadeOutPop() {
jQuery('.popMsg').fadeOut("slow", function() {
jQuery('.popMsg').remove();
});
}
var timeout;
var clip = null;
function $(id) { return document.getElementById(id); }
function init() {
// Enable Rich HTML support (Flash Player 10 Only)
ZeroClipboard.setMoviePath( '/scripts/ZeroClipboard10.swf' );
// Create our clipboard object as per usual
clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.addEventListener('mouseOver', function (client) {
// update the text on mouse over
clip.setText( $('urlToFile').value );
});
clip.addEventListener('complete', function (client, text) {
jQuery("body").append('<div class="popMsg"><div class="popMsgInside">Úspěšně zkopírováno do schránky</div></div>');
jQuery('.popMsg').center();
clearTimeout(timeout);
timeout = setTimeout('fadeOutPop()', 2000);
jQuery('.popMsg').click(function() {
fadeOutPop();
});
});
clip.glue( 'd_clip_button' );
}
jQuery(document).ready(function() {
init();
//alert(jQuery("#browser").val());
jQuery("#uploadify").uploadify({
'uploader' : 'scripts/uploadify.swf',
'script' : '/upload.php?browserip='+jQuery("#browser").val()+' / '+jQuery("#ip").val(),
//'script' : '/upload.php?browser=sfd&asfa=sdfs',
'cancelImg' : '/images/cancel.png',
'folder' : 'uploads',
'queueID' : 'fileQueue',
'auto' : true,
'fileDesc' : 'Typ souboru',
'fileExt' : '*.pdf;*.rar;*.zip;*.jpg;*.png;*.gif;*.bmp;*.exe;*.psd;*.jpeg;*.7z;*.doc;*.txt;*.xls;*.docx;*.xlsx;*.pptx;*.crd;',
'multi' : false,
'buttonText' : 'Vybrat soubor',
'onError' : function (a, b, c, d) {
console.log(d);
},
'onComplete' : function (a, b, c, d) {
//console.log(d);
if (d != 0) {
var json = eval('(' + d + ')');
if (json.list) {
jQuery("#files").prepend(json.list);
jQuery("#files .clip.hidden").removeClass("hidden");
jQuery("#urlToFile").val(json.url);
jQuery('<span class="or">nebo zkopírujte odkaz ručně..</span>'+json.bigInput).insertAfter("#files");
jQuery("#forKubajz").focus(function(){
jQuery(this).select();
});
clip.reposition();
} else {
$('#uploadify').uploadifyClearQueue();
}
} else {
$('#uploadify').uploadifyClearQueue();
}
},
'onSelectOnce' : function() {
jQuery("#files dt, #files dd").not(".clip").remove();
jQuery("#files .clip").addClass("hidden");
jQuery("#forKubajz, .or").remove();
}
});
});
---------- Post added at 03:58 PM ---------- Previous post was at 03:54 PM ----------
Took me quite a while to get the shit working with that flash clipboard shit actually.