i'm trying to make a quote box like slap battles wiki (where they have the background picture and make a quote and add the persons name of who said it).
ALL POSTS
1
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).
(Edited by Evoflam)
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>4
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.
What do you think?