[x]

Browse More Like This

Download Image
PNG, 1268×752 more ▶

More from ~k3ttc4r

View Gallery

Featured in Groups:

#HTMLCreations
Power to the web

Details

Submitted: December 7, 2008
Image Size: 15.1 KB
Resolution: 1268×752

Link

Thumb

Statistics

Comments: 290
Favourites: 355 [who?]
Views: 93,262 (9 today)
Downloads: 13,256 (0 today)

[x]

startpage.rwrt upd8 2011.04.18by ~k3ttc4r

Designs & Interfaces / Web Interfaces

This is not an update!

It's a complete rewrite.

I've been talking about doing a rewrite forever now, and after I noticed this got featured on lifehacker, I finally got to work on this last night. I've borrowed a good bit of *Gocom's Estacado start page (thanks for using my favorite OSS license, btw.), to ensure some decent increases in userfriendliness (to be honest - I just don't feel like answering any more "how do I add more links?" qestions). No need to know HTML or read some of the various comments that used to be in the file to change links! Yayer!

Yeah, so the entire JS code switched from Mootools to jQuery (imo. the superior framework), and it's a lot cleaner and more organized than before (wasn't hard - it was a mess before).

I've removed the download link from here, because - let's face it - dA isn't meant for software distribution, and I don't feel like I have to go through the hassle of trying to make it cooperate.

Short feature list:

*new*Unlimited link blocks

*new*Unlimited links per block

Google search

*new*No HTML skills needed to add links

jQuery dropdown animations on hover

If you want the new version, get it on github:

»Download«

Todo:

_{Fix stylesheet for cross-browser good looks}

Changelog:

_{2011.09.12

Fix searchbar focus, added setting.

2011.04.18

Added Google Image search

2011.02.20

Added config file

Added search engines

Yahoo

Wikipedia

dict.cc

dict.leo.org

flickr

deviantART

Added setting to enable/disable opening links in new window/tab}

~~neutral 0 0~~

~ParatrooperJoe Apr 5, 2013

Okay, so I am lost on editing the index.html file.... How can I create my own Headers and also how do I add my own links under each Header. Everytime I try to make changes using the format shown withing the index.html page itself, My links and headers are not coming out how I want them to. It is almost as if there is another setting somewhere (maybe in a css file?) that tells this page that Header one will have two links, header two will have one link, etc etc.

I want to be able to put how ever many links I want under the first header, and then put how ever many links I want under the second header, etc. Using this is provinf to be a pain in my side! Any help would be appreciated!!

-- Paratrooper Joe --

~ParatrooperJoe Apr 5, 2013

I am having trouble making my own Headers with Sub headers for links. My First Header and sub headers (with two links) works just fine. My next header shows up but the Sub header should contain 3 links but it only shows 1 and it attached the next link to the subheader name. Here is the section of code pertaining to the links...:

****BEGIN CODE****

<html xmlns="[link]" xml:lang="en" lang="en">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style/style.css" type="text/css" />
<script

type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="settings.js"></script>
<script

type="text/javascript" src="js/script.js"></script>

<title>Joes Start Page</title>

</head>
<body>

College Links
[link] || My_Edison
[link] ||

Student Services

Banking
[link] || USAA[link] || Chase[link] || Money Network Card

Coconutty
[link] || NG

New Block
[link] || Lol, Wut?

Bananas
[link] || crshd.cc
[link] || rahforum.biz

</body>
</html>

***END CODE****

~ParatrooperJoe Apr 5, 2013

Okay so the above code is all kings of messed up....I am going to try and repost it to see if it will show up correctly...:

Actually, I am not sure how to post the code on this site properly...any ideas?

~Orca239 Feb 18, 2013

Hey-o. I love this!

Is there any way to keep links visible instead of the animation-like hiding? It keeps bouncing when I try to navigate to it, and I'm using it to get to links quickly at work.

Thanks!

~Orca239 Feb 18, 2013

Scratch that--I figured it out. x_x It was much simpler than I thought it would be.

Thanks again! This is wonderful!

~mikokliko Dec 21, 2012

How can I disable the check for //?

If you don't use // in your URL, it;s not a link, but I would like to user callto: and mailto: url's.

~mikokliko Dec 21, 2012

I would also like to add callto: and mailto: URL's

The script checks for // and if not, It's not a URL.

How can I disable that?

~k3ttc4r Jan 11, 2013

I guess I can make it run several tests, maybe even configurable through the config file. I'll get back to you once it's done, if you're still interested.

~felixhhlui Aug 26, 2012

How do you add a picture background? It's in style.css, but I don't know how to do it

~endor43 Oct 12, 2012

background: url(/folder/image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

This is for style.css

More from ~k3ttc4r

Featured in Groups:

Details

Statistics

startpage.rwrt upd8 2011.04.18by ~k3ttc4r

»Download«

Todo:

Changelog:

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style