Paste this wikitext in the source editor:

<includeonly><div class="quote" style="width:80%;"><span style="font-size: 28px;color: #FFF;font-family: ceuntry;">'''“'''</span><span style="font-size: 18px;color: #FFF;padding:5px;text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;">''{{{1|ParamName1}}}''</span><span style="font-size: 28px;color: #FFF;font-family: ceuntry;">'''”'''</span>{{#if:{{{2|}}}|<br/><span style="font-size: 18px;color: #FFF;padding: 20px;text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;">''―{{{2|ParamName2}}}}}{{#if:{{{3|}}}|, {{{3|}}}''}}</span></div></includeonly>

<noinclude>{{Documentation}}
<templatedata>
{
	"params": {
		"1": {
			"label": "Put a quote here.",
			"description": "Put any quote for the page here.",
			"example": "[Example1]",
			"type": "line",
			"required": true,
			"suggested": true
		},
		"2": {
			"label": "Who said this or who was the author of this quote?",
			"description": "Basically the person who said this.",
			"example": "[Example2]",
			"type": "content",
			"required": true,
			"suggested": true
		},
		"3": {
			"label": "Source of this quote?",
			"description": "Where did this quote come from?",
			"example": "[Example3]",
			"suggested": true
		},
		"4": {
			"label": "What will be the quote box's width?",
			"example": "\"100%\", \"80%\".",
			"type": "number",
			"suggested": true
		}
	},
	"description": "A quote box."
}
</templatedata>
</noinclude>

P.S:- Replace [Example1], [Example2], and [Example3] with the dialogues of your choice. You can also change the descriptions and labels if you'd like, to fit the theme of your wiki (which may also apply to the background image).

do i copy all of that

^ No. I can make a (slightly) better version using parameters (no hate! just think i can do better)

Try this:

(he already used parameters so im just making them better"

<includeonly><div class="quote" style="width:80%;"><span style="font-size: 28px;color: #FFF;font-family: ceuntry;">'''“'''</span><span style="font-size: 18px;color: #FFF;padding:5px;text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;">''{{{1|ParamName1}}}''</span><span style="font-size: 28px;color: #FFF;font-family: ceuntry;">'''”'''</span>{{#if:{{{2|}}}|<br/><span style="font-size: 18px;color: #FFF;padding: 20px;text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;">''―{{{2|ParamName2}}}}}{{#if:{{{3|}}}|, {{{3|}}}''}}</span></div></includeonly>

<noinclude>{{Documentation}}
<templatedata>
{
	"params": {
		"Quote": {
			"label": "Put a quote here.",
			"description": "Put any quote for the page here.",
			"example": "[Example1]",
			"type": "line",
			"required": true,
			"suggested": true
		},
		"QuoteAuthor": {
			"label": "Who said this or who was the author of this quote?",
			"description": "Basically the person who said this.",
			"example": "[Example2]",
			"type": "content",
			"required": true,
			"suggested": true
		},
		"QuoteSrc": {
			"label": "Source of this quote?",
			"description": "Where did this quote come from?",
			"example": "[Example3]",
			"suggested": true
		},
		"QuoteWidth": {
			"label": "What will be the quote box's width?",
			"example": "\"100%\", \"80%\".",
			"type": "number",
			"suggested": true
		}
	},
	"description": "A quote box."
}
</templatedata>
</noinclude>

ReVerseYTReal's version is exactly the same as Evoflam's beside using named parameters in the TemplateData, which will not work because they are not defined in the template itself.

General problems with this code:

• This will not work well on light backgrounds (hard-coded white font color)

• "font-family: ceuntry;" doesn't work unless that font is imported in the site css

• Parameter 4 (for width) does not work because it's not defined in the template

• Also, OP asked for a specific template with a background image

@ OP, please link the template from the other wiki you're talking about, and also the template you're working on.

So it turns out that's what Evoflam copied.

Still, ReVerseYTReal's TemplateData will not work with this, use the original code instead.

Also point 2 and 3 from my post above still apply.

You are missing the styles for the template. They are in their Common.css on line 435. You probably want to define a different background image though.

Depending on that image, the white font color will work or not.

The font "ceuntry" is only used for the quotation marks. It will not work (and it also does not work on the slap-battle wiki btw.). Instead, the visitor's browser's default font will be used, which may look differently depending on the browser used.

Either remove the font-family from the code, or define some font that you have to import in your css.

Remove the parameter 4 from TemplateData, unless you want the option to define the width of the box.

If you want it, you have to change this part of the tempate code

<div class="quote" style="width:80%;">

to

<div class="quote" style="width:{{{4|80%}}};">

/edit: corrected wrong syntax for parameter 4 above, oups...

so i replace the family-font: ceuntry with just ceuntry, right? took me a while to figure

Remove the font-family rule completely.

"font-family: default;" is not valid css.

It will use the wiki's font then. You can adjust the font-size if you want.

<span style="font-size: 28px;color: #FFF">