|
<infobox theme-source="colors">
{|class="infobox" style="background-color: #f3dff3; margin-left: 10px; margin-bottom: 10px; -moz-border-radius-top-right: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-top-left: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-bottom-right-radius: 20px; -moz-border-radius-bottom-right: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottom-left: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -moz-border-radius:20px; border: 2px solid #d8c6d8; width: 40%"
<title source="title"/>
|- align="center"
<data source="image"/>
| class="color1" colspan="2" style="background-color: #f3dff3"; color: white; vertical-align: top; font-size: 12px; border-top-right-radius: 10px; -moz-border-radius-top-right: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-top-left: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottom-right: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottom-left: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; -moz-border-radius:10px; padding-top: 0.2em; padding-right: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; text-align: center; "|'''{{{title}}}'''
<group>
|-
<header>Information</header>
|- align="center"
<data source="vol"><label>Volume</label></data>
| colspan="2" | {{{image}}}
<data source="chapter"><label>Chapters</label></data>
|-
<data source="ja_kanji"><label>Japanese Title</label><format><span lang="ja" style="font-family:Meiryo" class="t_nihongo_kanji">{{{ja_kanji}}}</span></format></data>
| class="color1" colspan="2" style="background-color: #f3dff3"; color: white; vertical-align: top; font-size: 12px; padding-top: 0.2em; padding-right: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; text-align: center; "|<center>'''Statistics'''</center>
<data source="ja_romaji"><label>Romanized Title</label>
|-
<format>''{{{ja_romaji}}}''</format></data>
{{!}}style="background-color: #d8c6d8; border-top-left-radius: 10px; -moz-border-radius-top-left: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; color:#000000"{{!}}<center>'''Volume'''</center>
<data source="page"><label>Total Pages</label></data>
{{!}}<small>{{{vol}}}</small>''
<data source="date"><label>Date Released</label></data>
{{!}}-
<data source="digital"><label>Digital Version[[JOJO-D|<sup><small><span class="explain" style="font-style: normal;" title="JOJO-D">?</span></small></sup>]]</label></data>
{{!}}style="background-color: #d8c6d8; color:#000000"{{!}}<center>'''Chapters'''</center>
<data source="color"><label>Color Version[[JOJO-D#Digital Colored Comics|<sup><small><span class="explain" style="font-style: normal;" title="Digital Colored Comics">?</span></small></sup>]]</label></data>
{{!}}<small>{{{chapter}}}</small>''
<data source="author"><label>Author</label></data>
{{!}}-
<data source="designer"><label>Cover Designer</label></data>
{{!}}style="background-color: #d8c6d8; color:#000000"{{!}}<center>'''Japanese Title'''</center>
<data source="publisher"><label>Publisher</label></data>
{{!}}<small>{{{jname}}}</small>''
<data source="isbn"><label>ISBN</label></data>
{{!}}-
</group>
{{!}}style="background-color: #d8c6d8; color:#000000"{{!}}<center>'''Romanized Title'''</center>
<group layout="horizontal">
{{!}}<small>''{{{rname}}}''</small>''
<header>Volume Chronology</header>
{{!}}-
<data source="prev"><label>← Previous</label></data>
{{!}}style="background-color: #d8c6d8; color:#000000"{{!}}<center>'''Total Pages'''</center>
<data source="next"><label>Next → </label></data>
{{!}}<small>{{{page}}}</small>''
</group>
{{!}}-
{{!}}style="background-color: #d8c6d8; -moz-border-radius-bottom-left: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; -moz-border-radius:10px; color:#000000"{{!}}<center>'''Date Released'''</center>
{{!}}<small>{{{date}}}</small>''
{{!}}-
|-
| class="color1" colspan="2" style="background-color: #f3dff3"; color: white; vertical-align: top; font-size: 12px; padding-left: 0.2em; text-align: center; "|<center>'''Chapter Chronology'''</center>
|- valign="top"
| valign=top align=center style="font-size:80%;" width=150 | ← Previous <br>{{{prev}}}
| valign=top align=center style="font-size:80%;" width=150 | Next → <br>{{{next}}}
|}
==Instructions==
This is an infobox that can be used for volumes.
The basic code to bring it up is this.
<pre>
{{Volume box|Infobox
|title =|
|image =|
|vol =|
|chapters =|
|ja_kanji =
jname=|
|ja_romaji =
rname=|
|page =
pages=|
|date =|
|digital =
prev=[[Chapter ]]|
|color =
next=[[Chapter ]]|
|author =
|designer =
|publisher =
|isbn =
|prev = [[Volume #]]
|next = [[Volume #]]
}}
</pre></noinclude><noinclude>[[Category:Infobox Templates]]</noinclude>
</pre>
| 
