Dogcraft Wiki
Sandbox/Slick carousels
From Dogcraft Wiki
(Created sandbox subpage) |
m (Replacing link to Server Guides with Guide:Guides) |
||
| (38 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div class=" | <div class="slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 1}'> | ||
<div>< | <div>1</div> | ||
<div>< | <div>2</div> | ||
<div>< | <div>3</div> | ||
<div>< | <div>4</div> | ||
<div>< | <div>5</div> | ||
<div>< | <div>6</div> | ||
</div> | |||
<div class="slider-fade" data-slick='{"autoplay": true, "autoplaySpeed": 2500, "speed": 1500, "arrows": false, "dots": false, "draggable": false, "pauseOnFocus": false, "pauseOnHover": false, "swipe": false, "focusOnSelect": false}'> | |||
<div>[[File:Survival 1 Banner.png|1400px|link=Survival 1]]</div> | |||
<div>[[File:Survival 2 Banner.png|1400px|link=Survival 2]]</div> | |||
<div>[[File:Survival 3 Banner.png|1400px|link=Survival 3]]</div> | |||
<div>[[File:Survival 4 Banner.png|1400px|link=Survival 4]]</div> | |||
</div> | |||
<div class="slider-center slider-focus" data-slick='{"slidesToShow": 5, "slidesToScroll": 1, "initialSlide": 2}'> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:ServerInfo.png|thumb|center|180px|link=About the Server]] | |||
'''Overview'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:Builds.png|thumb|center|180px|link=Category:Builds]] | |||
'''Builds'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:Events_icon.png|thumb|center|180px|link=Events]] | |||
'''Events'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:Worlds.png|thumb|center|180px|link=Worlds]] | |||
'''Worlds'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:ReNDoG.png|thumb|center|180px|link=ReNDoG]] | |||
'''ReNDoG'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:Website_icon.png|thumb|center|180px|link=Dogcraft.net]] | |||
'''Website'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:Settlements.png|thumb|center|180px|link=Category:Settlements]] | |||
'''Settlements'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:WorldDownloads.png|thumb|center|180px|link=World Downloads]] | |||
'''Downloads'''</div></center> | |||
</div> | |||
<div style="display:flex; justify-content:center;"> | |||
<center><div>[[File:ServerGuides.png|thumb|center|180px|link=Guide:Guides]] | |||
'''Server Guides'''</div></center> | |||
</div> | |||
</div> | |||
<div class="slider-center" data-slick='{"slidesToShow": 3, "slidesToScroll": 1}'> | |||
<div>[[File:Hungergamesscreenie.jpg]]</div> | |||
<div>[[File:Dogcraft Website Current.png]]</div> | |||
<div>[[File:M-Bay March 2020.png]]</div> | |||
<div>[[File:Northold Hollows.png]]</div> | |||
<div>[[File:2019-01-27 20.05.49.png]]</div> | |||
<div>[[File:Events.png|185px]]</div> | |||
<div>[[File:DC_Courthouse_Logo.png|185px]]</div> | |||
</div> | |||
<div class="slider-center" data-slick='{"slidesToShow": 3, "slidesToScroll": 1}'> | |||
<div style="margin: 0 10px; width:120px; height:100px;"><div style="background:lightgray; line-height:100px; text-align:center;">Test</div></div> | |||
<div style="margin: 0 10px; width:120px; height:100px;"><div style="background:lightgray; line-height:100px; text-align:center;">Test</div></div> | |||
<div style="margin: 0 10px; width:120px; height:100px;"><div style="background:lightgray; line-height:100px; text-align:center;">Test</div></div> | |||
<div style="margin: 0 10px; width:120px; height:100px;"><div style="background:lightgray; line-height:100px; text-align:center;">Test</div></div> | |||
<div style="margin: 0 10px; width:120px; height:100px;"><div style="background:lightgray; line-height:100px; text-align:center;">Test</div></div> | |||
</div> | </div> | ||
