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
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 24: Line 24:
==================================================
==================================================
-->
-->
<templatestyles src="Template:3DCube/style.css"/>
<templatestyles src="Template:3DCube/style.css"/>
<div class="cc-scene" style="perspective: 600px; width: {{{size|200}}}px; height: {{{size|200}}}px;">
<div class="cc-scene" style="perspective: 600px; width: {{{size|200}}}px; height: {{{size|200}}}px;">
Line 31: Line 30:
              
              
             <div class="cc-side front" style="transform: rotateY(0deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side front" style="transform: rotateY(0deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                 {{{front|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{front|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
             <div class="cc-side back" style="transform: rotateY(180deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side back" style="transform: rotateY(180deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                 {{{back|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{back|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
             <div class="cc-side right" style="transform: rotateY(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(-90deg);">
             <div class="cc-side right" style="transform: rotateY(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(-90deg);">
                 {{{right|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{right|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
             <div class="cc-side left" style="transform: rotateY(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(90deg);">
             <div class="cc-side left" style="transform: rotateY(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(90deg);">
                 {{{left|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{left|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
             <div class="cc-side top" style="transform: rotateX(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(180deg);">
             <div class="cc-side top" style="transform: rotateX(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(180deg);">
                 {{{top|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{top|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
             <div class="cc-side bottom" style="transform: rotateX(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side bottom" style="transform: rotateX(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                 {{{bottom|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
                 {{{bottom|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px|frameless|link=]]}}}}}
             </div>
             </div>
              
              
Line 57: Line 56:
     </div>  
     </div>  
</div>
</div>
<noinclude>
<noinclude>
== Usage ==
== Usage ==
Because the template uses transparent walls, make sure any images you use are transparent PNGs or SVGs to get the best "see-through" effect.
Because the template uses transparent walls, make sure any images you use are transparent PNGs or SVGs to get the best "see-through" effect.  
 
*Note: If you are setting custom images using the face parameters (like `|front=`), make sure to add `|frameless|link=` to your file syntax to prevent the wiki from adding a default white background to the image!*


'''Convenience usage (same image on all sides):'''
'''Convenience usage (same image on all sides):'''
Line 71: Line 71:


'''Mixed content override:'''
'''Mixed content override:'''
You can set a global image, but override specific sides using wikitext.
You can set a global image, but override specific sides using wikitext.  
<pre>
<pre>
{{3DCube
{{3DCube
  | size = 250
  | size = 200
  | front = [[File:Transparent_Image.png|200px]]
  | image = Standard_Block.png
| back = <span class="cc-text">HELLO<br>WORLD</span>
| left = Just some plain text!
| right = [[File:Another_Image.png|200px]]
  | top = <span class="cc-text">TOP</span>
  | top = <span class="cc-text">TOP</span>
  | bottom = <span class="cc-text">BOTTOM</span>
  | bottom = [[File:Special_Bottom.png|200px|frameless|link=]]
}}
}}
</pre>
</pre>

Revision as of 20:29, 13 April 2026

Usage

Because the template uses transparent walls, make sure any images you use are transparent PNGs or SVGs to get the best "see-through" effect.

  • Note: If you are setting custom images using the face parameters (like `|front=`), make sure to add `|frameless|link=` to your file syntax to prevent the wiki from adding a default white background to the image!*

Convenience usage (same image on all sides): 

{{3DCube
 | size = 150
 | image = Transparent_Image.png
}}

Mixed content override: You can set a global image, but override specific sides using wikitext. 

{{3DCube
 | size = 200
 | image = Standard_Block.png
 | top = <span class="cc-text">TOP</span>
 | bottom = [[File:Special_Bottom.png|200px|frameless|link=]]
}}
Retrieved from "https://www.sncapedia.org/index.php?title=Template:3DCube&oldid=30323"