투표 강조되는 버그 수정했....아니 실패했습니다?!
wintermute

Lv.1 wintermute (172.♡.206.160)

2024년 4월 6일 AM 02:02 · 수정됨(04:07)

조회 1,053 공감 0

2890322785_JynYHGUP_c2e51dea857e85e342b44b4efd642f7e3eb9c681.gif


다모앙 게시판에 버그(?)가 있다고 하여 수정해 보려 하였습니다.

...

실패했습니다. 아무튼 실패했습니다. 
수정될 때 까지 그냥 즐기는 걸루... ㅠㅠ


조금이라도 수정해서 사용하실 분들은 stylebot 사용하셔서 아래 코드 적용해주세요 


[code=css]
div a mark::before {
content: "";
display:inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iLTAuNzE0IC0wLjQ3NiAzNS41NDYgMzYuMDU1IiBvdmVyZmxvdz0iaGlkZGVuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtMzE1LjQ0MTAwOTUyMTQ4NDMsIC00NzIuNDQ4NDg2MzI4MTI1KSI+DQogICAgPHBhdGggZD0iTTMxOSA0OTBDMzE5IDQ4Mi4yNjggMzI1LjA0NCA0NzYgMzMyLjUgNDc2IDMzOS45NTYgNDc2IDM0NiA0ODIuMjY4IDM0NiA0OTAgMzQ2IDQ5Ny43MzIgMzM5Ljk1NiA1MDQgMzMyLjUgNTA0IDMyNS4wNDQgNTA0IDMxOSA0OTcuNzMyIDMxOSA0OTBaIiBzdHJva2U9IiNFODM4MjgiIHN0cm9rZS1taXRlcmxpbWl0PSI4IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0eWxlPSJzdHJva2Utd2lkdGg6IDRweDsiLz4NCiAgICA8cGF0aCBkPSJNMzMyIDQ3NiAzMzIgNTAzLjI3NSIgc3Ryb2tlPSIjRTgzODI4IiBzdHJva2UtbWl0ZXJsaW1pdD0iOCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOiA1cHg7Ii8+DQogICAgPHBhdGggZD0iTSAzMzIgNDg4LjIxNiBMIDM0MS42NDMgNDk4LjA2IiBzdHJva2U9IiNFODM4MjgiIHN0cm9rZS1taXRlcmxpbWl0PSI4IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0eWxlPSJzdHJva2Utd2lkdGg6IDRweDsiLz4NCiAgPC9nPg0KPC9zdmc+");
background-position: center 2px; /* y 위치를 10px 아래로 이동 /
background-repeat: no-repeat; /
반복 없음 /
background-size: cover; /
배경 이미지가 넘치지 않도록 설정 */
overflow: visible !important;
}
div a mark {
border-radius: 0.4em !important;
border-style: solid;
border-color: var(--mark-border-color);
background-color: var(--mark-bg-color);
border-width: 0.1px;
overflow: visible !important;
display: inline-block;
transition: all 400ms cubic-bezier(.47,1.64,.41,.8);
}

div a mark:hover {
transform: scale(1.5) rotate(-2deg) translateY(-6px);
transition: all 400ms cubic-bezier(.47,1.64,.41,.8);
z-index: 900;
/* 그림자 효과 */
box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}
[/code]

댓글 (9)

  • 돌아온칠이

    돌아온칠이 Lv.1

    24.04.06 · 162.♡.138.99

    고생많으십니다???
  • wintermute

    wintermute Lv.1 → 돌아온칠이 작성자

    24.04.06 · 172.♡.210.201

    수정해보려했지만 잘 안되네요...ㅠㅠ
  • DRJang

    DRJang Lv.1

    24.04.06 · 172.♡.214.227

    뭔가 더 이상해지는군요... 그러면 적용해봐야죠(?)....
  • wintermute

    wintermute Lv.1 → DRJang 작성자

    24.04.06 · 172.♡.206.160

    다모앙에 조금이나마 도움이 되보려했지만 쉽지 않군요...ㅎㅎ
  • 웃자오늘도

    웃자오늘도 Lv.1

    24.04.06 · 172.♡.119.93

    머지? 내가 투표를 검색했었나? 했는데,
    생각해보니 더 좋은듯 합니다 ^^;....

    투표때까지 잠시 즐겨도 될것 같습니다. ㅎㅎ
  • wintermute

    wintermute Lv.1 → 웃자오늘도 작성자

    24.04.06 · 172.♡.33.11

    2년전부터(?) 이번 투표만을 기다려 왔었는데 사전투표도 해놓았으니 결과 나올때까지 즐기면 좋을 것 같습니다. 한일전 스포츠 보는 느낌 이네요 :)
  • 웃자오늘도

    웃자오늘도 Lv.1 → wintermute

    24.04.06 · 172.♡.119.93

    {emo:onion-046.gif:50}
  • Suk9

    Suk9 Lv.1

    24.04.06 · 172.♡.223.186

    감사합니다~~!!
  • 이프로부족

    이프로부족 Lv.1

    24.04.06 · 172.♡.214.126

    우와, 전 JS로 버그 만들었는데, CSS 능력자분 부럽습니다.

댓글을 작성하려면 이 필요합니다.