UserWiki:Yuc: 두 판 사이의 차이

  • 최근 수정 시각: 2024년 12월 9일 (월) 23:32
  • 창작 문서는 문서 별 라이선스를 확인하세요. 실용 문서는 다른 조건이 없는 한 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0에 따라 사용할 수 있습니다. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 역사
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
{| class="wikitable" style="border: 2px solid #000000; max-width:420px; float:right;"
<html lang="ko">
|-
<head>
! colspan="2" style="width:420px; background:#000000; color:#fff;" | {{글씨 크기|15|양세은}}<br>梁世恩 | Yang Se-ŭn
    <meta charset="이건하는역할이뭐냐">
|-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
| colspan="2" | <div style="margin: -4.5px -9.0px">[[파일:양세은.png|420px]]</div>
    <title>이게팝업이냐</title>
|-
    <style>
! width=100px style="background:#000000; color:#fff;" | 본명
        /* 이게배경이냐 */
| '''양세은'''<br>{{글씨 크기|9|''(梁世恩)''}}
        .popup-overlay {
|-
            display: block; /* 기본값은 보이도록 설정 */
! width=100px rowspan="2" style="background:#000000; color:#fff;" | 출생
            position: fixed;
| [[2009년]] [[5월 15일]] (17세)
            top: 0;
|-
            left: 0;
| {{테두리|[[파일:대한제국(흥방태평) 국기.png|28px|link=대한제국 (흥방태평)]]}} [[대한제국 (흥방태평)|대한제국]] [[경기북도 (흥방태평)|경기북도]] [[킨텍스 (흥방태평)|일산시]]
            width: 100%;
|-
            height: 100%;
! width=100px style="background:#000000; color:#fff;" | 거주지
            background: rgba(0, 0, 0, 0.5);
| {{테두리|[[파일:대한제국(흥방태평) 국기.png|28px|link=대한제국 (흥방태평)]]}} [[대한제국 (흥방태평)|대한제국]] [[경성부 (흥방태평)|경성부]] [[마포시 (흥방태평)|마포시]]
            z-index: 1000;
|-
        }
! style="background:#000000; color:#fff;" | 국적
        /* 나는 팝업 박스를 */
| {{테두리|[[파일:대한제국(흥방태평) 국기.png|28px|link=대한제국 (흥방태평)]]}} [[대한제국 (흥방태평)|대한제국]]
        .popup-content {
|-
            position: absolute;
! width=100px style="background:#000000; color:#fff;" | 가족
            top: 50%;
| 아버지, 어머니, 오빠<ref>경성제국대학 사회학부 재학중</ref>
            left: 50%;
|-
            transform: translate(-50%, -50%);
! style="background:#000000; color:#fff;" | 학력
            width: 300px;
| ○○중학교 (졸업)<br>'''○○고등학교/문과 (재학 중)'''
            background: white;
|-
            border-radius: 10px;
! style="background:#000000; color:#fff;" | 종교
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
| 불교
            padding: 20px;
|-
            text-align: center;
|}
        }
        /* 이건 닫기 버튼 이다 */
        .close-btn {
            background: #007BFF;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        .close-btn:hover {
            background: #000;
        }
    </style>
</head>
<body>
    <!-- 팝업 -->
    <div class="popup-overlay" id="popup">
        <div class="popup-content">
            <h2>팝업제목을적을수있는곳</h2>
            <p>얘왤케이마빡이넓음</p>
            <button class="close-btn" onclick="closePopup()">나는분명닫기버튼을</button>
        </div>
    </div>


[[파일:흥방태평 상징 검은색.png]]
    <script>
        // 팝업을 닫도록
        function closePopup() {
            document.getElementById("popup").style.display = "none";
        }
    </script>
</body>
</html>

2024년 12월 9일 (월) 23:32 판

이게팝업이냐