Template talk:Roundy: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
m (yay)
mNo edit summary
(4 intermediate revisions by 3 users not shown)
Line 48: Line 48:
We've split roundy into nine pieces. Currently, we have to fix a lot of the templates and pages whose coding is broken by this change. Should be done ASAP, if the servers cooperate. '''[[User:TTEchidna|<span style="color:#FF0000">''TTE''</span>]][[User talk:TTEchidna|chidna]]''' 08:27, 25 June 2010 (UTC)
We've split roundy into nine pieces. Currently, we have to fix a lot of the templates and pages whose coding is broken by this change. Should be done ASAP, if the servers cooperate. '''[[User:TTEchidna|<span style="color:#FF0000">''TTE''</span>]][[User talk:TTEchidna|chidna]]''' 08:27, 25 June 2010 (UTC)


== Roundycorners go leafy! ==
== Internet Explorer ==


I have an idea:
Is there a way to make roundy work for IE? [[User:Pikiwyn|<font color="#d0000d" face="boopee">'''''Pikiwyn'''''</font>]] [[User talk:Pikiwyn|<tt><sup>'''''<font color="black">talk</font>'''''</sup></tt>]] 00:56, 6 December 2010 (UTC)
 
:Not that I know of. IE currently does not support this. <span style="color:red">—<small>♥</small></span> <b>[[User:Jello|<span style="color:orange;">Jello</span>]][[User Talk:Jello|<span style="color:#3FA9D0;"><sup>talk</sup></span>]]</b> 01:02, 6 December 2010 (UTC)
:classy="roundytl" and classy="roundybr"
::It works with IE 9 yessss! [[User:Pikiwyn|<font color="#d0000d" face="boopee">'''''Pikiwyn'''''</font>]] [[User talk:Pikiwyn|<tt><sup>'''''<font color="black">talk</font>'''''</sup></tt>]] 18:57, 17 January 2011 (UTC)
 
:We can combine that to make {{template|leafybrtl}}:
 
:<code><nowiki>classy="border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;"</nowiki></code>
 
----
 
:classy="roundytr" and classy="roundybl"
 
:Again, {{template|leafybltr}}:
 
:<code><nowiki>classy="border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px;"</nowiki></code>
 
----
 
Can I get this to work? I haven't tried. To be moved to my sandbox!--[[User talk:444Zekrom|<span style="color:brown">444</span>]][[User:444Zekrom|<span style="color:black">Z</span>]][[Zekrom|<span style="color:blue">ekrom</span>]] 09:32, 6 November 2010 (UTC)

Revision as of 18:57, 17 January 2011

{{roundytl}} {{roundytop}} {{roundytr}}
{{roundyleft}} {{roundy}} {{roundyright}}
{{roundybl}} {{roundybottom}} {{roundybr}}


Addition

border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -moz-border-radius{{#switch: {{{2|}}}|tl=-topleft|tr=-topright|bl=-bottomleft|br=-bottomright}}: {{{1|10px}}}; -webkit-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -khtml-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -icab-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -o-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}};<!-- {{#switch: {{{2|}}}|tl=top-left|tr=top-right|bl=bottom-left|br=bottom-right}}--><noinclude>[[Category:Table templates]]</noinclude> This will add KHTML, iCab, and Opera support. I can prove Opera for sure.--immewnitythemew 19:06, 6 May 2010 (UTC)

There's also the issue of bloat, too many CSS workarounds slow load times slightly. iCab is barely used, for example, so it's not really worth it to slow down load for everyone just so a small fraction of users see rounded corners.
KHTML is slightly more widespread, because Safari also uses it, not just Konqueror. I'll need to test it a bit more to be certain, but we can switch that one out.
I'm not sure about the Opera code either; I'll test it on the older version of Opera I have on my laptop, but for future reference, Opera, as of recently, uses the plain border-radius code, and doesn't support the -o-border-radius or -opera-border-radius. -- Jïörüjï Ðērākō.>.cнаt^ 22:30, 6 May 2010 (UTC)
  1. Safari uses -webkit
  2. I've tested just -o on Opera 10 alpha and it worked.--immewnitythemew 22:22, 3 June 2010 (UTC)
And put the standard border-radius first!--immewnitythemew 22:23, 3 June 2010 (UTC)
There's an unneeded > after noinclude...--immewnitythemew 18:00, 6 June 2010 (UTC)
I believe different versions of Safari use different engines, but it's a moot point since we have KHTML and webkit both covered.
I don't believe -o is disabled entirely on newer versions of Opera, but I know for a fact that the newest versions of Opera use plain border-radius already (getting a head-start on CSS3 specs).
The extra > isn't hurting anything, just a mistake when I was copy-pasting.
And lastly, do you have a particular reason why you say border-radius should be first? From what I know about CSS in general, it should usually be last in line for this sort of code. -- Jïörüjï Ðērākō.>.cнаt^ 05:48, 8 June 2010 (UTC)
Opera never supported -o-border-radius. Also generic border-radius property should go *after* vendor specific ones. — Tenno Seremel 08:52, 21 July 2010 (UTC)

Roundycorners are dead.

Hope you guys are happy. TTEchidna 01:52, 16 June 2010 (UTC)

Oh stop pouting. They're not necessarily dead yet. That this template is partially to blame for the issues (never said it's the whole thing) is still a theory that's worth testing. If the roundy's were to blame....then we should try and find a way to do them without them causing issues, because I personally do like them roundy. --Archaic 04:24, 16 June 2010 (UTC)
No, I'm not happy. >:{ Although I don't believe we need to include the -webkit- prefix anymore as the newest versions of Safari and Chrome now support regular old border-radius (which I just discovered the other day), as does the latest version of Opera (no more need for -o-border-radius). Perhaps we could uncomment the regular and -moz- versions, leaving the rest hidden, and see what happens? Quagbert 14:03, 16 June 2010 (UTC)

Roundycorners are back!

Sorta.

We've split roundy into nine pieces. Currently, we have to fix a lot of the templates and pages whose coding is broken by this change. Should be done ASAP, if the servers cooperate. TTEchidna 08:27, 25 June 2010 (UTC)

Internet Explorer

Is there a way to make roundy work for IE? Pikiwyn talk 00:56, 6 December 2010 (UTC)

Not that I know of. IE currently does not support this. Jellotalk 01:02, 6 December 2010 (UTC)
It works with IE 9 yessss! Pikiwyn talk 18:57, 17 January 2011 (UTC)