Test Page 001: Difference between revisions

From Anime London Wiki
Jump to navigation Jump to search
← Older edit
Tag: Reverted
 
(6 intermediate revisions by the same user not shown)
Line 21: Line 21:
</div></div>
</div></div>
=test 2=
=test 2=
/* CSS Sliding Image Gallery for Mediawiki
<div class="jcarousel-wrapper">
*
<div class="jcarousel jcarousel-randomize">
* @author: Unknown
    <div class="jcarousel-list">
* current version crafted together by [[User:Christharp]] from several CSS sites.
        <div class="jcarousel-item">
*/
{{banner|direction=left|width=60%
 
|section=Spring Reviews
#slidingphotocontainer {
|section-link=Anime Shows - 2023#Spring
    width: 1000px;
|title=Mashle
    overflow: hidden;
|Image:Mashle.jpg
    margin: 10px auto;
|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!
    background: white;
}}
}
        </div>
        <div class="jcarousel-item">
.photobanner {
{{banner|direction=left|width=60%
    height: 233px;
|section=Spring Reviews
    width: 3550px;
|section-link=Anime Shows - 2023#Spring
    margin-bottom: 10px;
|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!
}}
.photobanner img {;
        </div>
    height: 233px;
        <div class="jcarousel-item">
    width: 350px;
{{banner|direction=left|width=60%
    transition: all 0.5s ease;
|Image:TengokuDaimakyou.jpg
}
|section=Spring Reviews
|section-link=Anime Shows - 2023#Spring
.photobanner img:hover {
|title=Tengoku Daimakyou
    transform: scale(1.4);
|quote=Description
    cursor: pointer;
}}
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
        </div>
}
        <div class="jcarousel-item">
/*keyframe animations*/
{{banner|direction=left|width=60%
.first {
|section=Spring Reviews
    animation: bannermove 30s linear infinite;
|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!
@keyframes "bannermove" {
}}
0% {
        </div>
    margin-left: 0px;
        <div class="jcarousel-item">
}
{{banner|direction=left|width=60%
100% {
|section=Spring Reviews
    margin-left: -2125px;
|section-link=Anime Shows - 2023#Spring
}
|title=Isekai de Cheat Skill o Te ni Shita Ore wa
|Image:IsekaiCheatSkill.jpg
}
|quote=Description
 
}}
 
        </div>
<div id="slidingphotocontainer">
        <div class="jcarousel-item">
 
{{banner|direction=left|width=60%
    <div class="photobanner">
|section=Spring Reviews
<img class="first" src="{{filepath:Mashle.jpg}}">[[Image:TengokuDaimakyou.jpg]]
|section-link=Anime Shows - 2023#Spring
Image:Mashle.jpg
|title=Jigokuraku
Image:TengokuDaimakyou.jpg
|Image:Jigokuraku.jpg
Image:IsekaiCheatSkill.jpg
|quote=Description
Image:Jigokuraku.jpg
}}
Image:AnkokuHeishi.jpg
        </div>
Image:BenriyaIsekai.jpg
        <div class="jcarousel-item">
Image:IsekaiNonbiriNouka.jpg
{{banner|direction=left|width=60%
Image:KamiHiro2.jpg
|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">[[#|&lsaquo;]]</span>
<span class="jcarousel-control-next">[[#|&rsaquo;]]</span>
<p class="jcarousel-pagination"></p>
</div>
</div>
    </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"/>

‹ ›

Retrieved from "http://www.animelondon.org/wiki/index.php?title=Test_Page_001&oldid=44332"