Human Dunnil
2006-May-09 21:43 UTC
[Rails] [OT] How do guys create round corner boxes? Which Graphic tool?
Hello, Yes, I know it''s off-topic and nuby question, but I really don''t know anything about graphic, I''m all a coder who lives in his text editor, so sorry at first! I need to create round corner box for my web app, I know how to form a box using CSS, I just dunno how to create those rounded corners. Is there an easy to use tool for creating them, out there? Thank you all in advance, - Dunnil -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060509/588857d3/attachment.html
Eric Goodwin
2006-May-09 21:47 UTC
[Rails] [OT] How do guys create round corner boxes? Which Graphic tool?
Hi, The easiest and cleanest way to do this involves using some javascript. http://www.encytemedia.com/blog/articles/2005/12/01/rico-rounded-corners-without-all-of-rico or http://www.html.it/articoli/niftycube/index.html Cheers, Eric Goodwin Human Dunnil wrote:> Hello, > Yes, I know it''s off-topic and nuby question, but I really don''t know > anything about graphic, I''m all a coder who lives in his text editor, > so sorry at first! > > I need to create round corner box for my web app, I know how to form a > box using CSS, I just dunno how to create those rounded corners. > Is there an easy to use tool for creating them, out there? > > Thank you all in advance, > - Dunnil > ------------------------------------------------------------------------ > > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails >-- Eric Goodwin http://www.ericgoodwin.com
Josh Knowles
2006-May-09 21:48 UTC
[Rails] [OT] How do guys create round corner boxes? Which Graphic tool?
On 5/9/06, Human Dunnil <h.dunnil@gmail.com> wrote:> I need to create round corner box for my web app, I know how to form a box > using CSS, I just dunno how to create those rounded corners. > Is there an easy to use tool for creating them, out there? >I have had good luck using NiftyCube ( http://www.html.it/articoli/niftycube/index.html). -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060509/31c944fa/attachment.html
Roberto Saccon
2006-May-09 23:13 UTC
[Rails] [OT] How do guys create round corner boxes? Which Graphic tool?
If you want antialiased rounded corners with and radius and border of your choice and don''t mind 50 KB for that, then take a look at http://curvycorners.net, you won''t believe it before you have seen it with your own eyes ! On 5/9/06, Josh Knowles <joshknowles@gmail.com> wrote:> > > > On 5/9/06, Human Dunnil <h.dunnil@gmail.com> wrote: > > > I need to create round corner box for my web app, I know how to form a > > box using CSS, I just dunno how to create those rounded corners. > > Is there an easy to use tool for creating them, out there? > > > > > I have had good luck using NiftyCube (http://www.html.it/articoli/niftycube/index.html > ). > > > > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails > > >-- Roberto Saccon -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060509/d3119653/attachment-0001.html
Matt Ramos
2006-May-09 23:21 UTC
[Rails] [OT] How do guys create round corner boxes? Which Graphic tool?
http://www.spiffycorners.com/ On 5/9/06, Roberto Saccon <rsaccon@gmail.com> wrote:> > If you want antialiased rounded corners with and radius and border of your > choice and don''t mind 50 KB for that, then take a look at > http://curvycorners.net, you won''t believe it before you have seen it with > your own eyes ! > > On 5/9/06, Josh Knowles <joshknowles@gmail.com> wrote: > > > > > On 5/9/06, Human Dunnil < h.dunnil@gmail.com> wrote: > > > I need to create round corner box for my web app, I know how to form a > > box using CSS, I just dunno how to create those rounded corners. > > Is there an easy to use tool for creating them, out there? > > > > > I have had good luck using NiftyCube (http://www.html.it/articoli/niftycube/index.html > ). > > > > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails > > > > > > -- > Roberto Saccon > > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails > > >-- Matt -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060509/5bba4d26/attachment.html
cdr
2006-May-10 04:24 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
> using CSS, I just dunno how to create those rounded corners. > Is there an easy to use tool for creating them, out there?(-moz-)border-radius CSS attribute is simplest. if the browser donet support it you can waste a lot more time integrating something else.. -- Posted via http://www.ruby-forum.com/.
Peter Michaux
2006-May-10 04:29 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
On 5/9/06, cdr <carmen@whats-your.name> wrote:> > > using CSS, I just dunno how to create those rounded corners. > > Is there an easy to use tool for creating them, out there?There is not a really easy cross browser way to do this. The cross browser method usually uses two or four nested html elements each with a background image along with some clever element margins and/or padding. See "Bulletproof Web Design" by Dan Cederholm for more. It is a great book. Otherwise google "css rounded corners". Otherwise pick apart a website with rounded corners.
Jim mack
2006-May-10 06:03 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
One approach is to use a table, and put an image for each of the four corners, a horizontal line, and a vertical line, in as background images. Another I''ve seen is to generate a graphical image, rounded or whatever, on the fly based on its size. On 5/9/06, Peter Michaux <petermichaux@gmail.com> wrote:> > On 5/9/06, cdr <carmen@whats-your.name> wrote: > > > > > using CSS, I just dunno how to create those rounded corners. > > > Is there an easy to use tool for creating them, out there? > > There is not a really easy cross browser way to do this. The cross > browser method usually uses two or four nested html elements each with > a background image along with some clever element margins and/or > padding. See "Bulletproof Web Design" by Dan Cederholm for more. It is > a great book. Otherwise google "css rounded corners". Otherwise pick > apart a website with rounded corners. > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails >-- Jim -- Welcome to the ownership society. If you have not been assigned an owner yet, please report to Iran for duty. -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060510/5af178e1/attachment.html
Beate Paland
2006-May-10 07:38 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
Hi, 2006/5/10, Jim mack <jimmack1963@gmail.com>:> One approach is to use a table, and put an image for each of the four > corners, a horizontal line, and a vertical line, in as background images.Please don''t. Thats not semantic. http://www.google.de/search?hl=de&q=round+corners+css&btnG=Google-Suche&meta Nifty Corners is much common. Beate
Hammed Malik
2006-May-10 18:03 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
If you don''t mind using javascript to do it, Rico does a good job: http://openrico.org/rico/demos.page?demo=rico_corner On 5/9/06, cdr <carmen@whats-your.name> wrote:> > > using CSS, I just dunno how to create those rounded corners. > > Is there an easy to use tool for creating them, out there? > > (-moz-)border-radius CSS attribute is simplest. if the browser donet > support it you can waste a lot more time integrating something else.. > > -- > Posted via http://www.ruby-forum.com/. > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails >
John Ivanoff
2006-May-10 18:46 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphi
http://www.html.it/articoli/niftycube/index.html On 5/10/06, Hammed Malik <hammed@gmail.com> wrote:> If you don''t mind using javascript to do it, Rico does a good job: > > http://openrico.org/rico/demos.page?demo=rico_corner > > On 5/9/06, cdr <carmen@whats-your.name> wrote: > > > > > using CSS, I just dunno how to create those rounded corners. > > > Is there an easy to use tool for creating them, out there? > > > > (-moz-)border-radius CSS attribute is simplest. if the browser donet > > support it you can waste a lot more time integrating something else.. > > > > -- > > Posted via http://www.ruby-forum.com/. > > _______________________________________________ > > Rails mailing list > > Rails@lists.rubyonrails.org > > http://lists.rubyonrails.org/mailman/listinfo/rails > > > _______________________________________________ > Rails mailing list > Rails@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails >
Human Dunnil
2006-May-10 22:19 UTC
[Rails] Re: [OT] How do guys create round corner boxes? Which Graphic tool?
Thank you all guys. -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060510/f4b45e1f/attachment.html
Tam-Minh
2006-Dec-15 15:35 UTC
Re: [OT] How do guys create round corner boxes? Which Graphi
There are a lot of solutions found around the net. But i ask myself, can i create a rounded corner box using library of script.aculo.us! -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Tam-Minh wrote:> There are a lot of solutions found around the net. But i ask myself, can > i create a rounded corner box using library of script.aculo.us! >I''ve been experimenting a bit with Nifty Corners. It''s a javascript based solution which requires no graphic files. I''ve gone the other route (photoshoping, etc), and this one is less laborous on the backend, but shifts the effort towards browser rendering time (of which I haven''t noticed any slow down as of yet) and programming time (most ID/Classes can be rounded in an onload event, but partials are a little trickier). Nifty is also nice because you don''t have any special rendering html. Just tell Nifty the ID(or class) you want to round. The demos are good. http://www.html.it/articoli/niftycube/index.html Jodi --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Jeremy McAnally
2006-Dec-15 20:09 UTC
Re: How do guys create round corner boxes? Which Graphi
I enjoy curvyCorners...it''s the only one Ive gotten to work reliably. http://www.curvycorners.net/ On 12/15/06, Jodi <jodi-BOB1p6JRLoAV+D8aMU/kSg@public.gmane.org> wrote:> > > Tam-Minh wrote: > > There are a lot of solutions found around the net. But i ask myself, can > > i create a rounded corner box using library of script.aculo.us! > > > > I''ve been experimenting a bit with Nifty Corners. It''s a javascript > based solution which requires no graphic files. > > I''ve gone the other route (photoshoping, etc), and this one is less > laborous on the backend, but shifts the effort towards browser > rendering time (of which I haven''t noticed any slow down as of yet) and > programming time (most ID/Classes can be rounded in an onload event, > but partials are a little trickier). > > Nifty is also nice because you don''t have any special rendering html. > Just tell Nifty the ID(or class) you want to round. The demos are good. > > http://www.html.it/articoli/niftycube/index.html > > Jodi > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
not neccessarily a solution, but interesting: http://ajaxian.com/archives/googles-rounded-corner-generator On 12/15/06, Jeremy McAnally <jeremymcanally-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > I enjoy curvyCorners...it''s the only one Ive gotten to work reliably. > > http://www.curvycorners.net/ > > On 12/15/06, Jodi <jodi-BOB1p6JRLoAV+D8aMU/kSg@public.gmane.org> wrote: > > > > > > Tam-Minh wrote: > > > There are a lot of solutions found around the net. But i ask myself, can > > > i create a rounded corner box using library of script.aculo.us! > > > > > > > I''ve been experimenting a bit with Nifty Corners. It''s a javascript > > based solution which requires no graphic files. > > > > I''ve gone the other route (photoshoping, etc), and this one is less > > laborous on the backend, but shifts the effort towards browser > > rendering time (of which I haven''t noticed any slow down as of yet) and > > programming time (most ID/Classes can be rounded in an onload event, > > but partials are a little trickier). > > > > Nifty is also nice because you don''t have any special rendering html. > > Just tell Nifty the ID(or class) you want to round. The demos are good. > > > > http://www.html.it/articoli/niftycube/index.html > > > > Jodi > > > > > > > > > > > > >-- Ed Hickey Developer Litmus Media 816-533-0409 ehickey-A4HEbNdjHgMmlAP/+Wk3EA@public.gmane.org A Member of Think Partnership, Inc www.ThinkPartnership.com Amex ticker symbol: THK --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
My own answers: * http://phrogz.net/css/sammich/index2.html * http://phrogz.net/css/roundcorner.html --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Josh Knowles wrote:> > I have had good luck using NiftyCube ( > http://www.html.it/articoli/niftycube/index.html).Really? In a Rails app? Only seems to work for me if niftycube.js is in a directory that matches the path of the URL. For example, if I put niftycube in (public)/niftycube.js, the effect only occurs on http://mysite.com/, not on http://mysite.com/anywhere/else. -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Robert Head wrote:> Josh Knowles wrote: >> >> I have had good luck using NiftyCube ( >> http://www.html.it/articoli/niftycube/index.html). > > Really? In a Rails app? > > Only seems to work for me if niftycube.js is in a directory that matches > the path of the URL. For example, if I put niftycube in > (public)/niftycube.js, the effect only occurs on http://mysite.com/, not > on http://mysite.com/anywhere/else.Niftycube works perfectly for me, everywhere. There does appear to be a spurious request for the stylesheet in non-existent locations, though. You''re right about that. Have you tried including the niftyCube CSS stylesheet in <head> via stylesheet_link_tag ? That''s what I did and it works perfectly. -DJCP -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Hi guys, I started using NiftyCude today with Rails. I copied : - niftyCorners.css to ../public/stylesheets - niftycube.js to ../public/javascrips And I added : <% stylesheet_link_tag "niftyCorners", :media => "screen" %> to my view, but for one reason or another I do not get rounded corners. Any ideas what I could be missing / doing wrong? Thanks Johannes --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Hi, You need to add the javascript file as well. The javascript file will actually include the css file for you, so you should even need to add that one. <%= javascript_include_tag :defaults, ''niftycube'' %> -Eric Goodwin plotzeling-PkbjNfxxIARBDgjK7y7TUQ@public.gmane.org wrote:> > Hi guys, > > I started using NiftyCude today with Rails. > > I copied : > - niftyCorners.css to ../public/stylesheets > - niftycube.js to ../public/javascrips > > And I added : <% stylesheet_link_tag "niftyCorners", :media => "screen" > %> to my view, but for one reason or another I do not get rounded > corners. > > Any ideas what I could be missing / doing wrong? > > Thanks > > Johannes > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Thanks Eric, I tried it but no happiness :-( In my dos window I see it load load the js and the css but nothing seems to happen I''m stumped and I''m giving it a break and will try again tomorrow it has been a loong day. Johannes --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
you need to set the window.onload. something like this in your HTML <HEAD>: <script type="text/javascript"> window.onload=function(){ Nifty("div#head_menu a","transparent top"); } </script> On 1/4/07, plotzeling-PkbjNfxxIARBDgjK7y7TUQ@public.gmane.org <plotzeling-PkbjNfxxIARBDgjK7y7TUQ@public.gmane.org> wrote:> > > Thanks Eric, > > I tried it but no happiness :-( > > In my dos window I see it load load the js and the css but nothing > seems to happen > > I''m stumped and I''m giving it a break and will try again tomorrow it > has been a loong day. > > Johannes > > > > >-- Ed Hickey Developer Litmus Media 816-533-0409 ehickey-A4HEbNdjHgMmlAP/+Wk3EA@public.gmane.org A Member of Think Partnership, Inc www.ThinkPartnership.com Amex ticker symbol: THK --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Thanks Ed, But its all there in my header. I''m stumped. Johannes --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
The niftycube.js file looks for the niftycorners.css file in the same directory. In order for it to find the css file in the stylesheets directory edit the niftycube.js file replace this line l.setAttribute("href","niftyCorners.css"); with l.setAttribute("href","/stylesheets/niftyCorners.css"); Roland --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Johannes De jong wrote:> Thanks Eric, > > I tried it but no happiness :-( > > In my dos window I see it load load the js and the css but nothing > seems to happen > > I''m stumped and I''m giving it a break and will try again tomorrow it > has been a loong day. > > JohannesHey Johannes, I just read this thread trying to figure out why my NiftyCubes wasn''t working with my Rails app. I got it working using the fixes suggested by Eric. You were on the right path to but you may have forgotten the "=" in your stylesheet_link_tag call.. <% stylesheet_link_tag "niftyCorners", :media => "screen"%> should be: <%= stylesheet_link_tag "niftyCorners", :media => "screen"%> Don''t know if you just made a typo - but you might want to check Cheers, Win -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---