Template talk:Roundy: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
m (Reverted edits by 444Zekrom (talk) to last revision by Tenno Seremel)
Line 47: Line 47:


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! ==
I have an idea:
:classy="roundytl" and classy="roundybr"
: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)
=== Test for {{template|leafybrtl}} ===
:{| cellspacing="7" class="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;" style="border: 1px solid #3e7614;" align="center"
| class="roundytop" style="background: #c4e673; border: 1px solid #3e7614; font-size: 160%; padding-left: 20px;" align="left" height="50px" | '''Welcome to Bulbapedia, {{<includeonly>subst:</includeonly>BASEPAGENAME}}!'''
|-
| valign="top" |
{| align="right" style="background: #E0F2B6; border: 1px solid #3e7614; padding:8px; {{roundy|100px}}"
| [[File:Bulbapedia bulb.png|100px|center]]
|}
By creating your account you are now able to edit pages, join discussions, and expand the community-driven Pokémon encyclopedia. Before you jump in, here are some ground rules:
* Be nice to everyone. It's in the {{bp|code of conduct}}.
* Make good edits. Preview them before you save to make sure they're perfect the first time around.
* Use {{bp|wikicode}} and {{bp|link templates}} when adding content to a page.
* Use proper grammar and spelling, and read the {{bp|manual of style}}.
* You can't create a userpage until you've added to the encyclopedia. It's a privilege. See the {{bp|userspace policy}}.
* Use {{bp|talk pages}} to resolve editing disputes. Don't "edit war," or constantly re-edit/undo the same thing on a page.
* If you have a question about something, be proactive. Ask for help. The {{bp|staff}} won't bite.
* Sign all talk page posts with four tildes (<nowiki>~~~~</nowiki>). This will turn into your name and the time you wrote the comment.
* For more handy links, see the {{bp|welcome|welcome portal}}.
|-
|
|-
| class="roundybottom" style="background: #c4e673; border: 1px solid #3e7614; padding-left: 20px;" | '''<div style="float: left; font-size: 110%;">Thank you, and have a good time editing here!</div>'''<div style="float: right; height: 20px; background: white; border-left: 10px solid #f3f5f1; {{roundybr|10px}}">&nbsp; ~~<noinclude></noinclude>~~ &nbsp;</div><div style="float: right; height: 20px; width: 10px; background: #DFF2B1; border-left: 10px solid #D3EC95;">&nbsp;</div>
|}
:It doesn't work yet.--[[User talk:444Zekrom|<span style="color:brown">444</span>]][[User:444Zekrom|<span style="color:black">Z</span>]][[Zekrom|<span style="color:blue">ekrom</span>]] 07:49, 7 November 2010 (UTC)

Revision as of 07:57, 7 November 2010

{{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)