Test Page 001: Difference between revisions
Jump to navigation
Jump to search
Michael Eh? (talk | contribs) No edit summary |
Michael Eh? (talk | contribs) m →test 2 |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
< | =Test 1= | ||
Image: | <div style="position: relative; height: 1%;"> | ||
Image: | <div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS --> | ||
Image: | <div style="position: relative; margin: 0 auto; width: 742px;height: 1%;"><!-- RECOMMEND THE WIDTH IS SET TO LOOK GOOD ON IPADS ETC. THIS WILL BE THE TOTAL WIDTH VIEWABLE AREA --> | ||
Image: | <div style="position: relative; overflow: hidden; height: 300px;"><!-- RECOMMENDED THIS HEIGHT IS THE SAME AS THE HEIGHT SET FOR THE IMAGES --> | ||
</ | <div class='wrapper'> | ||
<gallery mode="packed" widths=200px heights=300px perrow=10><!-- PERROW SHOULD BE THE SAME NUMBER AS THE TOTAL NUMBER OF IMAGES IF YOU WANT THE GALLERY TO LOOK LIKE A SLIDING ROW OF IMAGES. --> | |||
Image:Mashle.jpg | |||
Image:TengokuDaimakyou.jpg | |||
Image:IsekaiCheatSkill.jpg | |||
Image:Jigokuraku.jpg | |||
Image:AnkokuHeishi.jpg | |||
Image:BenriyaIsekai.jpg | |||
Image:IsekaiNonbiriNouka.jpg | |||
Image:KamiHiro2.jpg | |||
</gallery> | |||
</div> | |||
</div> </div> | |||
</div></div> | |||
=test 2= | |||
<div class="jcarousel-wrapper"> | |||
<div class="jcarousel jcarousel-randomize"> | |||
<div class="jcarousel-list"> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Mashle | |||
|Image:Mashle.jpg | |||
|quote=In a world of magic where magic is used for everything but deep in the forest, there is a young man who can't use magic, but one day, his life is put in danger! | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Tengoku Daimakyou | |||
|quote=In a world of magic where magic is used for everything but deep in the forest, there is a young man who can't use magic, but one day, his life is put in danger! | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|Image:TengokuDaimakyou.jpg | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Tengoku Daimakyou | |||
|quote=Description | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Tengoku Daimakyou | |||
|quote=In a world of magic where magic is used for everything but deep in the forest, there is a young man who can't use magic, but one day, his life is put in danger! | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Isekai de Cheat Skill o Te ni Shita Ore wa | |||
|Image:IsekaiCheatSkill.jpg | |||
|quote=Description | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Jigokuraku | |||
|Image:Jigokuraku.jpg | |||
|quote=Description | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Kaiko Sareta Ankoku Heishi (30-dai) no Slow na Second Life | |||
|Image:AnkokuHeishi.jpg | |||
|quote=Description | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Benriya Saitou-san, Isekai ni Iku | |||
|Image:BenriyaIsekai.jpg | |||
|quote=Description | |||
}} | |||
</div> | |||
<div class="jcarousel-item"> | |||
{{banner|direction=left|width=60% | |||
|section=Spring Reviews | |||
|section-link=Anime Shows - 2023#Spring | |||
|title=Isekai Nonbiri Nouka | |||
|Image:IsekaiNonbiriNouka.jpg | |||
|quote=Description | |||
}} | |||
</div> | |||
</div> | |||
</div> | |||
<span class="jcarousel-control-prev">[[#|‹]]</span> | |||
<span class="jcarousel-control-next">[[#|›]]</span> | |||
<p class="jcarousel-pagination"></p> | |||
</div> | |||
Latest revision as of 02:14, 14 April 2023
Test 1
test 2
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>
<templatestyles src="Banner/styles.css"/>