https://devcafe.co.kr/w/index.php?action=history&feed=atom&title=%ED%83%91%EB%8B%A4%EC%9A%B4_%EB%A9%94%EB%89%B4_topdown_menu
탑다운 메뉴 topdown menu - 편집 역사
2026-05-19T17:40:05Z
이 문서의 편집 역사
MediaWiki 1.42.1
https://devcafe.co.kr/w/index.php?title=%ED%83%91%EB%8B%A4%EC%9A%B4_%EB%A9%94%EB%89%B4_topdown_menu&diff=1405&oldid=prev
2025년 5월 19일 (월) 21:59에 Devcafe님의 편집
2025-05-19T21:59:28Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ko">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025년 5월 20일 (화) 06:59 판</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l111">111번째 줄:</td>
<td colspan="2" class="diff-lineno">111번째 줄:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[category:html 탑다운 메뉴]]</ins></div></td></tr>
</table>
Devcafe
https://devcafe.co.kr/w/index.php?title=%ED%83%91%EB%8B%A4%EC%9A%B4_%EB%A9%94%EB%89%B4_topdown_menu&diff=1276&oldid=prev
Devcafe: 새 문서: == 탑다운 메뉴 샘플 == <source lang=html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Top Menu Example</title> <style> body { margin: 0; font-family: Arial, sans-serif; } .top-menu { display: flex; justify-content: flex-end; background-color: #2c3e50; padding: 10px 20px; position: fixed; top: 0; width: 100%; z-index: 1000; } .menu-group { position: rela...
2025-04-11T09:51:09Z
<p>새 문서: == 탑다운 메뉴 샘플 == <source lang=html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Top Menu Example</title> <style> body { margin: 0; font-family: Arial, sans-serif; } .top-menu { display: flex; justify-content: flex-end; background-color: #2c3e50; padding: 10px 20px; position: fixed; top: 0; width: 100%; z-index: 1000; } .menu-group { position: rela...</p>
<p><b>새 문서</b></p><div>== 탑다운 메뉴 샘플 ==<br />
<source lang=html><br />
<br />
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8"><br />
<title>Top Menu Example</title><br />
<style><br />
body {<br />
margin: 0;<br />
font-family: Arial, sans-serif;<br />
}<br />
<br />
.top-menu {<br />
display: flex;<br />
justify-content: flex-end;<br />
background-color: #2c3e50;<br />
padding: 10px 20px;<br />
position: fixed;<br />
top: 0;<br />
width: 100%;<br />
z-index: 1000;<br />
}<br />
<br />
.menu-group {<br />
position: relative;<br />
margin-left: 20px;<br />
}<br />
<br />
.menu-link {<br />
color: #ecf0f1;<br />
font-size: 16px;<br />
text-decoration: none;<br />
padding: 8px;<br />
display: inline-block;<br />
}<br />
<br />
.menu-link:hover {<br />
background-color: #34495e;<br />
border-radius: 5px;<br />
}<br />
<br />
.dropdown {<br />
display: none;<br />
position: absolute;<br />
right: 0;<br />
top: 40px;<br />
background-color: #fff;<br />
border: 1px solid #ccc;<br />
min-width: 150px;<br />
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);<br />
z-index: 999;<br />
}<br />
<br />
.dropdown a {<br />
display: block;<br />
padding: 10px;<br />
color: #2c3e50;<br />
text-decoration: none;<br />
}<br />
<br />
.dropdown a:hover {<br />
background-color: #f1f1f1;<br />
}<br />
<br />
.menu-group:hover .dropdown {<br />
display: block;<br />
}<br />
<br />
.main {<br />
margin-top: 60px;<br />
padding: 20px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<div class="top-menu"><br />
<div class="menu-group"><br />
<a class="menu-link" href="#">User ▾</a><br />
<div class="dropdown"><br />
<a href="/login.html">Login</a><br />
<a href="/register.html">Register</a><br />
<a href="/profile.html">Profile</a><br />
</div><br />
</div><br />
<div class="menu-group"><br />
<a class="menu-link" href="#">Settings ▾</a><br />
<div class="dropdown"><br />
<a href="/preferences.html">Preferences</a><br />
<a href="/notifications.html">Notifications</a><br />
<a href="/privacy.html">Privacy</a><br />
</div><br />
</div><br />
<div class="menu-group"><br />
<a class="menu-link" href="#">Help ▾</a><br />
<div class="dropdown"><br />
<a href="/docs.html">Documentation</a><br />
<a href="/support.html">Support</a><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="main"><br />
<h1>Welcome</h1><br />
<p>This is your main content area. The top menu stays fixed at the top.</p><br />
</div><br />
<br />
</body><br />
</html><br />
</source></div>
Devcafe