이브위키:연습장/대문: 두 판 사이의 차이

  • 최근 수정 시각: 2024년 8월 10일 (토) 01:29
  • 창작 문서는 문서 별 라이선스를 확인하세요. 실용 문서는 다른 조건이 없는 한 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0에 따라 사용할 수 있습니다. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 역사
< 이브위키:연습장
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
<div class="flex flex-col gap-4 mt-4 lg:mt-0">
<div class="flex flex-col gap-4 mt-4 lg:mt-0">
<!-- PC 슬라이드 시작 -->
<!-- PC 슬라이드 시작 -->
<div id="header_slide_banner_pc" class="splide hidden lg:block rounded-lg overflow-hidden shadow">
<div id="header_slide_banner_pc" class="swiper-container relative hidden md:block rounded-lg overflow-hidden shadow">
<div class="splide__track">
<div class="swiper-wrapper">
<ul class="splide__list">
<!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230806/mainpage_banner_img_230813.webp" style="height: 300px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
<!--1번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230806/mainpage_banner_img_230813.webp" style="height: 300px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></li>
<!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 300px"></a></html></div>
<!--2번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 300px"></a></html></li>
<!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230806/mainpage_banner_img_230813.webp" style="height: 300px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
</ul>
<!--4번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 300px"></a></html></div>
</div>
</div>
<!--페이지 번호--><div class="pagination absolute rounded-full -mt-12 right-3 bg-black/50 text-xs p-2 text-white"><span id="header_slide_banner_pc-current"></span><span> / </span><span id="header_slide_banner_pc-length"></span></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!--페이지 번호--><div class="swiper-pagination"></div>
</div>
</div>
<!-- PC 슬라이드 끝 -->
<!-- PC 슬라이드 끝 -->
<!-- Mobile 슬라이드 시작 -->
<!-- Mobile 슬라이드 시작 -->
<div id="header_slide_banner_mobile" class="splide lg:hidden rounded-lg overflow-hidden shadow">
<div id="header_slide_banner_mobile" class="swiper-container md:hidden rounded-lg overflow-hidden shadow">
<div class="splide__track">
<div class="swiper-wrapper">
<ul class="splide__list">
<!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></div>
<!--1번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></li>
<!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/플로라_유니버스.webp"></a></html></div>
<!--2번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></li>
<!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/당신들의_조선.webp"></a></html></div>
<!--3번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></li>
<!--페이지 번호--><div class="swiper-pagination"></div>
<!--4번 슬라이드--><li class="splide__slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></li>
</ul>
</div>
</div>
<!--페이지 번호--><ul class="splide__pagination"></ul>
</div>
</div>
<!-- Mobile 슬라이드 끝 -->
<!-- Mobile 슬라이드 끝 -->
83번째 줄: 82번째 줄:
<!-- 슬라이드 css js -->
<!-- 슬라이드 css js -->
<html>
<html>
<link rel="stylesheet" href="/mainpage/splide-4.1.3/dist/css/splide.min.css">
<link rel="stylesheet" href="/mainpage/swiper-11.1.9/swiper-bundle.min.css">
<script src="/mainpage/splide-4.1.3/dist/js/splide.min.js"></script>
<script src="/mainpage/swiper-11.1.9/swiper-bundle.min.js"></script>
<script src="/mainpage/240809/slide.min.js"></script>
<script src="/mainpage/240809/slide.min.js"></script>
</html>
</html>
{{#CSS:
{{#CSS:
.splide li { margin: 0 !important; }
.swiper-container .swiper-button-prev,
 
.swiper-container .swiper-button-next {
.splide {
  opacity: 0;
    overflow: hidden;
  transition: all .3s cubic-bezier(0,0,.5,1);
}
}
 
.swiper-container:hover .swiper-button-prev,
#header_slide_banner_pc .splide__arrow--prev,
.swiper-container:hover .swiper-button-next {
#header_slide_banner_pc .splide__arrow--next {
  opacity: 1;
    opacity: 0;
    transition: all .3s cubic-bezier(0,0,.5,1);
}
}
#header_slide_banner_pc:hover .splide__arrow--prev,
.swiper-container button:focus {
#header_slide_banner_pc:hover .splide__arrow--next {
  outline: 0;
    opacity: 1;
}
}
#header_slide_banner_pc button:focus {
.swiper-container .swiper-button-next {
    outline: 0;
  right: 3rem;
}
}
#header_slide_banner_pc .splide__arrow--next {
.swiper-container .swiper-button-prev {
    right: 3rem;
  left: 3rem;
}
#header_slide_banner_pc .splide__arrow--prev {
    left: 3rem;
}
}


.splide__arrows .splide__arrow {
.swiper-container .swiper-button-prev,
    background: rgba(255,255,255,.08);
.swiper-container .swiper-button-next {
    width: 3rem;
  background: rgba(255,255,255,.08);
    height: 3rem;
  width: 3rem;
    opacity: 1;
  height: 3rem;
  opacity: 1;
  border-radius: 9999px;
}
}
 
.swiper-container .swiper-button-prev:after,
.splide__arrows .splide__arrow svg {
.swiper-container .swiper-button-next:after {
    fill: #000;
  color: #000;
  font-size: 1.5rem !important;
  font-weight: 900;
}
}
 
.swiper-container .swiper-button-prev:hover,
.splide__arrows .splide__arrow:hover {
.swiper-container .swiper-button-next:hover {
    background: rgba(255,255,255,16);
  background: rgba(255,255,255,16);
}
}


.slide-bottom {
.swiper-container .slide-bottom {
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
136번째 줄: 133번째 줄:
   transition: 500ms;
   transition: 500ms;
}
}
.is-active .slide-bottom {
.swiper-container .swiper-slide-active .slide-bottom {
   opacity: 1;
   opacity: 1;
   top: 50%;
   top: 50%;
}
}


.swiper-container .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  background: #fff;
  border-radius: 0;
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #466DFA;
}
}}
}}
<!---- 슬라이드 css js 끝 ---->
<!---- 슬라이드 css js 끝 ---->

2024년 8월 10일 (토) 01:29 판

이브위키는 지금...🔎업데이트 : 2024년 11월 19일 22:18
241
전체 가입자
3,771
전체 문서 수
개인정보처리방침이용약관면책조항
Powered by MediaWikiDesigned by Librewiki