New mission: revamp the portals to make them look actually tolerable to the eye. They are currently placeholders as of now.
The Gold Network: Soyworld | SNCApedia | SoyPlace


I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

Template:3DCube: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
my attempt
No edit summary
 
Line 1: Line 1:
<!--
==================================================
TEMPLATE NAME: 3DCube
Creates a spinning isometric cube using a 2D matrix
projection (compatible with MediaWiki sanitizers).
==================================================
USAGE:
{{3DCube
| image  =
| front  =
| back  =
| left  =
| right  =
| top    =
| bottom =
| size  =
| link  =
}}
PARAMETERS:
- image: Default filename for all 6 faces (e.g., Example.png).
- front, back, left, right, top, bottom: Override image for a specific face.
- size: Target width/height of the cube in pixels. Defaults to 200.
- link: Page to link to when the cube is clicked.
- rendering: CSS image-rendering property. Defaults to auto (e.g., pixelated).
==================================================
-->
<templatestyles src="Template:3DCube/style.css" />
<templatestyles src="Template:3DCube/style.css" />
<div class="scene">
<div style="display: inline-block; width: {{{size|200}}}px; height: {{{size|200}}}px; margin: 2em; overflow: visible;">
   <div class="cube" style="image-rendering: pixelated;">
   <div class="mw-3dcube-scene" style="transform: scale({{#expr: {{{size|200}}} / 200}}); transform-origin: top left; image-rendering: {{{rendering|auto}}};">
     <div class="cube-face face-front">[[File:{{{front|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
     <div class="mw-3dcube">
    <div class="cube-face face-right">[[File:{{{right|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
      <div class="mw-3dcube-face mw-3dcube-front">
    <div class="cube-face face-back">[[File:{{{back|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
        {{#if: {{{front|{{{image|}}}}}} | [[File:{{{front|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
    <div class="cube-face face-left">[[File:{{{left|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
      </div>
    <div class="cube-face face-top">[[File:{{{top|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
      <div class="mw-3dcube-face mw-3dcube-right">
    <div class="cube-face face-bottom">[[File:{{{bottom|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
        {{#if: {{{right|{{{image|}}}}}} | [[File:{{{right|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
      </div>
      <div class="mw-3dcube-face mw-3dcube-back">
        {{#if: {{{back|{{{image|}}}}}} | [[File:{{{back|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
      </div>
      <div class="mw-3dcube-face mw-3dcube-left">
        {{#if: {{{left|{{{image|}}}}}} | [[File:{{{left|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
      </div>
      <div class="mw-3dcube-face mw-3dcube-top">
        {{#if: {{{top|{{{image|}}}}}} | [[File:{{{top|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
      </div>
      <div class="mw-3dcube-face mw-3dcube-bottom">
        {{#if: {{{bottom|{{{image|}}}}}} | [[File:{{{bottom|{{{image}}}}}}|{{{size|200}}}px|link={{{link|}}}]] }}
      </div>
    </div>
   </div>
   </div>
</div>
</div>
<noinclude>
== Usage ==
Basic usage with one image for all sides:
<pre>
{{3DCube
| image = Smoboicon.png
}}
</pre>
Customizing sides, size, and rendering:
<pre>
{{3DCube
| size = 100
| rendering = pixelated
| front = Face_Front.png
| top = Face_Top.png
| image = Face_Generic.png <!-- Fallback for other sides -->
}}
</pre>
[[Category:Formatting templates]]
[[Category:Pages containing a rotating css cube]]
</noinclude>

Latest revision as of 16:42, 12 April 2026



Basic usage with one image for all sides:

{{3DCube
 | image = Smoboicon.png
}}

Customizing sides, size, and rendering:

{{3DCube
 | size = 100
 | rendering = pixelated
 | front = Face_Front.png
 | top = Face_Top.png
 | image = Face_Generic.png <!-- Fallback for other sides -->
}}