NEW YouTube layout


Recommended Posts

Is it only for Chrome ? When I hit install it just opens a new page with the script code displayed

EDIT - NM, I just read the how to :p

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Who in this day and age actually browses with the browser full screen? At first I didn't "get it" till I maximized my browser, then I saw it, but I never maximize my browser so it's not a real issue

I do when im on my laptop as its a small widescreen screen.

if you're on firefox you need to install the greasemonkey add-on

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Thanks, I installed GreaseMonkey and all is aligned centrally again :)

For anyone who liked uploads only, this is the direct link to it: https://www.youtube.com/feed/subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

Is there a version for stylish? That doesn't seem to work with it. The 2 scripts on userstyles.org that I found don't seem to work either.

I'll make one. will post it asap

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I'll make one. will post it asap

Thanks for both!

the one i linked uses greasemonkey not stylish

I'm aware of that and I was asking if you were aware of a version that works with stylish.

In any case Guth seems to be on the job. (Y)

the one i linked uses greasemonkey not stylish

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

I use Magic Actions to increase the width of videos and have them default to 1080p:

The homepage is still incredibly inefficient in terms of utilising screen space but that's unfortunately true of so many websites.

That video is not even centered on your screen, lmao.

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

both greasemonkey and stylish are built into chrome

both greasemonkey and stylish are built into chrome

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

nice! thats even better :) thanks

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.com/5919997/how-to-install-extensions-that-arent-from-the-official-chrome-web-store

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Yeah I dont use FF so made that on chrome. Someone posted a greasemonkey one for FF.

It should still work without the applies to bit.

Although if any other site you use has those exact class names it may break them lol. Unlikely though.

If you are on FF the greasemonkey script is better as it can use javascript and actually replace the left with centered class which is actually in the CSS from youtube themselves, so that would work better. Just made the stylish one as there is no greasemonkey for FF.

Alternatively you could download the FF grasemonkey script and paste it into chromes console, but you'd have to do that every time you visited youtube.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.co...hrome-web-store

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

no, it's the same for installing scripts from userscripts.org, just drag the script into the extensions window and it installs

not sure why you would do it through the console, because as you said, if you do it that way you have to apply it every time

edit: scripts install just like extensions in chrome

post-335698-0-43066400-1354906329.png

That video is not even centered on your screen, lmao.

Firstly, the new design is aligned to the left. Secondly, I don't use my browser maximised because of the wasted space. Here's a screenshot of what it looks like when I do:

youtubejno.jpg

And here is Pinterest for comparison:

pinteresty.jpg

now just need to find another stop autoplay extension

youtube options note that you will have to re-enable most of the UI elements after installing becuase it whites out the stuff that's not related to the video like comments, etc...

post-361542-0-46973100-1354929266.png

they seem to be coming out with a new layout every 3 months. this one is the worst so far.

that is very annoying since most people got stuff in muscle memory :( specially with youtube.....

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Fan Control V269 by Razvan Serea Fan Control is a powerful and versatile portable utility that allows you to monitor, control and customize the fans of your GPU and CPU to keep your machine cool and running smoothly. Fan Control supports a wide range of devices and hardware configurations, giving you complete control over your computer's cooling system. Fan Control backend is mainly based on LibreHardwareMonitor, an open source fork of the original OpenHardwareMonitor. This means that hardware compatiblity is entirely open for anyone to contribute, and doesn't rely on a single developer who may stop caring at some point. Combined with the plugin system, Fan Control is unlocked for many generations of hardware to come. Main features Guided setup process on first launch Save, edit and load multiple profiles Change the theme and color of the application. Multiple temperature sources ( CPU, GPU, motherboard, hard drives... ) Multiple fan curve functions, including a custom graph Mix fan curves or sensor togethers (max, min, average) Low resource usage Advanced tuning with steps, start %, stop %, response time and hysteresis FanControl V269 changelog: Allow only 1 service client at a time App title no longer show the full path Add service retry policy by default Fix pre-pairing issue between control and speed cards Fix a bug with ADLX % (duty) reporting Download: FanControl V269 | Installer ~20.0 MB (Open Source) View: Fan Control Homepage | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • I spent a good 15 min today trying to get new Outlook to use my default browser instead of forcing links into Edge. That kinda tactic is shady and it sucks.
    • Vivaldi 8.0.4033.42 by Razvan Serea Vivaldi is a cross-platform web browser built for – and with – the web. A browser based on the Blink engine (same in Chrome and Chromium) that is fast, but also a browser that is rich in functionality, highly flexible and puts the user first. A browser that is made for you. Vivaldi is produced with love by a founding team of browser pioneers, including former CEO Jon Stephenson von Tetzchner, who co-founded and led Opera Software. Vivaldi’s interface is very customizable. Vivaldi combines simplicity and fashion to create a basic, highly customizable interface that provides everything a internet user could need. The browser allows users to customize the appearance of UI elements such as background color, overall theme, address bar and tab positioning, and start pages. Vivaldi features the ability to "stack" and "tile" tabs, annotate web pages, add notes to bookmarks and much more. Changes in Vivaldi 8.0.4033.42: [Chromium] Update to 148.0.7778.256 ESR [User Agent] Set Chromium version spoof to 149.0.7827.53 [Crash][Extensions] Using chrome.tabs.discard(…) (VB-126984) [Periodic Reload] Settings are not saved anymore (VB-128316) [Tabs] Stack names are lost after browser restart (VB-128321) [Themes] Vivaldi menu button no longer touches the upper left corner (VB-128124) Download: Vivaldi 64-bit | 139.0 MB (Freeware) Download: Vivaldi 32-bit | ARM64 View: Vivaldi Home Page | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Also try installing an alternative browser on ChromeOS. You have to enable dev mode and run it as a Linux app. Clunky.
  • Recent Achievements

    • Collaborator
      Asgardi earned a badge
      Collaborator
    • Conversation Starter
      mobandz earned a badge
      Conversation Starter
    • Apprentice
      fernan99 went up a rank
      Apprentice
    • One Month Later
      nothanks earned a badge
      One Month Later
    • One Month Later
      B2Proxy earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      469
    2. 2
      PsYcHoKiLLa
      245
    3. 3
      Skyfrog
      79
    4. 4
      FloatingFatMan
      73
    5. 5
      Michael Scrip
      60
  • Tell a friend

    Love Neowin? Tell a friend!