HOME | DD
flatmo1 β
EIGHT - start page - UPDATE
by-nd
Published: 2011-06-12 18:27:47 +0000 UTC; Views: 300621; Favourites: 1066; Downloads: 128029
Redirect to original
Description
- HTML + CSS + jQuery start page for web browsers
- inspired by Windows 8 screenshots
- easy customizable - via WYSIWYG editor directly in browser
License changed to CC BY-ND 3.0 because of some users, which are sharing not working modifications of my work!
NEW: Support page with download, demo, instructions and FAQs - eight.kx.cz
thumbnails icons could be find here: Thumbnails for "EIGHT" by ~jeppethe
Update 1.8.2011:
- added WYSIWYG editor of config file - config.htm
- vertically centered screens
- fixed some small bugs in CSS and jQuery
Big update 28.6.2011:
- added ability to have more blocks with names and animated switch between blocks (by clicking, keyboard, mouse wheel)
Update 24.6.2011:
- compatible with Firefox 5.0, Chrome 12, Opera 11.50, IE8
- added ability to change search engine before searching
Update 15.6.2011:
- compatible with Firefox 4.0.1, Chrome 12, Opera 11.11, IE8
- added hover effect (can be used or not)
- custom search engine (google, bing, yahoo)
- settings stored in .js file - thanks ~custofreak for nice idea
This work is licensed under a Creative Commons Attribution-No Derivative Works 3.0 License
Related content
Comments: 569
Should Have and in browser editor to be able to add and remove stuff in the javascript file on the fly, with that this would be the ultimate start page
π: 0 β©: 1
It is not possible to edit local files via javascript. I am working now on a WYSIWYG editor - HTML file with jQuery, which generate text of whole setting file and user just copy this generated text into .js file.
π: 0 β©: 1
why not have WYSIWIG editor integrated with the start page and have it replace the .js file it generated entirely that way we don't have to do any copy pasting stuff. All I am trying to say is to turn it into a start page like Chrome or Opera which can have each block editable separately inside the start page.
π: 0 β©: 1
I am working now on a WYSIWYG like editor. You must be patient.
π: 0 β©: 0
Hello,
I really love your start page, so I have ported it to the Sony PSP.
My question is: can I share my port to the Internet, giving you credit for all your work?
Thanks in advance,
Pasarel
π: 0 β©: 1
You can share my work if you attribute the work.
π: 0 β©: 0
great job
can you tell me how to get the link to open in a new tab? thanks
π: 0 β©: 2
The easiest way is to click on link by middle mouse button, or use a extension. If this is not enough, I'll give you an advice how to make it by changing the code.
π: 0 β©: 0
If you click with the Scroll, it automatically opens the link in another tab.
But I don't know how to do this, if you want to do it clicking with the left button...
π: 0 β©: 0
Very Nice!
But, has as make the background "slip" along with the panels?
π: 0 β©: 0
Wonderful!
Would you please tell me how to make these white logoοΌ
I like it very muchοΌ
Thank youοΌ
π: 0 β©: 1
I wrote it in a reply on one comment. The easiest way is to find a PNG logo in solid black colour on internet (with google image search) and then just make a negativ of this image. Or you can find vector version of logo and edit it in vector graphic editor, like Inkscape.
π: 0 β©: 1
Wow...
so complicated for me(novice)οΌ
but I will try.
Thank you ~
I really admire youοΌοΌ
π: 0 β©: 1
You can look at ~jeppethe deviation, he made some logos for my EIGHT and I think if you request him, he could make some logos for you.
π: 0 β©: 1
What a perfec cooperation it isοΌ
ReallyοΌmaybe notοΌtrouble for
him
because.. itβs hard to say!
π: 0 β©: 0
Can i use a wallpaper as background?
π: 0 β©: 1
Of course, add background-image:url('--link to your wallpaper--'); to body section [line 32] in 'lib/style.css'.
π: 0 β©: 0
how can I make default typing return to the omnibar?
π: 0 β©: 1
In 'lib/script.js' delete every line that contains .focus() or .focusout().
π: 0 β©: 0
Is there anyway that I could just use this as a desktop? I would just love the background with blank squares.
π: 0 β©: 1
If you want a wallpaper with blank squares, just change names of thumbs images in source.js. Browser won't find images with changed names and squares will stay blank. Than you can capture this.
π: 0 β©: 0
how can I change the purple background? I tried editing the bg.png in the lib folder but my browser still shows the purple one..
π: 0 β©: 1
you change the bg color in style.css . Look for this line of code:
body{
background:#260930;
overflow: hidden;
}
change #260930 to the color you want.
π: 0 β©: 1
thanks! that did the trick. also, the favicon doesn't show when I open it using google chrome. you know how to fix that?
π: 0 β©: 1
see my reply on ~Player7up comment
π: 0 β©: 1
Just read it.. that's too bad for chrome.. i was also wondering if it was possible to make just the tiles move while the text on the upper left part stay in place? If it was, could you tell how?
π: 0 β©: 0
this would be perfect if it allowed auto resizing (i.e. resizes the tabs to a smaller size) when the browser isnt maximized
π: 0 β©: 1
Am I doing something wrong? When I save a custom thumbnail and apply it, it looks fine in Firefox but IE9 just shows a placeholder for the image. The stock thumbnails show up fine in IE9, only the ones I am creating don't show. I am using the image size from the sketch and saving as .png, am I missing something?
π: 0 β©: 1
I do not know where is the problem, I do not have IE9, so I cannot test this. Try it in other browsers (chrome, opera) or try to change image you are creating.
π: 0 β©: 0
you should add hover effect for all arrows
π: 0 β©: 0
Hi there... Really great work on this home page... Anyway, I wanted to know is there any chance to have focus on address bar (in Google Chrome) instead of search bar in start page? Thanks
π: 0 β©: 1
No, we can work only with DOM (i.e. with document).
π: 0 β©: 0
Looks great, is there any way to change the background so it's transparent/glass? I tried using
-moz-appearance: -moz-win-glass !important;
background:none transparent!important
but it didn't work D: Also, can I set it to the about:blank page?
Thanks
π: 0 β©: 1
I use win xp, so I can't test this 'glass' properties.
I don't know what are you meaning by set it to the about:blank page. If you want to have this start page on new tab, you can use Tab Mix Plus and there set to open homepage on new tab.
π: 0 β©: 1
Ahh Okay, thankyou 
π: 0 β©: 0
1. congrats on the DD. 2. how to start on middle screen( for "balance") 3. why no dA button???? (ok, I can add it myself)
π: 0 β©: 2
If you want to have second screen as default when you load start page, in 'lib/script.js' replace:
from line 41
$('#place').css('left',left1);
var wrapperPos = 1;
$('#wrapper1 input:text').focus();
var animDone = true;
with this:
$('#place').css('left',left2);
var wrapperPos = 2;
$('#wrapper2 input:text').focus();
var animDone = true;
$('#button1to2').hide();
$('#button2to1').show();
$('#button2to3').show();
$('#button3to2').hide();
π: 0 β©: 1
wow, thanks! your 'customer service" is amazing!
π: 0 β©: 0
Doh. oh there's the da button! lol now I have two dA buttons!
π: 0 β©: 0
1. congrats on the DD. 2. how to start on middle screen( for "balance") 3. why no dA button????
π: 0 β©: 0
see my reply on ~Hyoko-x3 comment
π: 0 β©: 1
I went to the deviation page and it seems that all the stats and comments have been reset. There's no record of anything there.
π: 0 β©: 1
<= Prev | | Next =>