꺼라위키에서 내가 제일 좋아하는 밴드 문서들을 뒤적이다가 세계 최고 밴드의 상단 틀들이 너무 초라해서 최근에 전부 다 휘황찬란하게 바꿔주고 있는데, 여기서 문득 든 고민이 "과연 테두리에 그라데이션을 넣을 수 있을까" 였음
한 20분동안 이것 저것 만지면서 놀다가 어느정도는 가능하다는 것을 발견함
위 틀은 내 사용자 문서(사용자:LeNouvelFrance)에 저장된 거임 횡단보도 느낌 주려고 노력하고 뭐 그랬는데 중요한건 테두리임
방법이 약간 아날로그하긴 한데
||<tablewidth=500><tablealign=right><tablebgcolor=#fff,#1f2023> {{{#!wiki style="margin: -5px -10px; padding: 8px 10px; border: 2px solid transparent;margin-bottom:0px;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(to bottom, #6395B8,#3A3F43,#222,#E6E4CF) border-box;"
{{{#000,#1F2023 {{{#!wiki style="background-color:Currentcolor; padding: 35px; border-radius:px;text-align:center; word-break: keep-all"
{{{#!wiki style="margin: -52px -45px"
|| <!--문서 내용--> ||
}}}}}}}}}}}} ||
쉽게 정리하자면 wiki style HTML로 틀 내의 그라데이션을 넣을 수 있는데, 거기서 border-box HTML을 통해 안쪽은 흰색으로 채우고 테두리만 드라데이션을 채우게 함
그리고 안쪽에 틀 내용을 채워넣는건데 문제는 바로 채워넣을시 잉여공간이 너무 많이 생김
그래서 틀 안에 틀을 넣는 방법으로 {{{#!wiki style="margin: -52px -45px" }}}을 정함(margin은 틀의 너비에 따라 직접 정해야하는데 500px 틀 기준으로는 -52px -45px가 가장 안정적으로 나옴)
이 방식을 사용하면 밖의 테두리 그라데이션 속의 틀을 margin 값을 통해 꽉 차게 넣어 테두리에 그라데이션을 넣는게 가능함
한데 틀 속에 틀을 넣는 방법이라 나무위키에서는 테두리와 틀 내용 사이에 1px정도의 간격이 발생하고 밑에 빈 공간이 생김(이건 추후 해결할 수 있을것 같음) 거기다가 수동으로 margin값을 구해야해서 추가적인 연구가 필요한데
그리고 미디어위키랑 나무위키랑 엔진 달라서 미디어 위키에 구현하는 과정도 필요한데 이건 오늘 졸리니까 자고 이번주에 한번 테스트해볼 생각임
머 이정도로만 되도 테두리 그라데이션을 구현하기 위한 최소한의 발은 내디뎠다고 봄
안되는건 뭐 에른 신께서 어떻게든 해주실거니까 상관 없겠지