Rails - May 2006 - [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

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

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

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

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

> 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/.

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.

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

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

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
>

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
>

Thank you all guys.
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
http://wrath.rubyonrails.org/pipermail/rails/attachments/20060510/f4b45e1f/attachment.html

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
-~----------~----~----~----~------~----~------~--~---

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.
> 
> Johannes
Hey 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
-~----------~----~----~----~------~----~------~--~---