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="slick" data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div class="slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 1}'>
   <div><h3>1</h3></div>
  <div>1</div>
   <div><h3>2</h3></div>
  <div>2</div>
   <div><h3>3</h3></div>
  <div>3</div>
   <div><h3>4</h3></div>
  <div>4</div>
   <div><h3>5</h3></div>
  <div>5</div>
   <div><h3>6</h3></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>

Latest revision as of 08:54, 29 June 2023

1
2
3
4
5
6


Survival 1 Banner.png
Survival 2 Banner.png
Survival 3 Banner.png
Survival 4 Banner.png
ServerInfo.png
Overview
Builds.png
Builds
Events icon.png
Events
Worlds.png
Worlds
ReNDoG.png
ReNDoG
Website icon.png
Website
Settlements.png
Settlements
WorldDownloads.png
Downloads
ServerGuides.png
Server Guides


Hungergamesscreenie.jpg
Dogcraft Website Current.png
M-Bay March 2020.png
Northold Hollows.png
2019-01-27 20.05.49.png
Events.png
DC Courthouse Logo.png
Test
Test
Test
Test
Test
Background Valentine's Day Event 2024 by TheWhiteTigerNL