Template:Codeblock - Revision history

VivaRomania at 01:35, 18 August 2025

2025-08-18T01:35:35Z

← Older revision		Revision as of 01:35, 18 August 2025
Line 1:		Line 1:
	~~See Also: [[Template:Code]]~~		<div style="max-width:{{{width\|unset}}}; overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.52rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--
	~~<includeonly>~~

	~~<onlyinclude><!--~~
	~~-->~~<div style="max-width:{{{width\|unset}}}; overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.52rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--
	-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="width=100%; display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1);		-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="width=100%; display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1);
	border-bottom:1px solid rgba(164, 145, 126, 1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--		border-bottom:1px solid rgba(164, 145, 126, 1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
Line 44:		Line 40:
	--></div><!--		--></div><!--
	--><!--		--><!--
	--></div>~~</onlyinclude>~~		--></div>
			<noinclude>
	<~~/includeonly~~>

	== Documentation ==		== Documentation ==
	Just go to Valve Dev Community for their documentation, only difference is formatting (styling).		Just go to Valve Dev Community for their documentation, only difference is formatting (styling).
Line 99:		Line 93:
	16</nowiki>}}		16</nowiki>}}

	~~<noinclude>~~
	[[Category:Layout templates]]		[[Category:Layout templates]]
	</noinclude>		</noinclude>

VivaRomania at 01:34, 18 August 2025

2025-08-18T01:34:20Z

← Older revision		Revision as of 01:34, 18 August 2025
Line 99:		Line 99:
	16</nowiki>}}		16</nowiki>}}

			<noinclude>
	[[Category:Layout templates]]		[[Category:Layout templates]]
			</noinclude>

NinjaV: fixed width with src/lang

2025-08-17T23:21:17Z

fixed width with src/lang

← Older revision		Revision as of 23:21, 17 August 2025
Line 4:		Line 4:
	<onlyinclude><!--		<onlyinclude><!--
	--><div style="max-width:{{{width\|unset}}}; overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.52rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--		--><div style="max-width:{{{width\|unset}}}; overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.52rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--
	-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="~~max-~~width~~:{{{width\|unset}}}~~; display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1);		-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="width=100%; display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1);
	border-bottom:1px solid rgba(164, 145, 126, 1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--		border-bottom:1px solid rgba(164, 145, 126, 1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
	--><!--		--><!--
Line 81:		Line 81:
	height=250px\| <!--cannot be percentage-->		height=250px\| <!--cannot be percentage-->
	width=25%\|		width=25%\|
			lang=txt\|
	<nowiki>A1		<nowiki>A1
	B2		B2

NinjaV at 23:11, 17 August 2025

2025-08-17T23:11:03Z

← Older revision		Revision as of 23:11, 17 August 2025
Line 1:		Line 1:
			See Also: [[Template:Code]]
	<includeonly>		<includeonly>

NinjaV: fixed link

2025-08-17T22:55:57Z

fixed link

← Older revision		Revision as of 22:55, 17 August 2025
Line 49:		Line 49:
	== Documentation ==		== Documentation ==
	Just go to Valve Dev Community for their documentation, only difference is formatting (styling).		Just go to Valve Dev Community for their documentation, only difference is formatting (styling).
	Link: [https://developer.valvesoftware.com/w/index.php?title=Template:~~Code~~ VDC Code Documentation]		Link: [https://developer.valvesoftware.com/w/index.php?title=Template:CodeBlock VDC Code Documentation]

	== Examples ==		== Examples ==

NinjaV: reformat (forgot lines being temp green)

2025-08-17T22:41:04Z

reformat (forgot lines being temp green)

← Older revision		Revision as of 22:41, 17 August 2025
Line 2:		Line 2:

	<onlyinclude><!--		<onlyinclude><!--
	--><div style="overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.~~5rem~~<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--		--><div style="max-width:{{{width\|unset}}}; overflow:hidden;background-color:{{#switch:{{{style\|}}}\|1=rgba(241, 233, 203, 1)\|rgba(241, 233, 203, 1)}};{{#switch:{{{style\|}}}\|1=border:1px solid rgba(48,48,48,1);\|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.52rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin\|.3em 0 .3em 0}}}"><!--
	-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1); border-bottom:1px solid rgba(0,~~255~~,0,.1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--		-->{{#if:{{{src\|{{{lang\|}}}}}}\|<div style="max-width:{{{width\|unset}}}; display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1);
			border-bottom:1px solid rgba(164, 145, 126, 1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
	--><!--		--><!--
	--><div>{{{src\|The source was not specified}}}</div><!--		--><div>{{{src\|The source was not specified}}}</div><!--
Line 12:		Line 13:
	--><div style="width:100%"><!--		--><div style="width:100%"><!--
	--><div style="scrollbar-color:#f1e9cb #583a31; position:relative;width:100%;display:flex;max-height:{{{height\|unset}}};overflow:auto"><!--		--><div style="scrollbar-color:#f1e9cb #583a31; position:relative;width:100%;display:flex;max-height:{{{height\|unset}}};overflow:auto"><!--
	-->{{#if:{{{lines\|}}}\|<div style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.45em .5em;color: white;background-color:{{#switch:{{{style\|}}}\|1=rgb(0,0,~~255~~)\|rgb(0, ~~255~~, 0)}};border-right:1px solid rgb(48,48,48)"><!--		-->{{#if:{{{lines\|}}}\|<div style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.45em .5em;color: white;background-color:{{#switch:{{{style\|}}}\|1=rgb(88, 58, 49)\|rgb(88, 58, 49);}};border-right:1px solid rgb(48,48,48)"><!--
	--><ol start="{{{start\|1}}}" style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0"><!--		--><ol start="{{{start\|1}}}" style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0"><!--
	-->{{padright:\|{{#expr:5 * {{{lines}}}}}\|<li> }}{{#ifexpr:{{{lines}}} > 100<!--		-->{{padright:\|{{#expr:5 * {{{lines}}}}}\|<li> }}{{#ifexpr:{{{lines}}} > 100<!--
Line 45:		Line 46:

	</includeonly>		</includeonly>

			== Documentation ==
			Just go to Valve Dev Community for their documentation, only difference is formatting (styling).
			Link: [https://developer.valvesoftware.com/w/index.php?title=Template:Code VDC Code Documentation]

	== Examples ==		== Examples ==
	~~with~~ header		=== With header ===
	{{codeblock\|		{{codeblock\|
	lang=txt (file type)\|		lang=txt (file type)\|
Line 61:		Line 66:
	}}		}}

	~~without~~ header		=== Without header ===
	{{codeblock\|		{{codeblock\|
	<nowiki>(code)		<nowiki>(code)
Line 69:		Line 74:
	</nowiki>		</nowiki>
	}}		}}
	~~The line code~~ is ~~partially broke~~ and ~~isnt aligned fully~~		=== With lines enabled + Locked Height/Width ===
			'''Note''':It is not fully aligned and may break with lots of lines. Fast scrolling also breaks alignment but will refix.
	{{codeblock\|		{{codeblock\|
	lines=16\| ~~<!--amount of number lines-->~~		lines=16\|
	height=~~100px~~ <!--~~height of it, if list is longer, scroll appears. Ignore to make it fully expand~~-->		height=250px\| <!--cannot be percentage-->
	\|<nowiki>A1		width=25%\|
			<nowiki>A1
	B2		B2
	C3		C3
	D4		D4
	E5		Start of Long Line ----------------- End of Long Line
	F6
	G7
	H8		You can also leave gaps
	I9		9
	~~J10~~		10
	~~K11~~		11
	~~L12~~		12
	~~M13~~		13
	~~N14~~		14
	~~O15~~		15
	~~P16~~</nowiki>}}		16</nowiki>}}

			[[Category:Layout templates]]

NinjaV: reformatted! looks acceptable now. examples!

2025-08-16T22:28:55Z

reformatted! looks acceptable now. examples!

@@ Line 2: / Line 2: @@
 <onlyinclude><!--
-         --><div style="overflow:hidden;background-color:{{#switch:{{{style|}}}|1=rgba(0,0,0,.1)|rgba(0,0,0,.4)}};{{#switch:{{{style|}}}|1=border:1px solid rgba(48,48,48,1);|}}border-radius:4px; font-family:monospace,monospace; line-height:1.125rem; text-indent:0; white-space:pre-wrap; margin: {{{margin|.3em 0 .3em 0}}}"><!--
+         --><div style="overflow:hidden;background-color:{{#switch:{{{style|}}}|1=rgba(241, 233, 203, 1)|rgba(241, 233, 203, 1)}};{{#switch:{{{style|}}}|1=border:1px solid rgba(48,48,48,1);|}}border-radius:4px; font-family:monospace,monospace; color: black; line-height:1.5rem<!--lines-->; text-indent:0; white-space:pre-wrap; margin: {{{margin|.3em 0 .3em 0}}}"><!--
-             -->{{#if:{{{src|{{{lang|}}}}}}|<div style="display:flex;justify-content:space-between;background-color:rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.1); font-family:monospace,monospace;line-height:1.125rem; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
+             -->{{#if:{{{src|{{{lang|}}}}}}|<div style="display:flex;justify-content:space-between;background-color:rgba(88, 58, 49, 1); border-bottom:1px solid rgba(0,255,0,.1); font-family:monospace,monospace; color: white; line-height:1.125rem<!--header-->; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
 --><!--
                  --><div>{{{src|The source was not specified}}}</div><!--
@@ Line 11: / Line 11: @@
 --><!--
              --><div style="width:100%"><!--
-                 --><div style="scrollbar-color:#373737 #101010; position:relative;width:100%;display:flex;max-height:{{{height|unset}}};overflow:auto"><!--
+                 --><div style="scrollbar-color:#f1e9cb #583a31; position:relative;width:100%;display:flex;max-height:{{{height|unset}}};overflow:auto"><!--
-                     -->{{#if:{{{lines|}}}|<div style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.5em 0 .4em 0;background-color:{{#switch:{{{style|}}}|1=rgb(31,31,31)|rgb(24,24,24)}};border-right:1px solid rgb(48,48,48)"><!--
+                     -->{{#if:{{{lines|}}}|<div style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.45em .5em;color: white;background-color:{{#switch:{{{style|}}}|1=rgb(0,0,255)|rgb(0, 255, 0)}};border-right:1px solid rgb(48,48,48)"><!--
                          --><ol start="{{{start|1}}}" style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0"><!--
                              -->{{padright:|{{#expr:5 * {{{lines}}}}}|<li> }}{{#ifexpr:{{{lines}}} > 100<!--
@@ Line 23: / Line 23: @@
                      --></div>}}<!--
 --><!--
-                     --><div style="width:100%;text-indent:0;line-height:1.6em;white-space:{{#if:{{{softwrap|}}}|pre-wrap|pre}};height:100%;tab-size:4;"><!--
+                     --><div style="width:100%;text-indent:0;line-height:1.6rem<!--code-->;white-space:{{#if:{{{softwrap|}}}|pre-wrap|pre}};height:100%;tab-size:4;"><!--
                          -->{{#if:{{{lightamount1|{{{lightstart1|}}}}}}|<div style="position:sticky;z-index:0"><!--
                              --><div style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart1|1}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount1|1}}});position:absolute;left:0;user-select:none;pointer-events:none"><!--
@@ Line 45: / Line 45: @@
 </includeonly>

NinjaV: just bare with this for a bit, im checking some stuff out for a custom weapon tutorial

2025-08-16T20:28:43Z

just bare with this for a bit, im checking some stuff out for a custom weapon tutorial

New page

<includeonly>

<onlyinclude><div style="overflow:hidden;background-color:{{#switch:{{{style|}}}|1=rgba(0,0,0,.1)|rgba(0,0,0,.4)}};{{#switch:{{{style|}}}|1=border:1px solid rgba(48,48,48,1);|}}border-radius:4px; font-family:monospace,monospace; line-height:1.125rem; text-indent:0; white-space:pre-wrap; margin: {{{margin|.3em 0 .3em 0}}}">{{#if:{{{src|{{{lang|}}}}}}|<div style="display:flex;justify-content:space-between;background-color:rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.1); font-family:monospace,monospace;line-height:1.125rem; text-indent:0; white-space:pre-wrap; padding:.5em"><div>{{{src|The source was not specified}}}</div>{{#if:{{{lang|}}}|<div>{{#switch:{{{lang}}}|plain=Plain text|html=HTML|css=CSS|scss=SCSS|less=LESS|js=JavaScript|json=JSON|php=PHP|c=C|csharp=C#|cpp=C++|pascal=Pascal|python=Python|java=Java|squirrel=Squirrel|lua=Lua|glua=gLua|fgd=Forge Game Data|{{{lang}}}}}</div>}}</div>}}<div style="width:100%"><div style="scrollbar-color:#373737 #101010; position:relative;width:100%;display:flex;max-height:{{{height|unset}}};overflow:auto">{{#if:{{{lines|}}}|<div style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.5em 0 .4em 0;background-color:{{#switch:{{{style|}}}|1=rgb(31,31,31)|rgb(24,24,24)}};border-right:1px solid rgb(48,48,48)"><ol start="{{{start|1}}}" style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0">{{padright:|{{#expr:5 * {{{lines}}}}}|<li> }}{{#ifexpr:{{{lines}}} > 100|{{padright:|{{#expr:5 * ({{{lines}}} - 100)}}|<li> }}}}{{#ifexpr:{{{lines}}} > 200 |{{padright:|{{#expr:5 * ({{{lines}}} - 200)}}|<li> }}}}{{#ifexpr:{{{lines}}} > 300 |{{padright:|{{#expr:5 * ({{{lines}}} - 300)}}|<li> }}}}{{#ifexpr:{{{lines}}} > 400 |{{padright:|{{#expr:5 * ({{{lines}}} - 400)}}|<li> }}}}</ol></div>}}<div style="width:100%;text-indent:0;line-height:1.6em;white-space:{{#if:{{{softwrap|}}}|pre-wrap|pre}};height:100%;tab-size:4;">{{#if:{{{lightamount1|{{{lightstart1|}}}}}}|<div style="position:sticky;z-index:0"><div style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart1|1}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount1|1}}});position:absolute;left:0;user-select:none;pointer-events:none"></div></div>}}{{#if:{{{lightamount2|{{{lightstart2|}}}}}}|<div style="position:sticky;z-index:0"><div style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart2|2}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount2|1}}});position:absolute;left:0;user-select:none;pointer-events:none"></div></div>}}{{#if:{{{lightamount3|{{{lightstart3|}}}}}}|<div style="position:sticky;z-index:0"><div style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart3|3}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount3|1}}});position:absolute;left:0;user-select:none;pointer-events:none"></div></div>}}{{#if:{{{lightamount4|{{{lightstart4|}}}}}}|<div style="position:sticky;z-index:0"><div style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart4|4}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount4|1}}});position:absolute;left:0;user-select:none;pointer-events:none"></div></div>}}<div style="padding:.45em .5em;position:relative">{{#if:{{{highlight|}}}|{{#tag:syntaxhighlight|{{{1|}}}|lang={{{highlight}}}|inline=1|style="background-color:transparent;"}}|{{{1|}}}}}</div></div></div></div></div></onlyinclude>

</includeonly>