/html-css/ HTML-CSS General #5

File: s.png (1MB, 1280x800px) Image search: [Google]

1MB, 1280x800px

Took the startpage from Taco, added some features like an in-searchbar google translator
works like this: <startlanguage / auto> <targetlanguage> <words>
example: de en baum would show tree in the searchbar.
Also some minor style customizations, but pretty much all credit goes to Taco, since 90% of the startpage is still the original code.

Last one died
oh well.

>>6835497
looks pretty nice.

>>6834953
Would you mind sharing that CSS?

File: ss (2017-01-29 at 04.25.17).png (153KB, 1928x1062px) Image search: [Google]

153KB, 1928x1062px

Version 2.0 of this one:
>>6831491

File: stpg11.png (2MB, 1139x989px) Image search: [Google]

2MB, 1139x989px

>>6835497
Nice.

I also used Taco's and made some small changes.

>>6835497
you couldn't be more reddit if you tried

>>6836606
ayy this is way better than the previous, and i thought v1 was pretty good too.

>>6836750
How did you implement the time? Wanted to add that aswell

>>6836191
I don't really like giving out my CSS wholesale, I'm happy to share knowledge though. Anything you want to know how to do specifically?

>>6836871
JS has a Date object explicitly for this purpose.

Make a function that instantiates one, pull the relevant information into a string, do w/e you need with the string. Call the function every 1000ms to keep it updated.

>>6836871
Just copied it from w3schools.
http://pastebin.com/gFsfBAPQ

You'll also need to add it under function init()... in the js file and fix the positioning in the html or css.

>>6836937
Eh, it's okay. Nice CSS anyways.
The only thing I know how do to is modify basic tuff in other people's CSS, so there isn't much to ask.

https://hastebin.com/ipokihisux.js

As an alternative, here's the JS I use for my time display in the OP (slightly modified, I removed some stuff specific to my use case). Originally cribbed from someone else, then modified over time to add a bit more functionality.

Calling it:

updateClock();
setInterval(function() {updateClock()}, 1000);

Should be pretty self explanatory, lmk if you have questions.

https://userstyles.org/styles/138307/minimal-dark-4chan come and get it!

The new firefox update added some weird lines along the tab navigation bar. How do I get rid of those?

Please post on the official one, thanks.

>>6835342

>>6836606
Good Pic! :D

>>6837574
If you haven't seen the post from the official thread here is the solution it works for me.

[code] /* url white line fix */

#navigator-toolbox::after {
display: none !important;
}

/* tab separators fix */

.tabbrowser-tab:after,
.tabbrowser-tab:before { display: none !important;}
[/code]

>>6838918
Awesome. That did it. How about the line in front of the address bar? That possible to fix?

>>6838918
Something wrong with the url code