Dogcraft Wiki

Sandbox/Slick carousels

From Dogcraft Wiki

mNo edit summary
m (Replacing link to Server Guides with Guide:Guides)
 
(33 intermediate revisions by the same user not shown)
Line 9: Line 9:




<div class="slider">
<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>Item 1</div>
<div>[[File:Survival 1 Banner.png|1400px|link=Survival 1]]</div>
<div>Item 2</div>
<div>[[File:Survival 2 Banner.png|1400px|link=Survival 2]]</div>
<div>Item 3</div>
<div>[[File:Survival 3 Banner.png|1400px|link=Survival 3]]</div>
<div>Item 4</div>
<div>[[File:Survival 4 Banner.png|1400px|link=Survival 4]]</div>
<div>Item 5</div>
<div>Item 6</div>
</div>
</div>


<ul class="slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 1}'>
<div class="slider-center slider-focus" data-slick='{"slidesToShow": 5, "slidesToScroll": 1, "initialSlide": 2}'>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:ServerInfo.png|thumb|link=About the Server]]
     <center><div>[[File:ServerInfo.png|thumb|center|180px|link=About the Server]]
     <center>'''Overview'''</center>
     '''Overview'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:Builds.png|thumb|link=Category:Builds]]
     <center><div>[[File:Builds.png|thumb|center|180px|link=Category:Builds]]
     <center>'''Builds'''</center>
     '''Builds'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:Events_icon.png|thumb|link=Events]]
     <center><div>[[File:Events_icon.png|thumb|center|180px|link=Events]]
     <center>'''Events'''</center>
     '''Events'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:Worlds.png|thumb|link=Worlds]]
     <center><div>[[File:Worlds.png|thumb|center|180px|link=Worlds]]
     <center>'''Worlds'''</center>
     '''Worlds'''</div></center>
   </li>
   </div>
   <li class="active">
   <div style="display:flex; justify-content:center;">
     [[File:ReNDoG.png|thumb|link=ReNDoG]]
     <center><div>[[File:ReNDoG.png|thumb|center|180px|link=ReNDoG]]
     <center>'''ReNDoG'''</center>
     '''ReNDoG'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:Website_icon.png|thumb|link=Dogcraft.net]]
     <center><div>[[File:Website_icon.png|thumb|center|180px|link=Dogcraft.net]]
     <center>'''Website'''</center>
     '''Website'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:ServerGuides.png|thumb|link=Server Guides]]
     <center><div>[[File:Settlements.png|thumb|center|180px|link=Category:Settlements]]
     <center>'''Server Guides'''</center>
     '''Settlements'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:Settlements.png|thumb|link=Category:Settlements]]
     <center><div>[[File:WorldDownloads.png|thumb|center|180px|link=World Downloads]]
     <center>'''Settlements'''</center>
     '''Downloads'''</div></center>
   </li>
   </div>
   <li>
   <div style="display:flex; justify-content:center;">
     [[File:WorldDownloads.png|thumb|link=World Downloads]]
     <center><div>[[File:ServerGuides.png|thumb|center|180px|link=Guide:Guides]]
     <center>'''Downloads'''</center>
     '''Server Guides'''</div></center>
   </li>
  </div>
</ul>
</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>

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