WTF
No startpage thread??
>>6407522
Plz ignore shitty resolution and Polish-Spanish-English language combo
not my best tbH
here's my thing
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
>>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
shit taste i know
>>6407527
like this
>>6407557
Nah, yours is shittier
>>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!!!!
I forgot to bump it regularly and it got deleted.
>>6408055
This one is excellent. Mind doing a .rar ?
'ello
>>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.
>>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
My knowledge of html is very limited.
>>6409700
Where did you get those icons?
>>6408343
Best page.
Mind sharing this?
>>6408618
sweet javascript
>>6409700
>>6408675
Her you go:
>>6408606
Could you upload html and css?
>>6409876
>>6409873
>>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?
>>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
>>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
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 )=
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
Thanks bro!
>>6412916
9/10
>>6412916
share css?
I would change the hover to a dark blue by the way
>>6413028
Btw you can also make your own CSS with it but I like the original
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?
>>6413233
Mine is the same.
i think it changes if you get a different chrome theme.
>>6413679
Holy shit thank you OP
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?
>>6412186
>>6412744
I modified the code and added a working google search bar along with some animations.
This is how it looks now.
>>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
>>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?
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)
>>6414987
inb4redditfag
>>6414225
why type and click when you can only click?
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.
>>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
>>6415733
thanks dude
>>6415668
Thank you very much. Have a great day.
....... this is bad... i need to make a decent homepage sooner or later......
https://jsfiddle.net/ChrispyChips/0L74e1Lb/
>>6415973
I like it.
>>6415976
Can you share that wallpaper?
>>6414892
thanks!
>>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
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.
>>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
>>6416006
>>6416204
Danke
>>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
>>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?
>>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?
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?
>>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.
>>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
>>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.
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?
>>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
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.
>>6418199
<3 :3
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?
>>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?
Late to the party, but here's mine.
>>6414892
>http://pastebin.com/fscrNBCM
so how do i set firefox to open up to this?
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?
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
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?
>>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
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 >.<
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
>>6421994
what is this???
>>6422167
modern new tab page extension for chrome with some customization
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
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.
>>6421999
What browser is that?
>>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
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 ;-;
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
>>6423221
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
use this bby
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?
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
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.
>>6420638
bump
>>6424523
just do it like this:
.box{opacity: 0.5;}
>>6424387
cool yurikuma
>>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?
>>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?
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.
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?
>>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
>>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?
>>6425577
Very helpful :)
Thanks anon
>>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.