[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

Starpage Thread

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 306
Thread images: 84

File: des.png (1MB, 1024x768px) Image search: [Google]
des.png
1MB, 1024x768px
WTF
No startpage thread??
>>
>>6407522
Plz ignore shitty resolution and Polish-Spanish-English language combo
>>
File: Capture.png (2MB, 1292x889px) Image search: [Google]
Capture.png
2MB, 1292x889px
not my best tbH
>>
File: startpage_woods.png (3MB, 1920x1160px) Image search: [Google]
startpage_woods.png
3MB, 1920x1160px
here's my thing
>>
File: 1448926387770.jpg (352KB, 2048x1365px) Image search: [Google]
1448926387770.jpg
352KB, 2048x1365px
Just contributing an image so it's not a completely useless post, how do I get something like this?
>>
>>6407528
In my case (OP), I wrote the css and html from scratch, just trying different things(used only basics actually), then in another startpage thread some anon gave the search bar Javascript and I edited it a bit so it is suits better my needs.

After that(you see there is no address) I wrote a very short chrome extensions, which I dont recommend as if you don't upload it to chorme store it will make trouble whenever you start the browser, but I got used to it
>>
File: wg-startpage_Palms.png (1MB, 1400x900px) Image search: [Google]
wg-startpage_Palms.png
1MB, 1400x900px
>>6407528

>>6407527 here. Designed a mockup in photoshop, then wrote the html/css.

If you don't know how to do that kind of thing, plenty of people make their startpage designs/code available to use, with simple instructions on changing the wallpaper/links etc. Unfortunately I just wiped my history and stuff so I dont have any links for you

Anyway here's another mockup i did, if someone wants to code this up they're more than welcome to because html/css is not my strong suit desu
>>
File: Untitled.jpg (315KB, 1680x915px) Image search: [Google]
Untitled.jpg
315KB, 1680x915px
shit taste i know

>>6407527
like this
>>
>>6407557
Nah, yours is shittier
>>
File: 1448406498248.jpg (2MB, 2560x1440px) Image search: [Google]
1448406498248.jpg
2MB, 2560x1440px
>>6407547
>>6407534

These look really good, unfortunately I don't have any knowledge on how to do anything like this. I guess I'll go google some more, thanks.
>>
>>6407557
UhuUouUu, share mah brotha!!!!
>>
File: 13.gif (1MB, 1920x1080px) Image search: [Google]
13.gif
1MB, 1920x1080px
I forgot to bump it regularly and it got deleted.
>>
>>6408055
This one is excellent. Mind doing a .rar ?
>>
File: newtab.png (192KB, 1352x816px) Image search: [Google]
newtab.png
192KB, 1352x816px
'ello
>>
>>6407826
Use tab on the search you can hold down shift + enter to open the result in a new tab. Theres also the option for hidden links.

ge(dot)tt(forward slash)2LL2EaT2

>>6407559
I meant I like it
>>
>>6408326
I have this Homepage and the previous before that in my pastebin. Thae this, for example:

HTML
>http://pastebin.com/YHPYB8Hn

CSS
>http://pastebin.com/wZm0s32z

Firefox CSS
>http://pastebin.com/LBS6e2wn
>>
>>6408441

the
"[class^='linq']:hover
{
background-color: #000000 !important;
}"
is supposed to change the color of the small squares, or something else, im trying to figure this out but it aint working, bit new to CSS.
>>
File: ss+(2015-12-13+at+01.29.39).png (681KB, 1889x1018px) Image search: [Google]
ss+(2015-12-13+at+01.29.39).png
681KB, 1889x1018px
>>
>>
>>6408606
How do you modify your browser to look like this?
Not the start-page, but I mean the browser itself.
>>
>>6408618
source code pls
>>
>>6408673
I'm using Firefox with the Stylish extension and a modified Melbourne CSS
>>
>>6408594
Not the same guy but that will change anything that has a class that begins with "linq" e.g. "linq1" to have a black background when you hover over it so yeh the small squares.
http://www.w3schools.com/cssref/css_selectors.asp
>>
>>6408594

As >>6408927 said, that's put for each class that start with "linq" have a black background when you do an over, that is, when you put the mouse (in this case) ON the thing with the class linq* (that's linq1, linq2 etc. . .)
>>
My knowledge of html is very limited.
>>
>>6409700
Where did you get those icons?
>>
>>6408343
Best page.

Mind sharing this?
>>
>>6408618
sweet javascript
>>
>>6409700
>facebook
>>
>>6408675
Her you go:
>>
>>6407528
>>
>>6408606
Could you upload html and css?
>>
>>6409876
>>6409873
>>
File: c41cd0826b9cb2645472bf51bea2a753.jpg (372KB, 1364x665px) Image search: [Google]
c41cd0826b9cb2645472bf51bea2a753.jpg
372KB, 1364x665px
>>
>>6409752
I made them :)
>>
>>6410034
really nice startpage, can you share the full code and pictures?
>>
>>6408343
I swear you're doing it on purpose at this point. Showing off your page and then not responding when people ask for the source.

Not that I ind, but I'm sure the others do.
>>
>>6407525
do you have a tutorial for that?
>>
>>6407523
Can you share this? It's everything I've been looking for.
>>
>>6407522
Give me the code please
>>
>>6410924
Sure, here you go.

https://www.dropbox.com/s/qhcnwkktjw8r5fv/startpage.zip?dl=1
>>
>>6410034
mind sharing that wallpaer?
>>
File: Screenshot 2015-12-16 19.47.36.png (2MB, 1920x1080px) Image search: [Google]
Screenshot 2015-12-16 19.47.36.png
2MB, 1920x1080px
>>6411505
Thanks, I modified it abit for my own personal use
>>
>>6412020
>kek
that youtube tab and 9fag.
>>
>>6412057
I browse 9gag during school cause they block 4chan
>>
well, here it is.

it used to look better, but I'm working on something new. So this is just laying and waiting to be replaced

every line is link w/ corresponding color (ddg, protonmail, mega, dropbox, evernote, ...) and text is shown only when hovering over that line
>>
File: 1419650311014.jpg (316KB, 1920x1080px) Image search: [Google]
1419650311014.jpg
316KB, 1920x1080px
>>6411816
not him but I have it
>>
codepen.io/pen/YXbqqN
>>
>>6412186
Fucking smooth. 10/10.
>>
>>6412066
back then my school was too dumb to block 4chan fully
they just blocked 4chan.org but not boards.4chan.org , so accessing boards was possible
>>
File: Capture2.png (1MB, 1440x859px) Image search: [Google]
Capture2.png
1MB, 1440x859px
I'm basic
>>
>>6412838
can someone tell me a good tutorial or can someone explain how u can do such startpages.
This seems cool :(
>>
>>6412838
I want to know how to do this too )=
>>
File: newtab.jpg (743KB, 2560x1440px) Image search: [Google]
newtab.jpg
743KB, 2560x1440px
Mine
>>
How do you guys do this? It's really cool!
>>
>>6412888
go to w3schools.com, learn basic CSS and html5, and start having fun :)
>>
>>6412926
was meant for >>6412924
>>
>>6412926
Thanks bro!
>>
>>6412916
9/10
>>
>>6412916
share css?
I would change the hover to a dark blue by the way
>>
>>6412888
>>6412898
Well for that I used New Metro Tab
It's an extension for Chrome
https://chrome.google.com/webstore/detail/new-metrotab/oogmkbpkoblajkomflhkkdmbfggdmefd?hl=en
>>
>>6413028
Btw you can also make your own CSS with it but I like the original
>>
File: buttonssssss.png (34KB, 1806x870px) Image search: [Google]
buttonssssss.png
34KB, 1806x870px
I'm sorry for just posting the question but I notice some of you use chrome and have the windows 10 cool looking flat control buttons, but for me they look like straight from vista times and I have no idea how to change that
is it possible to use custom themes and get standard buttons that very other program uses?
>>
File: Capture5.png (1MB, 1435x898px) Image search: [Google]
Capture5.png
1MB, 1435x898px
>>6413233
Mine is the same.
i think it changes if you get a different chrome theme.
>>
>>6411460
>>6411451
I'll share it in a while because I made it for my resolution in positon:fixed, so any bigger screens will fuck it up, give me a day
>>
>>6413679
Holy shit thank you OP
>>
File: ebin v0.1.png (2MB, 7999x4503px) Image search: [Google]
ebin v0.1.png
2MB, 7999x4503px
I want to design a startpage, but I know that at the same time while it would look good I would never use it because I just type b into the search bar and i automatically get boards.4chan.org/(x) or whatever other website I want. Should I do it just for the looks?
>>
>>6408055
how do you get your firefox to look like this?
>>
File: Startpage.webm (3MB, 1680x912px) Image search: [Google]
Startpage.webm
3MB, 1680x912px
>>6412186
>>6412744
I modified the code and added a working google search bar along with some animations.
This is how it looks now.
>>
>>6414227
You have to edit the browser. Go nanami-tan.info or stlysh (add-on) and start researching, mate.

>>6414357
The previous version feels cleaner. I like the feel of the bar. Actually, that bar will work better with the other version, with fades instad of bolding.
>>
>>6409912
That's sad man
>>
>>6407525

Damn that's a nice font, what is it?
>>
>>6414495
It says 'monospace' but monospace isn't even a font
>>
>>6414357
Schick!
>>
>>6412020
How did you remove the URL from your start page in the URL bar?
Mine says: file:///C:\...
>>
>>6414890
I just deleted it, when I open the page it says it again
>>
File: venus-citadel.jpg (655KB, 3105x1775px) Image search: [Google]
venus-citadel.jpg
655KB, 3105x1775px
>>6411190
>>6409763

Expiration time is two weeks:
http://pastebin.com/h2X8SKcA html
http://pastebin.com/fscrNBCM css

are you happy now?
>>
>>6414892
What resolution are the images?
>>
>>6414903
52x150
>>
>>6414922
ty sir
>>
>>6414892
Besten Dank
>>
>>6408055
pape?
>>
File: Screenshot 2015-12-19 19.37.09.png (1MB, 1920x1080px) Image search: [Google]
Screenshot 2015-12-19 19.37.09.png
1MB, 1920x1080px
This is the first one I made and I was hoping you could give me some feedback (I will add the links when it is finished)
>>
File: Building-at-Night-Desktop.jpg (829KB, 2560x1440px) Image search: [Google]
Building-at-Night-Desktop.jpg
829KB, 2560x1440px
>>6414987
>>
File: StartPage.jpg (53KB, 1366x746px) Image search: [Google]
StartPage.jpg
53KB, 1366x746px
inb4redditfag
>>
>>6414225
why type and click when you can only click?
>>
File: Mute Homepage.webm (3MB, 1920x1080px) Image search: [Google]
Mute Homepage.webm
3MB, 1920x1080px
Old homepage but current is a little boring.
Version w/ sound: http://mokocchi.cf/u/Homepage.webm
>>6407557
I like the search bar.
>>6408055
Favorite, the colors are so nice.
>>6408606
This is nice too.
>>
File: Screenshot (20).png (128KB, 1366x768px) Image search: [Google]
Screenshot (20).png
128KB, 1366x768px
>>6407522
Here i go
>>
>>6407522
OP here
My page:

https://mega.nz/#F!TtNi2JLI!foXHS4X0xnn85Mc2NErxZA
>>
>>6415263
can you share the webm please
>>
>>6415730
Can't upload webm's with sound so here.
http://mokocchi.cf/u/bestcat.webm
>>
File: 1449927994860.jpg (164KB, 1024x1024px) Image search: [Google]
1449927994860.jpg
164KB, 1024x1024px
>>6415733
thanks dude
>>
>>6415668
Thank you very much. Have a great day.
>>
File: ew.jpg (85KB, 1920x1080px) Image search: [Google]
ew.jpg
85KB, 1920x1080px
....... this is bad... i need to make a decent homepage sooner or later......
>>
File: customHome.png (646KB, 1915x950px) Image search: [Google]
customHome.png
646KB, 1915x950px
https://jsfiddle.net/ChrispyChips/0L74e1Lb/
>>
>>6415973
I like it.
>>
>>6415976
Can you share that wallpaper?
>>
>>6414892
thanks!
>>
>>6409700
>>6411505

i have no idea what html is or how people make these, but how can i make this my startpage?
>>
>>6416028
>save the file
>go to browser settings
>set the startpage to the location of the file on your PC (pictures must be in the same folder)
If you want to change the links to some sites you can ask me to do it for you :)
>>
>>6416033
I can figure out how to change links, but how do u get the logos?
>>
>>6416037
>use the original pic from the dropbox file
>search for something like "4chan logo vector"
>put the vector file in the original pic
i use illustrator so i dont really know any good free vector software
>>
File: out.webm (3MB, 1508x816px) Image search: [Google]
out.webm
3MB, 1508x816px
http://twily.info/firefox/homepage-sidebar.html#view
>>
>>6415263
Thanks. I tried so hard this time to get a nice scheme color, since it is the hardest part for me.

I'm glad people like it.

Pure CSS, btw.
>>
File: ew2.jpg (123KB, 1920x1080px) Image search: [Google]
ew2.jpg
123KB, 1920x1080px
>>6415973
i made a better one (added browser css, buttons have fade in fade out, new bg... really liking it
>>
>>6414990
Guter Musikgeschmack Anon
>>
>>6416136
wallpaper photo?
>>
>>6414892
i'm using your stuff and i've decided to keep some of the german links. who knew this shit existed?
>>
is there a guide someone online about how to make these? I can do some basic css stuff but I've never come across how to do these before.
>>
>>6416267

Make a html page, put links to stuff, make the CSS page and reference it in your html page

put all your stuff in the same folder and open html file in browser, set it to your new tab / home page
>>
>>6416275
cheers
>>
File: backgroundOverlayed.jpg (2MB, 2880x1909px) Image search: [Google]
backgroundOverlayed.jpg
2MB, 2880x1909px
>>6416006
>>
File: bg01.jpg (106KB, 1920x1080px) Image search: [Google]
bg01.jpg
106KB, 1920x1080px
>>6416205
here
>>
>>6416204
Danke
>>
File: 2015-12-21-162621_958x976_scrot.png (952KB, 958x976px) Image search: [Google]
2015-12-21-162621_958x976_scrot.png
952KB, 958x976px
>>
>>6414990

Alligator
gut

kek
>>
>>6416753
Alligatoah
>>
>>6416847
Fanboy detected?
>>
>>6416929
Yeah I like Alligatoah, so what?
>>
>>6407525
>apollo
fucking trash
>e-klase
underage latvian detected
>>
>>6414801
>>6414495
Isn't it courier new?
>>
>>6416953
Alles gut, Bruder.
Wollte nur sinnlos provozieren.
>>
>>6416988
*tips fedora
what news sites wouldyou suggest, Kas Jauns?
>>
>>6414892
Nice! Any chance you can upload those images as well?
>>
File: Screenshot_2015-12-21_19-10-03.png (149KB, 1440x900px) Image search: [Google]
Screenshot_2015-12-21_19-10-03.png
149KB, 1440x900px
>>6417287
Never mind, creating your own is a bit more fun.
>>
>>6416136
Hi anon, I'm kinda new to css/html how did you do for the multi-search bar? or could you give me the piece of code you used?
>>
File: 1445566655961.jpg (260KB, 1080x675px) Image search: [Google]
1445566655961.jpg
260KB, 1080x675px
I get it how to make homepage and content inside the browser but how do you customize the browser itself? I mean many people here have custom window frame of a browser(address bar, bookmarks bar , etc.).
How do I customize them? Is it possible on Chrome too , or only Firefox?
>>
>>6413244
source code?
>>
File: Screenshot 2015-12-22 23.15.34.png (189KB, 1366x768px) Image search: [Google]
Screenshot 2015-12-22 23.15.34.png
189KB, 1366x768px
>>
>>6417881
Not sure what you mean...if you read the thread though you should see that typically the way to make your browser (firefox) look different is to use extensions which allow you to use custom themes/skins made by others or yourself. It's pretty easy and is nothing more than downloading an extension and clicking on some stuff. Might be more involved if you decide you want to make your own theme.
>>
>>6417964
I mean , is it possible to really rework it to not even look like default layout?
Look at this one>>6407557
Doesnt look like anything "normal" . Is this even firefox? Its crazy and awesome at the same time.
And that I am interested it , can it be done by using custom styles?
>>
>>6418048
I'm pretty sure he just cropped out the address bar and tab bar... What would even be the point in not having a toolbar where you can look at tabs?
You can certainly just disable your own address bar if you wanted to do that, just right click and turn it off. I'm sure there is a way to disable the tab bar, but why would you want to do that? (You can make it hidden in fullscreen options for your browser though)
>>
>>6418048
Also yeah, of course you can rework it to not look like default, tons of extensions for that
>>
>>6418069
>>6418071
In the end this is all done by css?
Do you think the same customization is possible on Chrome since it is not open source and all that?
>>
>>6418082
Not 100% on what you are asking about, specifically.

To set a custom startpage, it really shouldn't matter if you are using Chrome or Firefox. All you have to is make the .html file and save it, and set that location as your homepage or startpage (e.g: file:///C:/.../newtab.html)

You can get many of the same extensions in Chrome as in Firefox which will let you download skins and themes that change the color and stuff of your toolbars. I don't really care about that part though.

I dunno if it is possible to change the way buttons and toolbars actually look in terms of size in Chrome since I don't use Chrome. You can easily do it in Firefox and I think this is useful as I make my toolbars and buttons as small as possible.
>>
>>6418150
Thank you for your help and time dude.
>>
File: start.webm (1MB, 1920x1080px) Image search: [Google]
start.webm
1MB, 1920x1080px
made it last night, not sure about the font color choices but i couldnt do much better without changing the background
>>
>>6418199
care to share?
>>
>>6407522
fuck it, I'll give in. Where did you learn to code this stuff? I'm willing to waste hours of my life on something I'll use twice, I have a week off and nothing to do
>>
>>6418313
Learn CSS and HTML, w3schools is good

protip: wrap everything in divs and abuse classes and ids. Positioning will take you a while to learn.
>>
Anyone knows how would I make something like what you have on google chrome default homepage. The "speed dial" that tracks your most recent and most frequent websites you visited? How would I add that feature to my custom homepage?
>>
>>6417369
Fix UTF-8
>>
>>6418341
download a speed dial extension
>>
>>6418350
You mean to steal their code?
>>
File: homepage.png (2MB, 1920x1080px) Image search: [Google]
homepage.png
2MB, 1920x1080px
>>6408343
thanks dude, here is my page i made using your code

also i don't actually read news or webcomics, but one column of links is pretty lonely
>>
>>6418359
i think he means like a google chrome extension, like adblock, or skype dial
>>
>>6415668
how do you change it from a 24 hour clock to a 12 hour clock?
>>
>>6407557
>reddit
ok i can forgive you for that some subreddits are good
>/r/funny
kill yourself
>>
>>6418844
You should google it

loads of places to get the code for how to get date and time.
>>
File: out.webm (2MB, 1870x1005px) Image search: [Google]
out.webm
2MB, 1870x1005px
>>6418199
<3 :3
>>
>>6418927
:3
>>
File: startpage.png (768KB, 1359x738px) Image search: [Google]
startpage.png
768KB, 1359x738px
I could use your advice guys. This is my first start page and I could use some direction on where to head off from here. I know the very basics of it but I do want expand from here.

Can any of you guys give some ideas or point in the right direction on how to sharpen it and make it look much better?
>>
>>6419082
Delete the startpage and google search text, set a fitting font for the links, maybe make the text bigger (maybe handle it in 2 columns), give the search bar more margin on the right side, get rid of the lines and try to get a warmer tone of grey for the background, maybe set a little opacity for the background too (thats personal taste tho)
>>
>>6408618
Firefox theme?
>>
>>6418580
>>6417369
glad you people can use it, as basic as it is
>>
>>6418927
please code for the hover comparse
>>
>>6418199
I'm really interested in your firefox css

Are you the one that made the material design firefox a while ago in a different thread?
>>
>>6419416
No, I'm not. I don't post much here.

http://pastebin.com/HvjJAShC

There might be a few bugs i havent found
>>
I'm trying to "move" a 4chan CSS from 4chanX to Oneechan. Someone is interesting and would like to help me? I can tell more.
>>
>>6418199
Hi, I'm very interested in your theme. Mind to tell me what are the numbers (1 2 3 4 5) in the heading for and how to add them? Thanks.
>>
>>6407547
WHAT BROWSER AND WHAT THEME?!?!?
>>
>>6420556
the numbers at the top left are virtual desktops, added by your window manager. adding them depends on what OS/window manager you use.
>>
>>6407525
Mind sharing css for this?
>>
File: 1439049313784.png (1MB, 1366x740px) Image search: [Google]
1439049313784.png
1MB, 1366x740px
Late to the party, but here's mine.
>>
>>6414892
>http://pastebin.com/fscrNBCM

so how do i set firefox to open up to this?
>>
File: 2015-12-26_04-54-56.webm (250KB, 1788x1012px) Image search: [Google]
2015-12-26_04-54-56.webm
250KB, 1788x1012px
didn't make this myself
just copied some dudes startpage and changed the colors
>>
>>6421053

so how do i go about making firefox open to a userstyle startpage? is there a link?
>>
File: homepage_good.webm (1MB, 1440x810px) Image search: [Google]
homepage_good.webm
1MB, 1440x810px
Post some designs guys, I'll make it into a website.

>>6421061
You need this plug-in
https://addons.mozilla.org/nl/firefox/addon/new-tab-override/?src=userprofile
>>
File: Startpage.png (1MB, 1366x768px) Image search: [Google]
Startpage.png
1MB, 1366x768px
Hi /wg/, I just made my first start page. Was going to ask something but I cant remember. Thoughts?
>>
>>6421536
just remembered my question, as you can see the page scrolls down but there is no content there. Does anyone have an idea on why that is happening and how I can fix it?
>>
>>6421538
Too much margin on the bottom of the last div probably. Post your code using pastebin.
>>
>>6416060
help. as I can change the background?
>>
>>6419082
Do you mind sharing this?
>>
>>6414990
Do you mind sharing this as it is?
>>
File: mozilla_startup10.png (3MB, 1920x1080px) Image search: [Google]
mozilla_startup10.png
3MB, 1920x1080px
>>6412916
anon is that you ? i was sharing one startpage that looked a lot like the one you have there, looks good btw

btw here is mine
>>
>>6421731
Nah, I made mine from scratch. The similarity is just coincidental
>>
>>6407525
how did you go about making this?
>>
>>6421725
https://drive.google.com/file/d/0BzwryRUptKV7NG0wWmo3RzhLaE0/view
>>
File: HOME.png (962KB, 1078x643px) Image search: [Google]
HOME.png
962KB, 1078x643px
Mine :)

Ariana James <3
>>
>>6421610
Thanks for the help, the issue was with the height of the background images container.
>>
>>6421701
search the file for "var filepath" for the background/slideshow section and follow the instructions below that :^)
>>
>>6421958
thanks >.<
>>
File: kjkjkj.png (2MB, 1920x1080px) Image search: [Google]
kjkjkj.png
2MB, 1920x1080px
>>
File: 12-26-15 SP.png (152KB, 1920x1080px) Image search: [Google]
12-26-15 SP.png
152KB, 1920x1080px
Here's mine. I would like to give a special thanks to >>6408343 and >>6419643, without who, I would have had a much more difficult time. Thank you both, I really like how it turned out.

>>6421994
Yours matches the rest of your pc really well. I like it a lot!

>>6421823
This looks fantastic!

>>6421731
I like it, very easy on the eyes.

>>6421536
Work on the colors a bit and you'll have something nice.
>>
>>6421999
>http://pastebin.com/fscrNBCM css
mind sharing the html file? looks really clean
>>
>>6421999
>>6422113
actually could you share the entire thing? i have no knowledge of html but with all the files and images handy i could probably figure everything out.
>>
>>6421994
what is this???
>>
>>6421999
thx i tried to make it light with it >>6421731
>>
>>6422167
modern new tab page extension for chrome with some customization
>>
File: Untitled.webm (923KB, 1368x616px) Image search: [Google]
Untitled.webm
923KB, 1368x616px
Currently working on a media startpage, any feedback?
>>
>>6422481
Looks very nice, but the textbox looks abit empty
>>
it's still wip, but has responsiveness already
>>
File: fff.jpg (451KB, 1617x1050px) Image search: [Google]
fff.jpg
451KB, 1617x1050px
I got inspired by this thread and quickly made the following.

It has minimal animations over hovering, can't really be bothered to film it. Also the top link goes to my portfolio page, and has a quickly written wiggle animation.
>>
>>6421061
>>6421361

easier way is to go into about:config

search newtab

change values for browser.newtab.url and browser.startup.homepage to where your page is located (file:///.......)

This will make clicking newtab, open your homepage, instead of the speed dial thing. Like older versions of firefox.
>>
>>6421999
What browser is that?
>>
>>6422615
firefox, i assume.
only ff is customizable

>>6421999
may I ask you for that ff css?
>>
>>6422113
>>6422615
>>6422641
Here ya go guys! Again, neither the css or html are mine, I just changed em a little to go together. Also, it is firefox. Having some issues with display drivers not responding though. Gonna have to research that unless someone else has had the same problems recently.

https://github.com/huffstler/RiceBowl/tree/master/Web/Start%20Pages/Not%20Mine

>>6422560
This guy (>>6421361) is the better option. Your way of doing it hasn't worked since firefox 41 (I believe). The plugin has an easy text field to put the path to the html file.

On the same note, does anyone have a link to that pastebin that was supposed to have all the information about startpages? I wanna update it to match up with the changes in firefox as well as a couple of other things.
>>
>>6422756
Fuck me that was the wrong link.

Here's the correct one: https://github.com/huffstler/RiceBowl/tree/master/Web

The ones that you're looking for are categorized by folder.
>>
> >>6422560 (You)
>This guy (>>6421361) is the better option. Your way of doing it hasn't worked since firefox 41 (I believe). The plugin has an easy text field to put the path to the html file.

Could be true for you.

But I'm using Firefox 43, and I find exactly the opposite to be true. The addon didn't change new tab to direct to homepage, whereas just changing it in about:config worked.
>>
>>6421053
Can you share the page please
>>
>>6415647
10/10
>>
>>6408618
jesus christ, such a masterpiece
>>
>>6415057
i like this and the theme
>>
>>6421958
>>6421979
It is very difficult ...please
>>
>>
File: startpage-mountain.png (1MB, 1919x1039px) Image search: [Google]
startpage-mountain.png
1MB, 1919x1039px
First try. Its bad. Rating?
>>
>>6421999

how do i edit the links and what not?
>>
>>6423134
Not bad for a first try. I think that it looked better if you changed your font, styled your links and added some padding on the top and bottom of the link div. Overall, okay 6.35/10.
>>
>>6423044
idk where you're stuck tho..
either run the command on linux or the vbscript for windows, enter the path to the images and let it generate the list for you
then copy-paste the imagelist to the homepage (replacing my preset list) and change the filepath
>>
I made mine ish
>>
>>6423115
please give it to me ;-;
>>
File: startpage.png (2MB, 1349x877px) Image search: [Google]
startpage.png
2MB, 1349x877px
It's my first time attempting to create a startpage psd (have no html/css experience). What do you think about it?
>>
>>6423221
Maybe it's me being autistic about this... but your bottom row of cards is not centered. Also, you have both a 4chan card and icon as well as having a Reddit, twitter, and steam icon. Aren't those social as well? Why would you have them in 2 places?

>>6423171
Read this ( https://gist.github.com/huffstler/4325a516c0e52b2eac74 ), and then come back to this comment. Pay attention specifically to the links provided in the customizing section.

I've mirrored the pastebin to a gist for easier editing (Pull requests and whatnot). Whoever makes the next thread can use whichever one they prefer.
>>
>>6421361
Can you share that startpage?
>>
>>6423223
it'll be under Lapis

https://mega.nz/#F!7J9kiAYZ!LyEAs2HoNsFrQtAn5KkoaQ
>>
>>6423298
>>6423265
I had more tiles at the bottom that's why its off centered , when you hover over it there is a drop down. Those other Icons, I made those before the drop downs and I just left it
>>
>>6423221
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

use this bby
>>
File: screenshot.png (760KB, 1366x768px) Image search: [Google]
screenshot.png
760KB, 1366x768px
Here it is mine. I did just start learning HTML5 so, it's my first one (is also practically a rip-off of the mokocchi one).
Advices are welcome!
>>
>>6423796
>///file:///home/Documentos/...
why there is no user name?
>>
File: startpage.webm (331KB, 1920x1080px) Image search: [Google]
startpage.webm
331KB, 1920x1080px
First try at this
>>
>>6424150
How can i customize ff in that way?
>>
>>6424161
are you meaning the the theme, or something else?
>>
>>6424163
If the theme includes also the shape of the tabs, yes
>>
>>6424166
I used stylish and a CSS theme
>>
>>6424166
I edited the colors and a couple other things, here: https://userstyles.org/styles/113692/flat-firefox
>>
>>6414892
why do you set them to expire?

do you like being an asshole?
people ask for that start page in every thread, and I've only seen you deliver it twice now. both times set to expire.
>>
>>6424142
I deleted it with GIMP
>>
File: Cheeky Birb.jpg (2MB, 2340x4160px) Image search: [Google]
Cheeky Birb.jpg
2MB, 2340x4160px
Is there a guide for this somewhere, can't find anything on Google/Youtube/Sticky so I've no idea where to look or start.

Perhaps more guides like editing the homescreen on my phone etc. I see all these amazing things and I get jelly.

Here's my birb relaxing on my arm for your troubles.
>>
>>6424253
woah buddy calm down. I can't tell you what his reasons are but, he's gonna do what he's gonna do. Let it go. I made a couple of changes to his startpage and mirrored it on my github https://github.com/huffstler/RiceBowl/tree/master/Web/Start%20Pages/NewTab if it's that big of a deal.

>>6424278
There is sort of. You can find it here: https://gist.github.com/huffstler/4325a516c0e52b2eac74

I'm working on updating the firefox section a little bit at the moment but it still has good information in it. Also, that's a cute-ass bird you got there. What kind is it?
>>
>>6424150
got to your css and type
.a{text-decoration:none;}
>>
>>6424323
Thanks for the link, I've been messing around with ones that others made but I ain't learning much from it. I'm trying to find guides like the ones in the mobile homescreen threads but, alas, I've only found the github one.

The bird is a Cockatiel and he's the cutest and quirkiest little fella I've ever met. Likes chewing through my USB cables and dismantling keyboards.
>>
File: StartPage.png (3MB, 1898x1256px) Image search: [Google]
StartPage.png
3MB, 1898x1256px
>>
>>6420638
bump
>>
>>6424387
Hey, yours is a lot like mine (>>6423115)

I really like how the box is semi-transparent. mind sharing or telling me how you did that?

Thanks.
>>
>>6424523
just do it like this:
.box{opacity: 0.5;}
>>
>>6424387
cool yurikuma
>>
File: shit.jpg (318KB, 1920x1080px) Image search: [Google]
shit.jpg
318KB, 1920x1080px
>>6421994
mfw my lovely extension randomly disappeared from my chrome today and is nowhere to be found on google store
I had to improvise
>>
>>6424726
is an html page? shits beautiful mind sharing?
>>
File: alwayscheckfilenames.png (4MB, 1920x1080px) Image search: [Google]
alwayscheckfilenames.png
4MB, 1920x1080px
>>6424387
>>6423115
Looks like we all liked the same style...

Bonus points for telling me who the mascot is.
>>
>>6424772
how'd you guys get it to have a wallpaper?
>>
File: 2015-12-29_05-31-30.webm (2MB, 1056x914px) Image search: [Google]
2015-12-29_05-31-30.webm
2MB, 1056x914px
I made a combo of a few startpages I saw. I think it turned out rather nicely. Thoughts?
>>
>>6424772
How do you customize a home page like that? Sorry, I have no idea what the fuck I'm doing or looking at. I've finally figured out Rainmeter, but that's about it.

A link explaining this shit would be fine. Can't seem to find anything about it on Google.
>>
File: nlmxtyj.jpg (423KB, 1920x913px) Image search: [Google]
nlmxtyj.jpg
423KB, 1920x913px
Someone PLEASE tell me there's a better app than this shit. I've been living under a rock.
>>
>>6424775
body{background-image: img(*where you have saved the image*);}
>>
>>6424616

im having trouble

care to show yours real quick?
>>
>>6407522
>>6425091
Changed it up a bit.
>>
>>6425399
I didnt post the page you referenced to but here is a quick example:
<!DOCTYPE html>
<hhtml>
<head>
<meta charset ="utf-8">
<title>Title</title>

<style type="text/css">

body{
background-image: url(http://i.imgur.com/wppi1Pe.png);
background-repeat: no-repeat;
background-size: cover;
}

#background{
width: 50%;
height: 500px;
margin: auto;
margin-top: 100px;

background-color: black;
opacity: 0.5;
}


</style>
</head>
<body>
<div id="background"></div>
</body>
</html>
>>
>>6425546
that worked

What I was doing was

.box{opacity: 0.5;}

but just

opacity: 0.5;}
worked.
thanks a bunch
>>
>>6425567
you are welcome
>>
File: Homepage.jpg (125KB, 1366x735px) Image search: [Google]
Homepage.jpg
125KB, 1366x735px
>>6424772
Joining to the club :)
>>
>>6425611
>9gag
why anon, why?
>>
why is it that some homepages automatically have the url bar automatically filled in, but some don't?
>>
File: Home.png (2MB, 1366x738px) Image search: [Google]
Home.png
2MB, 1366x738px
>>6425577
Very helpful :)
Thanks anon
>>
File: welcometotheinternet.webm (2MB, 2048x1120px) Image search: [Google]
welcometotheinternet.webm
2MB, 2048x1120px
>>6415263
>>6408343
My first take on css, combined these two and tuned them a little
>>
>>6424772
I forget where I stole the original template but it was ghetto as fuck. The fonts were cheap looking, the background required files on the server, and there was no AJAX

I spend an hour or so gutting that shit --making that background randomly fetched from a web service, added random quote from a QOTD server, created some custom fonts, rounded the edges on everything, added top and botton launcher bars, and custom search providers to all the controls.

I can't tell you anything about it now though since my developer machine went tits up this morning. Tried to pull the GPU out and accidentally pulled the PCI-E socket off the motherboard along with the GPU.
>>
>>6424772

The "some" needs to be italiced.
>>
>>6415263
>>6425938

I love this, well done.
>>
>>6424343
we're still a young general (even though this thread isn't technically) I'm working on getting a lot of stuff up to speed soon hopefully.

>>6425147
Search for my name. I have a link to a getting started guide in one of my responses.

>>6425167
What app are you talking about?

>>6425938
I really like that!

>>6425744
Some people don't like showing their names. Or, they're using a server to host their startpage.
>>
>>6421053
>>6421361
Do you guys have any links for these?
>>
>>6426756
http://pastebin.com/yifnXLHG
>>
>>6426753
no no, what i meant was why do some homepages, when you open them up as a new tab, not automatically have the URL field highlighted.

The home page I was using highlights automatically, but the new one I'm using doesn't.
>>
File: desktop.png (4MB, 1920x1080px) Image search: [Google]
desktop.png
4MB, 1920x1080px
>>6425988
Thanks.

>>6425147
>>6424775
Honestly, this kinda makes learning CSS easier since you know what you want. It's okay to steal a base but customize it to your standards.

Look into the files and see what does what.
use w3schools for reference.

I actually have no knowledge of html or css but I somehow put this together. Not to say it's anything special.
>>
File: Screenshot 2015-12-31 20.17.59.png (2MB, 1920x1080px) Image search: [Google]
Screenshot 2015-12-31 20.17.59.png
2MB, 1920x1080px
Here's a current WIP I decided to make because of this thread.
I couldn't really decide what to do so I went for a Mirror's Edge colorscheme (and wallpaper) as a placeholder until I decide on something better. All of the buttons animate like: >>6408055
>>
File: startpage.jpg (333KB, 1366x768px) Image search: [Google]
startpage.jpg
333KB, 1366x768px
Currently working on it, tips? Also, does somebody got the script for the custom Google search bar, like on >>6407547 or >>6407557?
>>
File: startup.webm (2MB, 1826x1005px) Image search: [Google]
startup.webm
2MB, 1826x1005px
>>6427013
This is how this has ended up!
Hope you enjoy :)
>>
File: screenshot2.png (485KB, 1601x899px) Image search: [Google]
screenshot2.png
485KB, 1601x899px
>>6409876
This looks like a modified version of mine which is just a modified version of another anons. https://mega.nz/#!U1szXLwJ!B4Txf5S7iGCePmZSuNwh7nAzQSRXGFzsa1qwkg6P358

>>6415263
I'll take that as an indirect compliment. That firefox css is beautiful.
>>
>>6408055
>t to bump it regularly and it got deleted.
How do you install that on google chrome?
>>
>>6424150
mind sharing ?
>>
>>6421751
>>6420669
>>6411193
oh fuck, sorry, didn't notice these
here it is http://www88.zippyshare.com/v/QlBX6Hi5/file.html
>>
>>6426780
Does the new one you're using use any javascript? If not, that may be why.
>>
>>6427278
Thanks, bud. I really like this one.
>>
>>6425091
>having startpage folder directly in C:
why?
>>
>>6412066
>not using httpS://4chan.org
>browsing 9gag
>>
>>6427013
>>6427078
I'm anon quoted, you did a great job, although I have my doubts about the placement. It is good job at 99%, only placement.

>>6427175
I think you can't, or almost can't. It is firefox.
>>
>>6407563
build a free website with weebly. Download the html and locate the file in windows explorer. Now you have your own startpage. it's really not that hard
>>
>>6407547
can you please upload the html somewhere?
>>
>>6420945
how do you close the tabs and do you mind sharing the theme?
>>
>>6407522
>>6407547
>>6407557
>>6414357
>>6415057
>>6415973
>>6416136
How do you make those search bars? I'm working my ass off on google, but got nothing like those.
>>
>>6427565
easier to remember path probably
>>
>>6427629
schools are smarter than that now
>>
File: Screenshot 2016-01-01 20.58.00.png (1MB, 1920x1080px) Image search: [Google]
Screenshot 2016-01-01 20.58.00.png
1MB, 1920x1080px
>>6427719
It's my first time ever working with HTML and CSS. I've since modified it a little bit, I've moved the bars towards the center and removed that ugly welcome bar, as well as changed my firefox theme.
I appreciate the kind words though! What would you suggest I do with the bars?

>>6427761
Here's an example for the HTML code for putting in a non-styled search bar (without a button)
<form action="https://www.google.com">
<input type="text" name="search">
</form>
Check out the w3schools HTML Forms page
http://www.w3schools.com/html/html_forms.asp
>>
Happy new year.

http://gocom.deviantart.com/art/Estacado-start-page-187078857
http://zivallh.deviantart.com/art/Start-Page-261029460
https://gokoururi.github.io/homepage/index-light.html
https://github.com/gokoururi/homepage
https://github.com/asusgenius/StartScreen-Modern
https://github.com/Bokagha/Kat-Startpage
https://github.com/Xender/homepage
https://github.com/Shockersify/WebPage
https://github.com/quodroc/HumbleNewTabPage
https://github.com/Nipaa/Ohayou
https://github.com/Nipaa/Starter/tree/master
https://github.com/mukyu/NeaterPage
https://github.com/Bokagha/Startpage
https://github.com/JackosDev/Minimo-Homepage/
https://github.com/Boltovnya/boltohomepage/
https://github.com/Duhuhu/home
https://github.com/Suzuismywaifu/My-homepage
https://github.com/haruismywaifu/homepage
https://github.com/andreicek/homepage
https://github.com/adrian20038/homepage
https://github.com/ubuntufag/html
http://a.pomf.se/hqqrpm.rar
https://github.com/Matachines/Homepage
https://github.com/benwaffle/Homepage
https://github.com/tmathmeyer/homepage
https://github.com/E66666666/homepage
http://pastebin.com/6TRAHFjh
https://github.com/JackosDev/Minimo-Homepage
https://github.com/JackosDev/Ricerca-Homepage
http://twily.info/firefox/homepage
http://twily.info/newtab/
chrome://mega/content/secure.html#!WE5GGIqa!kSjzVIKVLFSBeUyYxCIWXiXVnvaZ9Vu45_uo-I4dx4k
http://pastebin.com/AatN2BVX
http://www.mediafire.com/download/c7djqxrjdjiy434/home.zip
https://github.com/quetea/homepage
http://pastebin.com/bYkfLbbG
http://start.io/
https://github.com/cfrank/Home
>>
>>6427306
Aw shit man, no it doesn't. Is there a certain javascript that would help?
>>6427811
oly fuck Nigel.

I recognize some of these from a pastebin I have but most of this list seem new to me. I'm excited.
>>
File: 1431520653824.png (69KB, 1920x1050px) Image search: [Google]
1431520653824.png
69KB, 1920x1050px
lifted this bad boy from Nigel here.
>>
>>6428008
also side note; any one know how to get white task bars in Windows 10?

I had a userstyle to get the firefox title bar to white but the new Windows update fucked with it.
>>
>>6416136
Can you upload this?
>>
>>6427753
I mostly use the middle button to close, or Ctrl + W.

Here's the CSS : http://pastebin.com/wZAy5tNy
>>
>>6428417
>>6427753
There's an extension you can get called "Rights to close" which allows you to double click the right mouse button to close a tab. Really useful for themes that remove tab removal buttons.
>>
>>6425938
can you share the code for the mouseover effect plz?
>>
>>6428011
It's not possible without a tool, there's a nice tool out there called "Windows 10 color control" that lets you alter the colors to (almost) anything you want, and allows different colors for accents and startpage/bar.
I think this is the closest you'll get without actually modifying any files.
>>
>>6428417
how do you install this? i tried just pasting the code in with stylish but it didnt do anything.
>>
File: 2016-01-03 01_23_53-Homepage.png (153KB, 1990x1011px) Image search: [Google]
2016-01-03 01_23_53-Homepage.png
153KB, 1990x1011px
>>6428541
https://gist.github.com/bamboocza/fe35d80ca5aa93a1d5bd
The solution is kinda retarded because being a tired noob I am I couldn't figure out how to push the other blocks to the right on mouseover. So on mouseover two things change: visibility and indent of the links AND indent of an invisible text that pushes the other blocks to the right.
Also this is after I added the search bars on mouse over cat as in pic related.
>>
>>6428515
On my case that'd mess up, as I sometimes use "Open with" to open on Chrome / IE because of flash or else.

>>6428694
If on the preview everything's fine, then just save and apply. Here, use this CSS : http://pastebin.com/raw/ZZVigvzn
>>
File: 2016-01-03_03-23-53.png (1MB, 1440x900px) Image search: [Google]
2016-01-03_03-23-53.png
1MB, 1440x900px
>>6412838

related
>>
File: 2016-01-03_08-29-00.webm (217KB, 1378x900px) Image search: [Google]
2016-01-03_08-29-00.webm
217KB, 1378x900px
>>6428896

after this, I designed a new startpage with css/html:
>>
File: OUFh3fo.png (639KB, 1600x900px) Image search: [Google]
OUFh3fo.png
639KB, 1600x900px
>>
File: newtab2016.png (284KB, 1402x878px) Image search: [Google]
newtab2016.png
284KB, 1402x878px
>>6428831
Hey, I'm the guy who made >>6414892 / >>6408343 , I copied your additions right back and made it two lines (pic related), with the link-lists expanding on mouseover
>>
>>6428832
when i press the preview button nothing happens.
>>
>>6429585
forget it. all i had to do was remove stylish and re install. but how you remove the triangles?
>>
>>6429148
Looking good
>>
>>6429148
is this CSS only? Well done, looks great. Mind sharing?
>>
>>6427917
yea, look for my name through this thread. I have links to my startpage which uses javascript for that.
>>
New thread guys

>>6429931
>>6429931
>>6429931
>>6429931
>>6429931
>>
>>6429521
Looking great, cheers
>>
>>6429605
The triangles are managed on this:

--tab-triangle: block; /* block | none */

Change it to "none" if you want to delete it and make it rectangular.
>>
File: startpage.png (2MB, 2005x1229px) Image search: [Google]
startpage.png
2MB, 2005x1229px
Thread posts: 306
Thread images: 84


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.