Shop Mobile More Submit  Join Login
Awesome startpage by YaroManzarek Awesome startpage by YaroManzarek
Credits
Inspired by [link]
Background by [link]

Compatibility
:icongooglechrome-plz: :iconfirefoxplz: :iconsafariplz:

Instructions inside index.html
Meant for users with a minimum knowledge of HTML/CSS

DON'T follow me on twitter
IGNORE my tumblr
Add a Comment:
 
:icondarknesschild123:
DarknessChild123 Featured By Owner Feb 20, 2015  Hobbyist General Artist
Hello, I just wanted to say thanks for the awesome startpage :3
Here's how mine turned out: [link] ^^
Reply
:icondavidbknox:
davidbknox Featured By Owner Jul 19, 2014
Having an issue and hoping someone can help.  I can't get the links to link outside of the local folder. (example: If I try to link to google it's looking for google in the folder where index.html is located.)

Help a loser out!
Reply
:iconbree-tree:
bree-tree Featured By Owner Aug 12, 2013
so i managed to finally open the instructions 
since it kept just taking me to chrome.

my question is, how do you install this? like, where exactly do you put
the html?
Reply
:icontsitra360:
Tsitra360 Featured By Owner Aug 12, 2013
You can put the HTML anywhere, but recommended in a place you know where it would be, like Documents, or make a new folder dedicated to customizations.  "since it kept just taking me to chrome" You don't want to use Chrome? You must have it as your default then. Google "Change default browser" for your specific windows version.

If you are using Chrome, that's a little tricky as Chrome doesn't have a specific function to open a new tab and automatically open a specific URL, which you need for it to work.  There is an extension called "Tab Redirect" for chrome, but for some reason I can't get to it. You can try yourself and see if you have more luck than me chrome.google.com/webstore/det… Otherwise use Firefox or Safari instead.
Reply
:iconbree-tree:
bree-tree Featured By Owner Aug 12, 2013
actually, i just figured everything out!
thank you so much for the tab redirect, or it would have never worked on chrome!
you're the best <3
Reply
:icontsitra360:
Tsitra360 Featured By Owner Aug 12, 2013
You're welcome, when in doubt, go to google hehe. That's what I did when I realized Chrome had no customization for a new tab homepage.
Reply
:iconbree-tree:
bree-tree Featured By Owner Aug 12, 2013
it was a huge help. it's all pretty now :)
Reply
:iconbree-tree:
bree-tree Featured By Owner Aug 12, 2013
alright, so the tab redirect worked perfectly! so now
when i click a new tab, it goes to the startpage... however, how do i edit it?

currently it's opening straight into chrome, but as the example version.
(so like, where the first link says example, and all the rest say untitled)
how do I edit the coding so that it has my custom shortcuts/hotkeys?
especially since anytime i open the index, it opens the actual startpage
into chrome. (if that makes any sense)

also, with the HTML, do i need to save it as a certain type of document?

Reply
:iconjambodean:
JamboDean Featured By Owner Jul 2, 2013
i have no clue about coding but managed to figure it out on how to set this up, quite chuffed, but its obviously made to be simple! Cheers
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 3, 2013  Professional Interface Designer
Glad to hear that! Cheers.
Reply
:icontunabolism:
tunabolism Featured By Owner Jun 25, 2013
Really nice work, Looks awesome!
Reply
:iconvnsharingfan:
vnsharingfan Featured By Owner Mar 24, 2013
Excuse me, but how do you add this as a tab page in Chrome? I can only set it as a homepage, and when I open a new tab, it's back to the default background. :"< I really like this so I want to find a way to set it for every tab
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jun 24, 2013  Professional Interface Designer
Hi, sorry for the late reply.

You can use an extension to override your default new tab page. Search on the Chrome Web Store "awesome new tab page".
Reply
:iconmaxharuno:
maxharuno Featured By Owner Mar 9, 2013  Hobbyist Artist
can u make a instruction manual for those who dont knw anything about HTML/CSS a short one if u can :) ..just to make people understand how to make it work ty ...that would help me and others a lot
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jun 24, 2013  Professional Interface Designer
I made the code as simple as I could, but I don't intend to teach people how to use basic HTML/CSS. Man, I even put annotations in the code.
Reply
:iconkevinsano:
kevinsano Featured By Owner Dec 10, 2012  Professional Digital Artist
Hi, here's an alternate date.js that has a 12 hour format. [link]
Reply
:icontsitra360:
Tsitra360 Featured By Owner Dec 10, 2012
Haha! I love the easter eggs in the code ;) This is what my startpage now looks like [link]
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Dec 17, 2012  Professional Interface Designer
Holy shit, I didn't expect that :iconbrohoofplz:
Reply
:icontsitra360:
Tsitra360 Featured By Owner Dec 20, 2012
:iconbrohoof: Would you like me to share this on my social sites? I think an estimate of 300-500 people may see it.
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Dec 24, 2012  Professional Interface Designer
Yeah why not?
Reply
:icontsitra360:
Tsitra360 Featured By Owner Dec 8, 2012
I'll have to definitely use this, thanks!
Reply
:iconchai-latteh:
chai-latteh Featured By Owner Sep 5, 2012
how do you change the time to 12 hr time instead of the 24 hr time on the 'date.js' file?
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Sep 5, 2012  Professional Interface Designer
You need some basic JavaScript skills. Skills that I don't have... which is why I didn't add a 12h format option.
Reply
:iconchai-latteh:
chai-latteh Featured By Owner Sep 5, 2012
oh ok :)
Reply
:iconmatb37:
Matb37 Featured By Owner Aug 31, 2012
Love your work man! This is just awesome!! Is there a way to have 12 hour time instead of 24 hour time?
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Sep 1, 2012  Professional Interface Designer
Yeah, but you'd have to edit the "date.js" file and add the respective changes in order to display the our in 12h format.
Reply
:iconmatb37:
Matb37 Featured By Owner Sep 15, 2012
I'm absolutely horrible at code. Would you be able to tell me what to do or post the a date.js file for 12 hour time?
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Sep 20, 2012  Professional Interface Designer
As I said before, I don't know either D: that's why I made it 24h only.
Reply
:iconhenrymaxm:
henrymaxm Featured By Owner Aug 31, 2012  Professional Interface Designer
I'm loving this! :)
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Sep 1, 2012  Professional Interface Designer
Thanks man!
Reply
:iconsierradesign:
SierraDesign Featured By Owner Jul 31, 2012   Interface Designer
This is so awesome. Gonna have a play around and see what I can do with it. ;)
Reply
:iconxxbelkyxx:
XxBelkYxX Featured By Owner Jul 27, 2012  Student Photographer
It's really ossom!
Reply
:iconsanchezpistola:
SanchezPistola Featured By Owner Jul 25, 2012
Cool
Reply
:icontheintenseplayer:
theIntensePlayer Featured By Owner Jul 17, 2012  Hobbyist Interface Designer
Amazing! Though I don't think it would fit all of my 18 bookmarks.
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 17, 2012  Professional Interface Designer
From the instructions inside index.html:
- 9 is the maximum number of bookmarks you can add

:P
Reply
:icona3canton:
a3cAnton Featured By Owner Jul 16, 2012
Awesome animation in the css , simple & effective congratulations !!
The effect is impressive.
I only miss a transition in links when hover , but is a good code.
Regards :)
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 18, 2012  Professional Interface Designer
But there is a transition when you hover the links :hmm:
Reply
:icona3canton:
a3cAnton Featured By Owner Jul 19, 2012
Yep, sorry I'm wrong , only look on ":hover" , and don't see the "0,1s linear transition"

Anyway it's awesome , said before .
Regards.
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 19, 2012  Professional Interface Designer
Thanks bro :)
Reply
:iconntim007:
ntim007 Featured By Owner Jul 15, 2012
does the hotkeys work
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 16, 2012  Professional Interface Designer
Yes they do.
Reply
:iconntim007:
ntim007 Featured By Owner Jul 16, 2012
how ? :)
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 18, 2012  Professional Interface Designer
Read inside index.html :) you set the hotkeys and then press the assigned number. In the preview, for example, if I press the "3" key, it'll open Facebook.

However, I got rid of them. There will be no date/hotkeys in the next update since almost nobody uses them and they make the page-load slower.

Cheers!
Reply
:iconntim007:
ntim007 Featured By Owner Jul 18, 2012
Good ! but if you add a search box, you won't be able to type 1,2,3
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 19, 2012  Professional Interface Designer
I know, that's one of the main reasons I got rid of the javascript stuff.
Reply
:iconnorthdakota91:
NorthDakota91 Featured By Owner Jul 11, 2012
Looks great dude, thank you for sharing :)
Reply
:iconskinnydenim:
SkinnyDenim Featured By Owner Jul 9, 2012  Hobbyist General Artist
OH GOD THIS REALLY IS AWESOME. :iconaaaahplz:
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 9, 2012  Professional Interface Designer
Thanks! :la:
Reply
:iconviadavid:
viadavid Featured By Owner Jul 8, 2012
This is going to sound really stupid, but how do I make this my startpage on Safari? :/
Like, how do I even begin to use it?
Reply
:iconyaromanzarek:
YaroManzarek Featured By Owner Jul 8, 2012  Professional Interface Designer
Do you have any HTML/CSS knowledge?
Reply
Add a Comment:
 
×




Details

Submitted on
July 4, 2012
File Size
985 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
10,507 (2 today)
Favourites
161 (who?)
Comments
70
Downloads
2,633

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×