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

    • Dude, it's a .reg away from a permanent modification. If you're a power user, look it up and keep the .reg and stop being a crybaby expecting MS to include customization for everything on a generalist OS. The default is what's the best UX for the majority of the userbase, non techie people.
    • Logitech MX Creative Console is down to the lowest price by Taras Buria Having a Stream Deck-like device next to your keyboard could be a massive productivity boost. It lets you map specific actions and shortcuts to speed things up, and Logitech has such a device for you with a big 20% discount. Right now, you can save $40 on the Logitech MX Creative Console. The MX Creative Console is an unconventional accessory that consists of two modules. One module has nine customizable buttons, with each having a built-in display for mapping. You can assign apps, shortcuts, actions, or something else. There are nine buttons, plus two more for switching between "pages" of actions. The second module has no displays. Instead, there is a big twisting knob and a small roller for precise adjustments in creative apps like Photoshop, Illustrator, Affinity, and more. There are four additional buttons as well. The MX Creative Console is available in two colors: Graphite and Pale Gray. Both are now 20% off, saving you $40. Just keep in mind that the MX Creative Console requires the Logitech Options+ app, which is only available on Windows and macOS. By the way, each unit comes with three months of Adobe Creative Cloud. Logitech MX Creative Console Graphite - $159.99 | 20% off on Amazon Logitech MX Creative Console Pale Gray - $159.99 | 20% off on Amazon This Amazon deal is US-specific and not available in other regions unless specified. This is a first-party seller link (at the time of article publishing); ensure that you also purchase from a first-party seller link only. If you don't like it or want to look at more options, check out the previous deals that we have covered, OR you can also visit Amazon US deals page. Get Prime (SNAP), Prime Video, Audible Plus or Kindle / Music Unlimited. Free for 30 days. As an Amazon Associate, we earn from qualifying purchases.
    • Because someone else reported theirs was unusable, genius. But being a Linux user you should be used to that. Next time you think you have a "gotcha", check first.
    • Studio MDHR reveals Cuphead sequel and an 8-bit platformer spin-off by Pulasthi Ariyasinghe Studio MDHR has been rather silent about its next major gaming project since the release of Cuphead back in 2017. However, that ended today during the Summer Game Fest presentation, with the studio revealing not one but two project announcements. First, the studio confirmed that it is currently in the middle of developing a brand-new Cuphead game, bringing back the iconic characters for another adventure. Just like the last game, this is slated to be a fully hand-animated endeavor. This also means there isn't a release date attached to it yet. “Craftsmanship is at the heart of everything we do here at Studio MDHR,” says co-founder Chad Moldenhauer. “When it came time to peel back the curtain and share a little bit about what we’ve been up to, we couldn’t imagine a more fun way to do so than with today’s Special Bulletin. The studio is working on this new Cuphead with help from Toronto’s Stop Motion Department and Continue Agency. At the same time, Studio MDHR also revealed that another part of the team has been working on a different Cuphead installment. Dubbed the Mighty Cuphead Adventure, this is taking a different art direction to the original. "In true Studio MDHR fashion, this game goes beyond just taking inspiration from the classics of the 1980s… it is actually built with technology of the era," the studio explained. "That's right: Mighty Cuphead Adventure is programmed in assembly language and designed with the exacting specifications of the Sega Master System home gaming console in mind." Aside from releasing on PC and modern consoles, Mighty Cuphead Adventure will even be playable on the 1985-released Sega Master System. A release date has not been announced just yet.
    • Any decent ITSM will A) have a web form that allows a user to raise a ticket, if you're writing an email you can write a ticket. B) Monitor a mailbox and auto-generate tickets based on inbound mails for those users that really can't get their heads around the concept that if you have an issue you go to support.mycompany.com and fill in the box. From your description you're having users email the desk, and then having a human read each one and manually raise a ticket on behalf of the user.
  • Recent Achievements

    • Mentor
      grik went up a rank
      Mentor
    • Dedicated
      JKR earned a badge
      Dedicated
    • One Year In
      CHUNWEI earned a badge
      One Year In
    • Conversation Starter
      FBSPL earned a badge
      Conversation Starter
    • Week One Done
      I2D earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      481
    2. 2
      PsYcHoKiLLa
      272
    3. 3
      Skyfrog
      78
    4. 4
      Steven P.
      67
    5. 5
      +Edouard
      61
  • Tell a friend

    Love Neowin? Tell a friend!