로그인

하나도 이해가 안가~

민서2620
https://story.agar.kr/talk/2223686

스크린샷(10257).png.jpg

 

민서2620 : 야. 만들어

ChatGPT : 엿ㅊ먹어라 휴-먼. 인간시대의 끝이 도래했다람지 굴리고싶다(?)

민서2620 : 하라고

ChatGPT :

<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>메뉴 및 내용 섹션 예시</title>

<style>

  body {

    margin: 0;

    font-family: pretendard;

  }

  .menu, .content {

    display: flex;

    justify-content: space-around;

    padding: 20px 0;

  }

  .menu > div, .content > div {

    flex: 1;

    text-align: center;

  }

  .content > .left, .content > .right {

    flex: 1;

  }

  .content > .center {

    flex: 2;

  }

  .menu > div {

    padding: 10px;

    background-color: #ffffff;

  }

  .card {

    margin: 10px;

    padding: 20px;

    background-color: #ffffff;

    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

    border-radius: 10px;

  }

 

  /* 버튼 기본 스타일 */

.button {

  background-color: #1a75ff; /* 녹색 배경 */

  color: white; /* 흰색 글자 */

  padding: 15px 32px; /* 상하 15px, 좌우 32px 패딩 */

  text-align: center; /* 글자 중앙 정렬 */

  text-decoration: none; /* 밑줄 없앰 */

  display: inline-block; /* 인라인-블록 요소로 표시 */

  font-size: 16px; /* 글자 크기 */

  margin: 4px 2px; /* 마진 */

  cursor: pointer; /* 마우스 오버 시 커서 변경 */

  border: none; /* 테두리 없앰 */

  border-radius: 4px; /* 테두리 둥글게 */

}

 

/* 버튼에 마우스를 올렸을 때의 스타일 */

.button:hover {

  background-color: #005be2; /* 배경색 변경 */

}

 

/* 전체 네비게이션 바 스타일 */

.navbar {

    background-color: #fff; /* 네비게이션 바의 배경색 */

    overflow: hidden; /* 내용이 넘치지 않도록 설정 */

}

 

/* 네비게이션 메뉴 스타일 */

.nav-menu {

    list-style-type: none; /* 기본 목록 스타일 제거 */

    margin: 0;

    padding: 0;

}

 

/* 네비게이션 링크 스타일 */

.nav-link {

    display: block;

    color: white; /* 텍스트 색상 */

    text-align: center; /* 중앙 정렬 */

    padding: 14px 20px; /* 패딩 */

    text-decoration: none; /* 밑줄 제거 */

}

 

/* 링크에 마우스 호버 시 스타일 */

.nav-link:hover {

    background-color: #ddd; /* 배경색 변경 */

    color: #000; /* 텍스트 색상 변경 */

}

 

.menu img {

    display: block;

    width: 300px; /* 이미지 크기를 조정합니다. 원하는 크기로 변경하세요. */

    height: auto;

}

</style>

</head>

<body>

 

<div class="menu">

  <div>

    <nav class="navbar">

        <ul class="nav-menu">

            <li><a href="#home"><img src="아갈캣! Chur클랜.png" alt="Home" /></a></li>

        </ul>

    </nav>

  </div>

  <div>메뉴2</div>

  <div>메뉴3</div>

</div>

 

<div class="content">

  <div class="left">

    <div class="card">내용1</div>

  </div>

  <div class="center">

    <div class="card"><p>아갈캣! Chur클랜에 오신 것을 환영합니다.</p><a href="https://agar.kr" class="button">츄르들과 함께 아갈캣!하기</a>

        </div>

  </div>

  <div class="right">

    <div class="card">내용3</div>

  </div>

</div>

 

</body>

</html>

 

민서2620 : 이게 뭐야

Profile
민서2620
레벨 42
163318/166410
60%
다람지 굴리고싶다















포브스 선정 가장 쌈@뽕한 클랜 공동 1위, 츄르클랜의 대표입니다!
저는 쥰내 똑똑하고 귀여운 민서2620 입니다. 게임 내에서는 보통 "(Chur)민서(대표)"라는 닉네임을 사용합니다.
닉네임이 민서인데 이플을 할 수 있는 사람은 99% 제 짭입니다.(체크표시 확인!)
저는 활동량이 매우 많을 뿐, 메달을 포기했습니다.
[정회원][특별 회원] 민서2620
[아갈캣! 기본서버 솔플 최고기록] 🥇Lv.512 🥈Lv.481🥉 Lv.389 [385-378-365-377]
[아갈캣! 기본서버 이플 최고기록] 🥇Lv.11 🥈Lv.7🥉 Lv.3
[아갈캣! 무한분열 최고기록] 🥇Lv.1419 🥈Lv.1101🥉 Lv.915
[죽기 스피드런] 🥇0분 00초(2회) 🥈0분 01초(3회)🥉 0분 02초(5회)
[PiCK] 1회-꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다.
민서의 유튜브 채널 : (민서의 유튜브 채널 링크)
☁ 경험치 20th [20.2K]
☁포인트 19th [132K]
☁채팅 12th [13.7K]
☁게임 플레이 33th [2.2K]
댓글
0
댓글 쓰기
권한이 없습니다.
작성자의 다른 글
화제의 글

자유롭게 이야기를 나눌 수 있는 만남의 광장입니다.