HOME | DD
flatmo1 β
EIGHT - start page - UPDATE
by-nd
Published: 2011-06-12 18:27:47 +0000 UTC; Views: 300634; 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
It is only a website error, I hope.
π: 0 β©: 1
Yeah it's fixed now. Thanks for the help!
π: 0 β©: 0
Nossa! Gostei muito dessa nova de organizar os principais links de acesso. Tem uma linguagem bastante atrativa.
π: 0 β©: 0
Wow! This is awesome!!!
Ummm, if it's possible, can you explain the steps to how to use it/edit it after clicking the download button?
I know some basics but I'm an amateur with this.
π: 0 β©: 1
see my reply on ~Hyoko-x3 comment
π: 0 β©: 1
π: 0 β©: 0
seems to be to complicated in it's use for me.
π: 0 β©: 1
But there is nothing hard:
- bookmark[0][0] mean, that it is first bookmark on first screen, so bookmark[1][5] mean, that it is sixth bookmark on second screen
π: 0 β©: 1
Try my new webpage for EIGHT - start page - eight.kx.cz , maybe this page will help you.
π: 0 β©: 1
Is there a way to change the background to a image ?
And a way to change the font color ?
π: 0 β©: 1
Everything is in 'lib/style.css':
to change background to a image change
body{
background:#260930;
to
body{
background-image:url('');
to change font color change
color:#fff;
in
#name1,
#name2,
#name3{
or
.title{
section
π: 0 β©: 1
Thank you a lot !! My start page is soon finished
Just two last question please !
- How can I put the BlockName in the middle of the page ?
- Can we change the color of the effect when moving the mouse over?
Sorry if my engish is bad, i'm French.
π: 0 β©: 2
To center blocknames just change in 'lib/style.css'
#name1{
left:5px
}
#name2{
left:1050px
}
#name3{
left:2095px
}
to
#name1{
left:493px
}
#name2{
left:1538px
}
#name3{
left:2583px
}
to change hovewr effect color go to 'lib/script.js' and on line 15 change #fff (2x) to hex code of your color
π: 0 β©: 1
Thank youuuuu !! very great job
π: 0 β©: 0
Oh and can we change the name of the start page ? (i mean the "New Tab")
π: 0 β©: 0
From lifehack!
very nice work!
Is there a way to change from logo to title + grobe icon ?
please...
π: 0 β©: 1
If you want to have title + icon instead of logo, just leave free space in thumb section in 'source.js' ('thumb':'')
π: 0 β©: 1
Oh!successful!
Thanks for your kindness!!
π: 0 β©: 0
That's AWESOME 
π: 0 β©: 0
Congratulations on the DD
π: 0 β©: 0
Amazing! I was doing something like this.
But Can I change some websites for my use ? And if I want to release it, I could give you ALL RIGHTS, What you think ?
Thanks.
π: 0 β©: 1
Yes, you can use your favourite websites, you can edit this in 'source.js'.
π: 0 β©: 1
Is there a way to change the background color?
π: 0 β©: 1
yes, open style.css in the lib folder and scroll down to this:
body{
background:#260930;
overflow: hidden;
}
This line is at the top below the two @font faces.
Change the hex code there to any colour you want. Hope this helps!
π: 0 β©: 1
Thank you! thats exactly what i was looking for.
π: 0 β©: 0
This is really great. Good work.
π: 0 β©: 0
I really love this. The layout, the colors, the coding, it's stunning. Great web design.
π: 0 β©: 0
This is really cool, but how would i make it so that this page shows when I open a new tab and keep google as the homepage? Any ideas?
If it's not possible I'll try to whip up an addon
π: 0 β©: 1
Yes, it is possible with Tab Mix Plus for Firefox. Maybe there are similar addons for other browsers, too.
π: 0 β©: 1
Got it, sweet, thanks a bunch!
π: 0 β©: 0
Cool, found from lifehacker. Code is very easy to read.
Just the settings you want are extracted to a small .js
π: 0 β©: 0
What do i have to change, to focus the second screen when i reload the page?
π: 0 β©: 1
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
Yeap, that's it.
Thanks a lot.
π: 0 β©: 0
This is a modified version of EIGHT made for netbooks screens. Tested on a Asus EEE 1005HA with Debian Squeeze and Firefox 5. Maybe you will need to hide certain browser menus (like bookmarks) and use Fullscreen mode... Enjoy! [link]
π: 0 β©: 1
Oh wait, I modified some icons and links and I forgot to restore the original links. Also, the new version is in .zip format, so Windows users won't have any problems to open it: [link]
π: 0 β©: 0
Favicon doesn't seem to want to show up on IE8 or Chrome for me. Nothing was changed on my interface besides going from 3 to 2 screens and my own changes to the icons on the first page.
Besides that I simply love your design!
π: 0 β©: 1
<= Prev | | Next =>