Google CSS Help

edited October 2007 in Style Development
Hi,
I'm having a small problem with a Google CSS script I'm using & wanted to know if anyone would mine helping me out & telling me what code I could use & where to put it in the script? The problem is this http://img137.imageshack.us/img137/369/cssproblemdl3.jpg Any help would be greatly appreciated!
Thanks:)

Comments

  • Try

    #gbh{border-top-width:0px !important;}
  • Posted By: WebbTry

    #gbh{border-top-width:0px !important;}
    Thank you Webb, that worked nicely! I had written a few emails to CSS sites & never got any response lol. I plan on learning CSS...the right way...not by using apps like Dreamweaver, but haven't had much time to commit. I'm a club dj, so my job is very demanding & doesn't leave time for much else. I just wanted to say thanks & that I really appreciated your help! Good to see you all help out around here, glad I decided to join the site, hopefully I can learn some things here. Btw if I need help with the same script do I have to start a new topic each time or not? Once again thanks, just wanted to let you know your help was greatly appreciated man:)
    Take Care
  • edited October 2007
    Glad to help. We were all newbies once.

    You may as well just post questions in this thread. Post your code and it will be a little easier to troubleshoot. I had to write my own code to turn everything black and guess where your most likely problem was. If you post your code (don't worry, no one will laugh at you) anyone can apply it instantly and it makes things much easier to troubleshoot. Someone may even find a more efficient way of doing things and save you a few bytes.

    Learning CSS is like learning any other language (yeah, I know it's not really a language but the concept is the same).

    - Look at some of the published styles.

    - Good resources are http://www.w3schools.com/css/css_reference.asp and http://www.blooberry.com/indexdot/css/index.html

    - I don't know what Dreamweaver is but I don't like any crutch that keeps you from getting your hands dirty. Firefox's built in DOM inspector and the Stylish editor are all you really need to get started, then you can get the web developer toolbar and XPather extensions for more detailed information.
  • edited October 2007
    Posted By: Webband save you a few bytes.
    #gbh{border-top-width:0!important}
    :)

    found a useful extension a bit ago Chrome List. it makes a nice little tree to browse your chrome files
  • Your one byte savings is almost enough to set me off on my old Commodore 64 programming days rant, when every byte really counted, and how everyone is really sloppy these days because memory doesn't matter any more ...

    I'm tempted but I won't because most of my stuff is getting to be patches on top of patches on top of other patches, and since memory doesn't really matter any more ...
  • Thanks for the info Webb & the links I appreciate it! So you wrote your own code, just for Google or a Global Style? I would like to take a look at it if you don't mind....I like dark styles, easier on the eyes & on your monitor. Just to let you know Dreamweaver is Web Design software from Adobe, but I agree with you about not using crutches, alot of web design software makes a mess when coding thats why I would like to learn how to code clean. I would like to fix a couple more problems with the code I am using for Google, nothing major...just some minor details, the code isn't mine it's a script I tweaked, looks nothing like the original but I can't take credit for something I didn't do, just modified. I don't mind posting the code along with the problem areas I would like to fix, but the hardwired images will be the old ones because I don't want to exceed bandwidth on the new images. I know theres a way to code the images from Imageshack so that doesn't happen but I'm not sure on how to do it. Anyways I do really appreciate the help Webb & I will post the problems & the code when I get some free time. If you are into desktop customization I have a gallery on Deviant Art you might want to take a look at, maybe you might find something you like. Here is a link http://djosiris.deviantart.com/
    Posted By: ChoGGi
    Posted By: Webband save you a few bytes.
    #gbh{border-top-width:0!important}
    :)

    found a useful extension a bit ago Chrome List. it makes a nice little tree to browse your chrome files
    And Choggi thanks for the extra byte lol & the info on the extension I appreciate it! Will take a look:)
  • edited October 2007
    i kinda posted it for Webb but if its useful for you too then thats good too i guess anyways

    after you upload the picture to imageshack (or any server) copy the direct link to it then goto your style
    im guessing its using background-image:url("fkjdhskfjhsdkjhfds") (or background:)
    just change whatever is between the quotes to the image link
    example to change the background image for these comments
    @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("userstyles.org"){ #Comments>li{background-image:url("http://img526.imageshack.us/img526/2615/sharprainlg6.png")!important} }btw who hasnt at least heard of dreamweaver :)
  • Thats cool Choggi....about the image servers, I know how to change the hard coded images lmao but theres code you can add onto them to prevent high bandwidth, which results in the server deleting the image link. That is what I was talking about, not simply switching out the images:) thats simple. Coding the images to by pass server bandwidth restrictions is what I was getting at.

    "btw who hasnt at least heard of dreamweaver :)"

    Webb! Choggi...Webb! lol! He said he didn't know what it was so I was just giving him some background on it:)
    Take Care
  • hehe didnt notice that before. i guess someone doesnt

    you dont need to use imageshack
    use googlepages and upload the images theres no bandwidth restrictions just size (100MB)

    or you could add .nyud.net:8090 (the coral cache, im guessing thats what you were talking about)
    http://img526.imageshack.us.nyud.net:8090/img526/2615/sharprainlg6.png
  • Well, I have heard of Dreamweaver and I've heard of FrontPage. I just don't write any html so I don't have any use for them. I edited a html newsletter for a small club a couple of years ago but all I ever needed was notepad.

    So, yes, I do have my own css for Google searches. I haven't published it because I don't want to have to deal with people complaining about it. Take what you want from it but don't complain about it. The "Search Using" box is a Greasemonkey script.

    FWIW,

    @namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix(http://www.google.com/search), url-prefix(http://www.google.com/custom){ .gbarp,#guser>NOBR{font-size:xx-small !important;} #gbar>NOBR {position:absolute !important; /*left:595px !important;*/ right:0px !important; /*left:46em !important;*/ top:23px !important; height:10px !important;} #guser+TABLE {margin-top:-40px !important; height:10px !important;} .j{width:100% !important;} .t {padding-bottom:2px !important; height:10px !important;} A[href^="/support/bin/answer.py"] {color:red !important; font-weight:bold !important;} INPUT[size="41"]{width:230px !important;} #logo,#gbarl,#gbarc,.ft,.ta,#gbh,.bl,#sd+FONT, img[src^="http://img.youtube.com/"],.gb3, TD[width="75"],#res+center,IMG[src^="/logos/"] {display:none !important;} }

    Photo Sharing and Video Hosting at Photobucket
  • Posted By: ChoGGihehe didnt notice that before. i guess someone doesnt

    you dont need to use imageshack
    use googlepages and upload the images theres no bandwidth restrictions just size (100MB)

    or you could add .nyud.net
    Cool thanks for the info about googlepages Choggi appreciated. I finally found out about the coding I was talking about...base64 lol...so now I know. I only have a couple more things to fix in the google script the more box, advanced search page, & preferences page so all most there:) You mind giving me alittle background on the coral cache you mentioned? Like is there any benefits in using it?
  • Posted By: WebbWell, I have heard of Dreamweaver and I've heard of FrontPage. I just don't write any html so I don't have any use for them. I edited a html newsletter for a small club a couple of years ago but all I ever needed was notepad.
    I see Webb...I thought everybody kind of knew what it was, but I was just going by what I got from your post, hence the background lol. Thanks for letting me take a look at your script as well I appreciate it. Yea notepads a powerful tool my favorite is notepad++ though....I think it should come standard in Windows lol. Just my opinion:)
  • Posted By: djosirisYou mind giving me alittle background on the coral cache you mentioned? Like is there any benefits in using it?
    well it's a cache :) the first time you use example.com.nyud.net/image.png coral will download the image from example.com after that coral will use the one from its cache. might be quicker might not, but it'll help for bandwidth restrictions
    more info at their website
  • Posted By: ChoGGiwell it's a cache :) the first time you useexample.com.nyud.net/image.pngcoral will download the image from example.com
    Alright wasn't clear if it was for the imaging app coral or not thats why I asked, I'll stick with base64 for now. The only thing I don't like about base64 is the code output is very long! Anyways thanks for the info Choggi... btw I have a problem with a script I made but it's an about:blank script so I'll post the code in that topic that someone already started & maybe you can give it a look:)
Sign In or Register to comment.