Not signed in (Sign In)

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Style Development: [Sticky] Help with Stylish (using/editing)

Bottom of Page

1 to 50 of 64

  1. <
  2. 1
  3. 2
  4. >
    •  
      CommentAuthorChoGGi
    • CommentTimeDec 20th 2007 edited
     
    please no style requests in this thread (there's a nice big forum for that)


    Creating Styles:
    CSS1 CSS2 CSS3
    MDC MDC dom MDC ref
    Writing Efficient CSS (not everything applies, but still good guidelines to follow)

    Guides:
    my guide or whatrevolution's guide
    Valacar's specificity guide (overriding other styles)
    a quick walkthrough of the Stylish edit window here
    using @namespaces

    if you install the extension It's All Text! you can edit your style in an external editor (or see Stylish-Custom below)

    somewhat real-time help

    Problemscan't change scrollbars/inputs/some tooltips in ff3? see here (fixed in v1.0)

    problems using :first-child, :last-child, :only-child, etc with tables (ff1/2)
    Selector gets applied too early
    Selector error????

    if a style has messed up firefox, close firefox then run "firefox -stylish-disable"

    Not compatible trying to use Stylish on a newer version of ff

    trying to style a richlistitem?
    something like this: .someclass:hover{color:red} doesn't work. change it to [class="someclass"]:hover{color:red}

    problems updating styles to stylish 1.* (see here)

    lost your password?
  2.  
    I would like to christen this honorable voyage, with it's first userstyling.

    http://userstyles.org/styles/4558

    *hat-tip*
    •  
      CommentAuthorChoGGi
    • CommentTimeDec 24th 2007
     
    thanks, any recommendations for the guide?
    and a merry christmas hohoho
  4.  
    HOESHoeshoes~ \^_^/

    I'll show you my recommendations after I finish reading MRTech's book.
  5.  
    •  
      CommentAuthorChoGGi
    • CommentTimeJan 4th 2008
     
    thats a bit more professional looking then mine, i've been making a list of stuff to add so i'm gonna steal some of yours :)
  7.  
    Yarly. :o
  8.  
    And no problem. :o

    I haven't stopped working on mine, either. /informationoverload
    • CommentAuthorpswim
    • CommentTimeApr 11th 2008
     
    Probably another common question (although very specific):

    I want to develop a Gmail userstyle. Is there any reference site telling me how exactly Gmail lays out its pages (e.g., which classes/ids correspond to which elements)?
  10.  
    I can help a bit. You'll want to look at the other designs:

    http://userstyles.org/styles/4019
    http://userstyles.org/styles/4374
    http://userstyles.org/styles/5553
    http://userstyles.org/styles/5867

    And mine, included in http://userstyles.org/styles/2649 , used as reference/template for some of the better ones which came later.

    The CSS they use is typical, and can be found by using Web Developer toolbar's CSS tools, "View CSS", and "View Style Information". The difficult part is trimming the selectors to reasonable and manageable length. You could take advantage of "Inspect Context" extension, as described in my Stylish Guide, and that will get you to the point of having a selector which does work but is usually ridiculously long and thus fragile to being broken by slight changes in GMail.

    The CSS classes and IDs are applied to the GMail application by the JavaScript which builds the pages. Some classes and IDs are numerically incremented based on the data to be printed to that page object; such as the table row IDs on Inbox and folder lists. Others are built by JavaScript functions as the function builds a page object.

    Here is an older discussion about it. The basic intent of that discussion has not changed since then. I did not, however, find a page that would meet your specific request for detailed data. If I had, it would probably have been for Beta1 and not Beta2, which is far more confusing in this regard.

    Not all of the CSS ends up in the CSS style sheet, either. I saw plenty of it get thrown into style="" attributes of the target tag; which generally made life more difficult those days I investigated it.
    •  
      CommentAuthorChoGGi
    • CommentTimeMay 10th 2008
     
    second christening of a sort (makes your guide layout more flexible)
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url("http://www.honestlyillustrated.com/userstyles/stylishguide/stylishguide.html"),url("http://honestlyillustrated.com/userstyles/stylishguide/stylishguide.html"){
    iframe{min-width:0!important;width:40%!important}
    .chapter,.example{max-width:100%!important;overflow-x:auto!important}
    #left,#right{max-width:15px!important;min-width:10px!important}
    }
  12.  
    Thanks for taking a stab at that. For future reference, you can do url-prefix("http://www.honestlyillustrated.com/userstyles/stylishguide/") , the filename has changed two or three times, so the guide is default document in that directory now.

    I see what you were trying to do, though that doesn't fix the page yet. That document is the only one of 10 or 15 pages I have in development which breaks that style horizontally when in a screen size between 800x600 and 1024x768. I still peck at it from time to time.
    •  
      CommentAuthorChoGGi
    • CommentTimeMay 19th 2008
     
    meh i had fun
  14.  
    It is the contents of <pre> in chapter, "Selectors", which scrollbars the document in 800x600.

    /me rolls his eyes.
  15.  
    "I want to develop a Gmail userstyle. Is there any reference site telling me how exactly Gmail lays out its pages"

    --> Try the web developer toolbar ( https://addons.mozilla.org/fr/firefox/addon/60 ) and use "Information > Display ID & class details" or "Outline > Outline current element" (when activated, key C to copy the current node id/class hierarchy shown just under the toolbar buttons).

    If you want to view the full HTML code you can also use "View Source > View generated source" (this includes HTML code produced by JavaScript). Really nice to catch the full structure of chrome pages too ^^
    • CommentAuthoruser82
    • CommentTimeJun 27th 2008
     
    Sorry Guys!

    I could't find anywhere: I want to replace more than one Stylecheet (they are for different areas in the website)
    How can i do so?

    Thanks
    Jakob
    •  
      CommentAuthorChoGGi
    • CommentTimeJul 1st 2008
     
    you cant replace stylesheets, but you can override the styles
    and maybe something like this?
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document domain("userstyles.org"){
    /*global rules*/
    }
    @-moz-document url-prefix("http://userstyles.org/forum/"),url-prefix("http://www.userstyles.org/forum/"){
    /* /forum/ rules*/
    }
  18.  
    Isn't there a guide with all the commands that you can use in a userstyle?
    •  
      CommentAuthorChoGGi
    • CommentTimeOct 2nd 2008
     
    the specs?
    http://www.w3.org/TR/CSS1/
    http://www.w3.org/TR/CSS21/
    http://www.w3.org/Style/CSS/current-work.html
  20.  
    Heh, doh.
    Didn't think about that.
    Thanks dude. ;)
  21.  
    Why when i try to acces any premade style from userstyles.org i get some Appache error message, and some weird message with some /500 ?
    And how do i 'download' the 'skins'?
  22.  
    Sorry about that, things should be back now.
    • CommentAuthorjeffreyk
    • CommentTimeFeb 24th 2009 edited
     
    Excuse me, wrong topic!
    • CommentAuthorJose luiz
    • CommentTimeMar 5th 2009 edited
     
    Posted By: ChoGGiplease no style requests in this thread (theres a nice bigforumfor that)

    first see the stylish helphereto learn about using stylish and a quick walkthrough of the Stylish edit windowhere

    myguideor whatrevolution'sguide

    Valacar'sspecificity guide(overriding other styles)

    can't change scrollbars/inputs/some tooltips in ff3 (seehere)

    problems using :first-child, :last-child, :only-child, etc with tables (ff1/2)
    Selector gets applied too early
    Selector error????

    Not compatibletrying to use Stylish on a newer version of ff

    if you install the extensionIt's All Text!you can then edit your style in an external editor

    add asearch boxto the stylish edit dialog (also does some other stuff, see readme)

    OffTopicpicks a random style then goes to it and/or copies link to clipboard (it downloads the new style page every 15 mins so hopefully np doesnt mind?)
    download(for windows, uses autohotkey)


    Posted By: whatrevolutionI would like to christen this honorable voyage, with it's first userstyling.

    http://userstyles.org/styles/4558

    *hat-tip*
    • CommentAuthorHKK
    • CommentTimeMar 5th 2009
     
    please edit your comment and switch "format command as..." to HTML, so it is rendered correctly. Thanks
  26.  
    hi...im pretty sure this is off topic but i need help removing a style/layout from my facebook. not sure how to. new to adding/removing stuff from facebook and i somehow added to layouts. can you please give me instructions on how to remove one so that they do not look like they are overlaying each other. thanks!
    •  
      CommentAuthorxren
    • CommentTimeMar 14th 2009
     
    @HKK
    I think you should know that after somebody has commented after you it is impossible to edit your comment :)
    •  
      CommentAuthorChoGGi
    • CommentTimeMar 14th 2009
     
    hi...im pretty sure this is off topic but i need help removing a style/layout from my facebook. not sure how to. new to adding/removing stuff from facebook and i somehow added to layouts. can you please give me instructions on how to remove one so that they do not look like they are overlaying each other. thanks!
    tools>add-ons>extensions>stylish>options>remove the one you don't want
    • CommentAuthorHKK
    • CommentTimeMar 14th 2009
     
    Posted By: xren@HKK
    I think you should know that after somebody has commented after you it is impossible to edit your comment :)
    no its not o.O as you see, he has indeed edited his comment, and i can edit all of mine as well
    •  
      CommentAuthorChoGGi
    • CommentTimeMar 14th 2009
     
    that was me :)
    (not sure about editing after, but i don't see why not)
    • CommentAuthorHKK
    • CommentTimeMar 14th 2009
     
    Posted By: ChoGGithat was me :)
    (not sure about editing after, but i don't see why not)
    oh xD but yea well, i can still edit all my older comments. i also dont see why you shouldnt be able to edit the older posts
    •  
      CommentAuthorxren
    • CommentTimeMar 14th 2009
     
    Hmm.... strange.... I remember once I wanted to edit my comment and couldn't. And now - "yes we can" (R) - there is still an option to edit the last comment.
    Maybe I was wrong. Sorry...
    • CommentAuthorostap89
    • CommentTimeMar 27th 2009
     
    i've got a question... Is there any posibility to block one of elements of css that exist on a site?

    For example:
    There is an element with "height:30px" value on website, and I want this element to be EXPANSIBLE.

    Is there any posibility?
    •  
      CommentAuthorChoGGi
    • CommentTimeMar 27th 2009
     
    try one of these
    [style="height:30px"]{height:auto!important}
    [height="30px"]{height:auto!important}
    • CommentAuthorostap89
    • CommentTimeMar 27th 2009
     
    thank you! I needed it for my http://userstyles.org/styles/16066 style. It's almost 7200 instals!!
    • CommentAuthorxSeanBoi
    • CommentTimeAug 19th 2009
     
    What about a guide on combining UserStyles? I'd like to create one Style that contains all of the code for the MBlue Scripts. I do not believe it is as simple as copy/pasting all the code into one new script.
    •  
      CommentAuthorChoGGi
    • CommentTimeAug 19th 2009
     
    that's about it, if there's any @namespaces you'd need those at the top
    and the order is sometimes important (some styles need to be after other styles so they override the previous styles)
    • CommentAuthorQuadre
    • CommentTimeOct 24th 2009
     
    Hey could someone help me with my style?

    Here is the code:
    http://pastebay.com/63389

    And im getting this error

    * Code does not appear to be valid CSS
    * Style code is invalid


    And i have tried to fix it but i have not had any luck with it.


    Thanks in advance.
    • CommentAuthormakondo
    • CommentTimeOct 24th 2009 edited
     
    Read the first post carefully:
    Posted By: ChoGGiplease no style requests in this thread (there's a nice bigforumfor that)


    This thread is not the right place to post a style help. Please post in the Style Development category.

    ChoGGi, when you'll be deleting the post above, you can delete my post as well
    •  
      CommentAuthorChoGGi
    • CommentTimeOct 24th 2009
     
    eh, i'll leave it

    @Quadre on line 209 add a } on the end
    • CommentAuthorblaine33
    • CommentTimeNov 10th 2009
     
    Helllllp!! After new PC w/fresh install of XP sp3 & Firefox (3.5.5) Stylish won't work! It installed but "options" button is grayed out -- only "disable" & "uninstall" are active. Other extensions work fine. Even tried uninstalling Firefox & all settings but samo samo story with Stylish. It was a great fave of mine...how do I get it back???
    •  
      CommentAuthorChoGGi
    • CommentTimeNov 10th 2009
     
    the options button has always been grayed out for stylish
    is there a user styles button near the extensions button at the top of the addons window?
  43.  
    Posted By: ChoGGithe options button has always been grayed out for stylish
    is there a user styles button near the extensions button at the top of the addons window?


    Well, a great big "duh" for me...I should have known better; only excuse is that the user style button is at the far right bottom of my window, small.

    Huge thanks for reminding me of button though -- I've used Stylish so long I forgot about that when I had a fresh pc & windows!
    • CommentAuthorFotTest
    • CommentTimeNov 18th 2009
     
    @-moz-document url-prefix("http://example.com/*/scr/")
    not working.
    What should I do?
    •  
      CommentAuthorChoGGi
    • CommentTimeNov 18th 2009
     
    you can't use * in @-moz-docs
    • CommentAuthorBlack_Sun
    • CommentTimeNov 23rd 2009
     
    Hello, generaly exist service of convert Xpath to CSS?
    и на русском
    Здравствуйте, вообще существует сервис конвертации Xpath в CSS?
    •  
      CommentAuthorChoGGi
    • CommentTimeNov 23rd 2009
     
    not that i know of
    • CommentAuthorloocas
    • CommentTimeDec 15th 2009 edited
     
    Hi there guys, please, can anyone help me out with a little problem? My FireFox just automatically updated Stylish and Glasser etc.. but this changed the theme I've had and been using for a while, which annoys me terribly! I used to have everything glassy, except for the bookmarks and tabs: http://blog.duber.cz/wp-content/uploads/firefox_customized.jpg but after the update, FireFox doesn't have the glass effect on the bottom (statusbar?) and further more renders this annoying white glow around all the text areas: http://www.duber.cz/dump/broken_ff_stylish.png What should I edit in order to get the transparent statusbar back and mainly got rid of the terrible glow around text? Thanks a lot in advance, cheers, - loocas
    • CommentAuthormakondo
    • CommentTimeDec 15th 2009 edited
     
    What style and/or Fx theme are you using? The Glasser MoZine thread is here. If you're not using any (glass/transparent) styles, you should post there.
    BTW, without that 'terrible' white glow, you wouldn't be able to see your font against darker (black) bg, just like your first shot shows. That's why it's added there: it disappears on lighter bg and appears on darker ones making it possible to read. That's why it has been added there, i believe in the version before the last one actually.
    It also seems that you may have a style which for some reason doesn't work any more (because i believe the original Glasser never had glassed statusbar/tabbar. 6XGate, the Glasser developer, says 'it's too much glass' Hehe).

    Try this:

    #status-bar
    { -moz-appearance: none !important;
    background: none !important;
    border: 0 none !important; }
    • CommentAuthornhojz
    • CommentTimeJan 3rd 2010
     
    how can i unistall all the design??pls help me..tnx

1 to 50 of 64

  1. <
  2. 1
  3. 2
  4. >