Awesome new userstyle (based on the one by @shinkansen / @jTron)

CatsUnited

Cupcake_Shine wrote:
Question - Am I able to make my own layouts or something on Stylish, the program it runs on?

You can use Stylish to create your own style. Stylish uses CSS and you might want to know CSS before you start creating a style. If you want Javascript code, Tampermonkey or maybe Greasemonkey would be the best to use (Tampermonkey is available for Chrome only, Grease should work on Chrome and Firefox). Stylish updates the page automatically when you click Save whilst Tampermonkey you have to refresh the page as well as save. As for Greasemonkey, I have no idea because I don't use it

Last edited by CatsUnited (April 27, 2015 10:29:03)

Saiid

This style is EPIC!!!

MegaApuTurkUltra

Saiid wrote:
This style is EPIC!!!

Glad you like it

ev3coolexit987654

1. Bump
2. I wanted to note that the search bar covers Discuss, possibly because of the About tab and the Wiki tab (from Mega Scratch Userscript)

rollercoasterfan

This is epic!

ev3coolexit987654 wrote:
1. Bump
2. I wanted to note that the search bar covers Discuss, possibly because of the About tab and the Wiki tab (from Mega Scratch Userscript)

Yeah, I came across that as well. You can fix it by adding this userscript by SuperDoggy:

// ==UserScript==
// @name        Fix to Top Bar
// @namespace   SuperdoggyScripts
// @include     https://scratch.mit.edu/*
// @version     1
// @grant       none
// ==/UserScript==
$(document).ready(function(){
    $('.site-nav > li:nth-child(4)').hide();
    $('#search-input').css('width', '150px');
});

This removes the about tab and relengthens the search bar.

ev3coolexit987654

rollercoasterfan wrote:

This is epic!

ev3coolexit987654 wrote:
1. Bump
2. I wanted to note that the search bar covers Discuss, possibly because of the About tab and the Wiki tab (from Mega Scratch Userscript)

Yeah, I came across that as well. You can fix it by adding this userscript by SuperDoggy:

// ==UserScript==
// @name        Superly Improved Topbar
// @namespace   kvackkvack
// @include     https://scratch.mit.edu/*
// @version     1
// @grant       none
// ==/UserScript==
$(document).ready(function(){
    $('.site-nav > li:nth-child(2)').hide();
    $('.site-nav > li:nth-child(4)').hide();
    $('.site-nav > li:nth-child(5)').hide();
    $('.site-nav > li:nth-child(1)').css('width', '150px');
    $('.site-nav > li:nth-child(3)').css('width', '150px');
    $('.site-nav > li:nth-child(1)').css('text-align', 'center');
    $('.site-nav > li:nth-child(3)').css('text-align', 'center');
    $('#search-input').css('width', '200px');
    $('.site-nav').children().css({"border-bottom-right-radius": "15px", "border-bottom-left-radius": "15px", "border-right": "1px solid #149acb"});
    $('#topnav').css("border-bottom-left-radius", "30px").css("border-bottom-right-radius", "30px");
    $('.innerwrap').css("border-bottom-left-radius", "30px").css("border-bottom-right-radius", "30px");
});
$(".innerwrap").mouseenter(function() {
    $(this).css("background-color", "rgba(15, 139, 192, 1)")
}).mouseleave(function() {
     $(this).css("background-color", "rgba(15, 139, 192, 0.5)")
});

This removes the about tab and relengthens the search bar.

Fixed.

-SuperScratch-

ohh no saposrt for the new scratch nav bar

when green flag clicked
if (ScratchNoWork) then
    
say [ME SAD]
end

omg1o

What does this all mean?

when green flag clicked
say [huh?]

liam48D

omg1o wrote:
What does this all mean?
when green flag clicked
say [huh?]

PLEASE CLOSE YOUR SCRATCHBLOCKS.

Complicated things if you have not before used userstyles or userscripts.

ilovescratchcie

This is now broken, But who cares, We now have extensions!

Discuss Scratch