Encyclopedia Dramatica:Collapsing Objects - Revision history

imported>TabbyGarf: update, thanks jacob lol

2021-03-16T01:12:12Z

update, thanks jacob lol

imported>TabbyGarf: /* {{tname|cg}}: Gallery */

2021-01-07T15:05:22Z

{{tname|cg}}: Gallery

← Older revision		Revision as of 15:05, 7 January 2021
Line 190:		Line 190:

	<pre>		<pre>
	{{cg\|A\|B\|C\|D\|E}}		{{cg\|title\|id\|align\|gallery\|color\|border}}

	A: Gallery title to be displayed in the black box		A: Gallery title to be displayed in the black box
Line 200:		Line 200:

	<pre>		<pre>
	{{cg\|~~Raid Propaganda~~\|\|center\|<gallery>		{{cg\|\|title=Broken Images\|id=cg2\|align=center\|gallery=<gallery>
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image
	File:Op-eof.png\|Another propaganda img		File:Op-eof.png\|Another propaganda img
Line 219:		Line 219:
	gives you:		gives you:

	{{cg\|~~Raid Propaganda~~\|\|center\|<gallery>		{{cg\|\|title=Broken Images\|id=cg2\|align=center\|gallery=<gallery>
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image
	File:Op-eof.png\|Another propaganda img		File:Op-eof.png\|Another propaganda img

imported>TabbyGarf: /* {{tname|cg}}: Gallery */

2021-01-07T14:55:21Z

{{tname|cg}}: Gallery

← Older revision		Revision as of 14:55, 7 January 2021
Line 200:		Line 200:

	<pre>		<pre>
	{{cg\|Raid Propaganda\|center\|<gallery>		{{cg\|Raid Propaganda\|\|center\|<gallery>
	~~<gallery widths="110px" heights="150" perrow="5"~~>
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image
	File:Op-eof.png\|Another propaganda img		File:Op-eof.png\|Another propaganda img
Line 215:		Line 214:
	File:LiberateOurChans.png \|moar propaganda		File:LiberateOurChans.png \|moar propaganda
	File:AThousandAnonDescentUponYou.jpg \|moar propaganda		File:AThousandAnonDescentUponYou.jpg \|moar propaganda
	~~</gallery>}}~~

	</gallery>}}		</gallery>}}
	</pre>		</pre>
Line 222:		Line 219:
	gives you:		gives you:

	{{cg\|Raid Propaganda\|center\|<gallery>		{{cg\|Raid Propaganda\|\|center\|<gallery>
	~~<gallery widths="110px" heights="150" perrow="5"~~>
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image
	File:Op-eof.png\|Another propaganda img		File:Op-eof.png\|Another propaganda img
Line 238:		Line 234:
	File:AThousandAnonDescentUponYou.jpg \|moar propaganda		File:AThousandAnonDescentUponYou.jpg \|moar propaganda
	</gallery>}}		</gallery>}}



	<br style="clear: both;" />		<br style="clear: both;" />

imported>TabbyGarf: /* {{tname|cg}}: Gallery */

2021-01-07T14:39:40Z

{{tname|cg}}: Gallery

← Older revision		Revision as of 14:39, 7 January 2021
Line 193:		Line 193:

	A: Gallery title to be displayed in the black box		A: Gallery title to be displayed in the black box
	~~B: Unique name to the page. Hint: The gallery title with no spaces works fine.~~
	C: Horizontal alignment of gallery on page. "left", "right", or "center".		C: Horizontal alignment of gallery on page. "left", "right", or "center".
	D: gallery images. Must be enclosed in <gallery></gallery> tags.		D: gallery images. Must be enclosed in <gallery></gallery> tags.
Line 201:		Line 200:

	<pre>		<pre>
	{{cg\|Raid Propaganda~~\|raidPropaganda~~\|center\|<gallery>		{{cg\|Raid Propaganda\|center\|<gallery>
	<gallery widths="110px" heights="150" perrow="5">		<gallery widths="110px" heights="150" perrow="5">
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image
Line 223:		Line 222:
	gives you:		gives you:

	{{cg\|Raid Propaganda~~\|raidPropaganda~~\|center\|<gallery>		{{cg\|Raid Propaganda\|center\|<gallery>
	<gallery widths="110px" heights="150" perrow="5">		<gallery widths="110px" heights="150" perrow="5">
	File:EndOfFailIcon.png\|original image		File:EndOfFailIcon.png\|original image

imported>TabbyGarf: /* {{tname|cg}}: Gallery */

2021-01-07T14:38:41Z

{{tname|cg}}: Gallery

← Older revision		Revision as of 14:38, 7 January 2021
Line 195:		Line 195:
	B: Unique name to the page. Hint: The gallery title with no spaces works fine.		B: Unique name to the page. Hint: The gallery title with no spaces works fine.
	C: Horizontal alignment of gallery on page. "left", "right", or "center".		C: Horizontal alignment of gallery on page. "left", "right", or "center".
	D: ~~Teaser gallery images. Must be enclosed in <gallery></gallery> tags and should be a multiple of four images.~~		D: gallery images. Must be enclosed in <gallery></gallery> tags.
	~~E: Remaining~~ gallery images. Must be enclosed in <gallery></gallery> tags.
	</pre>		</pre>

Line 208:		Line 207:
	File:propoganda.png\| propaganda image		File:propoganda.png\| propaganda image
	File:123496873881.png\| propaganda		File:123496873881.png\| propaganda
	~~</gallery>\|<gallery>~~
	File:At-v2.png \|moar propaganda		File:At-v2.png \|moar propaganda
	File:At-v3.png \|moar propaganda		File:At-v3.png \|moar propaganda
Line 231:		Line 229:
	File:propoganda.png\| propaganda image		File:propoganda.png\| propaganda image
	File:123496873881.png\| propaganda		File:123496873881.png\| propaganda
	~~</gallery>\|<gallery>~~
	File:At-v2.png \|moar propaganda		File:At-v2.png \|moar propaganda
	File:At-v3.png \|moar propaganda		File:At-v3.png \|moar propaganda

imported>TKN: /* See Also */

2011-08-11T20:00:18Z

imported>TKN: /* See Also */

2011-08-11T20:00:18Z

See Also

New page

[[Image:Wtc_005.jpg|thumb|right|Collapsing objects.]]

__NOTOC__

The ED wiki is now using the latest version of the Collapsing Objects code originally developed for [[ED:Encyclopedia Dramatica:Collapsing Objects|ED]]. You will see some familiar concepts, but the syntax and end results have been changed around a great deal. Just like before, you can either write the code yourself (much easier than version 1) or use a template.

==Writing the Code==

In the previous version of the code, there was a one-to-one ratio between links and collapsing content. This new release allows for greater flexibility in four different ratios.

You pass information to the script using the class tag of the container that will hold the link. Arguments are separated by semicolons and the ordering is mandatory. For instance:

<pre>

</pre>

:'''co''' - This designates a collapsing object. It is mandatory and case sensitive.
:'''ctext''' - This is the collapsing link text. It can contain any special characters or spaces except a semicolon.
:'''etext''' - This is the expanding link text. It can contain any special characters or spaces except a semicolon.
:'''state''' - This is the initial state. 0 is collapsed; 1 is expanded. God help you if you put a 2.
:'''classname''' - The target class of this link. See the following sections for an explanation.
:'''linkcolor''' - Optional parameter that lets you customize the link's color. Don't include the preceeding semicolon if you're not changing the color.

You mark the target object(s) by setting the class equal to '''classname'''. For example:

<pre>
<div class="classname">Content!</div>
</pre>

===One-to-One===

This is the standard one link to one content region relationship.

Example:

    What's up?

Code:

<pre>


What's up?
</pre>

===One-to-Many===

This is one link to multiple content regions.

Example:

    What's up?    What's up?

Code:

<pre>


What's up?

What's up?
</pre>

===Many-to-One===

This is multiple links to one content region.

Example:

    What's up?    

Code:

<pre>


What's up?


</pre>

===Many-to-Many===

This is multiple links to multiple content regions.

Example:

    What's up?    What's up?    

Code:

<pre>


What's up?

What's up?


</pre>

===Changing Link Color===

This collapsing link is green.

Example:

    My link is green.

Code:

<pre>
    My link is green.
</pre>

==Using Templates==

The templates require you to specify a target class name. This allows you to extend the functionality of each template by adding more links or content regions to suit your need. A target class name must be unique to the page and contain no spaces.

==={{tname|co}}: Object===

Generic collapsing object. More or less the same as writing out the one-to-one code by hand.

<pre>
{{co|A|B|C|D|E|F}}

A: Unique name to the page, no spaces.
B: The text to be displayed on the collapse link.
C: The text to be displayed on the expand lnk.
D: The initial state. 0 = collapsed, anything else = expanded.
E: The content to collapse and expand.
F: Style information for the collapsing content.
</pre>

For instance,

<pre>{{co|qwerty|[Collapse Me]|[Expand Me]|1|Here's some stuff.|color: red; background-color: black; padding: 5px;}}</pre>

gives you:

{{co|qwerty|[Collapse Me]|[Expand Me]|1|Here's some stuff.|color: red; background-color: black; padding: 5px;}}

==={{tname|cs}}: Section===

Level 2 collapsing section header.

<pre>
{{cs|A|B|C|D}}

A: Unique name to the page, no spaces. Hint: The section name with no spaces works.
B: The section name.
C: The section content. May contain nested collapsable sections.
D: The initial state. 0 = collapsed, anything else = expanded.
</pre>

For instance,

<pre>
{{cs|testSectionOne|Test Section One|Here's some sample content under a large header.|0}}
</pre>

gives you:

{{cs|testSectionOne|Test Section One|Here's some sample content under a large header.|0}}

==={{tname|cs2}}: Subsection===

Level 3 collapsing section header.

<pre>
{{cs2|A|B|C|D}}

A: Unique name to the page, no spaces. Hint: The section name with no spaces works.
B: The section name.
C: The section content. May contain nested collapsable sections.
D: The initial state. 0 = collapsed, anything else = expanded.
</pre>

For instance,

<pre>
{{cs2|testSectionTwo|Test Section Two|Here's some sample content under a small header.|0}}
</pre>

gives you:

{{cs2|testSectionTwo|Test Section Two|Here's some sample content under a small header.|0}}

==={{tname|cg}}: Gallery===

<pre>
{{cg|A|B|C|D|E}}

A: Gallery title to be displayed in the black box
B: Unique name to the page. Hint: The gallery title with no spaces works fine.
C: Horizontal alignment of gallery on page. "left", "right", or "center".
D: Teaser gallery images. Must be enclosed in <gallery></gallery> tags and should be a multiple of four images.
E: Remaining gallery images. Must be enclosed in <gallery></gallery> tags.
</pre>

Example:

<pre>
{{cg|Raid Propaganda|raidPropaganda|center|<gallery>
<gallery widths="110px" heights="150" perrow="5">
File:EndOfFailIcon.png|original image
File:Op-eof.png|Another propaganda img
File:propoganda.png| propaganda image
File:123496873881.png| propaganda
</gallery>|<gallery>
File:At-v2.png |moar propaganda
File:At-v3.png |moar propaganda
File:At-v4.png |moar propaganda
File:AnonResistance.png |original original image
File:AnonAsOneAnonymousAndFree.jpg |moar propaganda
File:AnonAsOneAnonAndFree.png |alt original
File:DefendYouChans.png |moar propaganda
File:LiberateOurChans.png |moar propaganda
File:AThousandAnonDescentUponYou.jpg |moar propaganda
</gallery>}}

</gallery>}}
</pre>

gives you:

{{cg|Raid Propaganda|raidPropaganda|center|<gallery>
<gallery widths="110px" heights="150" perrow="5">
File:EndOfFailIcon.png|original image
File:Op-eof.png|Another propaganda img
File:propoganda.png| propaganda image
File:123496873881.png| propaganda
</gallery>|<gallery>
File:At-v2.png |moar propaganda
File:At-v3.png |moar propaganda
File:At-v4.png |moar propaganda
File:AnonResistance.png |original original image
File:AnonAsOneAnonymousAndFree.jpg |moar propaganda
File:AnonAsOneAnonAndFree.png |alt original
File:DefendYouChans.png |moar propaganda
File:LiberateOurChans.png |moar propaganda
File:AThousandAnonDescentUponYou.jpg |moar propaganda
</gallery>}}

 

== See Also ==

* [[Encyclopedia Dramatica:Morphing Objects|Morphing Objects]]

[[Category:Encyclopedia Dramatica]]

← Older revision	Revision as of 20:00, 11 August 2011
(No difference)