Shop Mobile More Submit  Join Login
Ubuntu Homepage by spiceofdesign Ubuntu Homepage by spiceofdesign
This is what I have been working on for the past few days. Sorry I have not posted in a while, but I have had loads of mock exams to study for and several coursework deadlines. I will do other operating systems if requested enough or if you want to have a play with the source code then feel free, just leave my credit in if you redistribute.

Tested on:
- Firefox 3.6.13
- Chrome 8
- Midori 0.2.4

Note - This may not look the same on webkit as it does in Firefox (screenshot is Firefox) - although one plus is that in webkit there is placeholder text in the search field.
Add a Comment:
 
:iconbtkostner:
Btkostner Featured By Owner Jan 19, 2011
Two Words

elementary OS

:)
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 19, 2011  Hobbyist Interface Designer
There is an elementary one if you look.
Reply
:iconbtkostner:
Btkostner Featured By Owner Jan 22, 2011
Ok, found it. thanks and keep up the awesomeness
Reply
:iconlf-scarab:
LF-Scarab Featured By Owner Jan 18, 2011
there is just the problem that i don't know how to do this :(
would you help me?
Reply
:iconlf-scarab:
LF-Scarab Featured By Owner Jan 18, 2011
Thanks for sharing this!

Is it possible to add some web, images and maps buttons like they are in this mod: [link] ?
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 18, 2011  Hobbyist Interface Designer
Like it says in the description, feel free to modify the code as you want, just be sure to credit me for the original.
Reply
:iconalex3me:
ALEX3ME Featured By Owner Jan 16, 2011   Interface Designer
nice! :+fav:
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 16, 2011  Hobbyist Interface Designer
Thanks!
Reply
:iconsdbinwiiexe:
sdbinwiiexe Featured By Owner Jan 10, 2011  Hobbyist General Artist
I've created an updated version with the official Ubuntu branding colour scheme if you're interested at all in taking a look.
[link]
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jan 10, 2011  Hobbyist Interface Designer
That does match the branding better. However I just don't like the "aubergine" colour they picked out.
Reply
:iconiosuna86:
iosuna86 Featured By Owner Dec 20, 2010   Writer
How do you manage to set it as your homepage? I downloaded a bunch of files inside the .zip archive, what do I do next?
Thanks for sharing such a great design!
Reply
:iconsdbinwiiexe:
sdbinwiiexe Featured By Owner Jan 10, 2011  Hobbyist General Artist
First off, extract the files from the zip to a folder.

In Firefox or IE, just open the page then go to Tools > Options...
Then press the "Use Current Page" button.

I'm not sure about chrome or other browsers, but they'll likely have a similar option in their options.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 20, 2010  Hobbyist Interface Designer
Extract the .zip archive to a safe location. Then (in Firefox) go to File > Open File (CTRL+O) navigate to the location of the homepage.html file. Open it, then go to Edit > Preferences and go to the General tab. Then press uses current page for the homepage option. For Chrome and other browsers you will have to ask around (as I do not use Chrome) but I coded it so it should work.
Reply
:iconiosuna86:
iosuna86 Featured By Owner Dec 21, 2010   Writer
It works!! I use Firefox too, so your instructions are just what I was looking for.
Thank you so much for your quick response!!
Reply
:iconthafitos:
ThaFitoS Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
Ahhhh! Too much purple!
Use aubergine (Canonical's color) instead.
[link]
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 18, 2010  Hobbyist Interface Designer
I never liked the purple they chose!
Reply
:icontatsujin79:
Tatsujin79 Featured By Owner Dec 17, 2010
nice gradiant on the colors, but it just feels too much like bing
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
If you don't like it, don't use it.
Reply
:icontatsujin79:
Tatsujin79 Featured By Owner Dec 17, 2010
just a comment bud and actually i do like it
Reply
:icongazornonplat:
gazornonplat Featured By Owner Dec 17, 2010  Hobbyist General Artist
Permission to turn this into a wallpaper, Captain?
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
Give me 10 minutes and I'll for it for you. What size do you want it?
Reply
:icongazornonplat:
gazornonplat Featured By Owner Dec 17, 2010  Hobbyist General Artist
Oh right, lol. 1024x600 if that's possible. Thanks dude.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
Here you go: [link]
Reply
:icongazornonplat:
gazornonplat Featured By Owner Dec 17, 2010  Hobbyist General Artist
Cheers.
Reply
:icongazornonplat:
gazornonplat Featured By Owner Dec 17, 2010  Hobbyist General Artist
Very very nice. Thanks a bunch for making it.
Reply
:iconwolfvik83:
wolfvik83 Featured By Owner Dec 17, 2010
Love it! Very clean and a refreshing change.
Reply
:iconikeluther:
ikeluther Featured By Owner Dec 17, 2010
A little question, maybe stupid but: Is there a way to intergrate the thumbnails of the most visited websites in Chrome? With a better design than in Chrome?
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
I might look into it. Because of the popularity of this I will work on releasing version 2.
Reply
:iconikeluther:
ikeluther Featured By Owner Dec 17, 2010
I'm thankful you might look into it. :)
Reply
:iconikeluther:
ikeluther Featured By Owner Dec 17, 2010
AWESOME!! And genius idea!
Reply
:iconticopelp:
ticopelp Featured By Owner Dec 16, 2010
Looks cool, but doesn't display properly in Opera. Cheers
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 16, 2010  Hobbyist Interface Designer
Sorry, I didn't test it in Opera, only Chrome and Midori. Can you post a link to a screenshot and tell me the version number to help me fix it.
Reply
:iconticopelp:
ticopelp Featured By Owner Dec 17, 2010
My problem is the same as gwallgofi described above -- the layout is fine but the purple gradient doesn't show up. It's pure white.

I'll probably just go in and add a background myself. :D
Reply
:icongwallgofi:
gwallgofi Featured By Owner Dec 17, 2010
Layout is correct in Opera but it does not display the purple background (I assume this is generated from the CSS? If so, then it fails with that. Tested with Opera 11)

You can use this website - [link] - to get screenshots of how your website look across many different browsers on different platforms.
Reply
:icongwallgofi:
gwallgofi Featured By Owner Dec 17, 2010
A quick look suggest that Opera doesn't do colour gradients for background (Opera tend to be more fussy about following specifications so if it's not in specification, it's not supported. I don't think colour gradient is yet defined in CSS3?) so you might want to make a fallback onto a single colour for Opera. Hope that's of some help.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Dec 17, 2010  Hobbyist Interface Designer
I'll add in a flat colour fallback for Opera.
Reply
:iconanforguiven:
anforguiven Featured By Owner Dec 16, 2010
Increible Hermano muchas gracias Joy
Reply
:iconkaheil:
Kaheil Featured By Owner Dec 16, 2010
Really great. I won't be using it as my homepage, but rather instate of google ([link]) :)
Reply
Add a Comment:
 
×
Download ZIP download, 20.1 KB




Details

Submitted on
December 16, 2010
File Size
20.1 KB
Link
Thumb
Embed

Stats

Views
9,206
Favourites
23 (who?)
Comments
38
Downloads
1,973

License

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