이윰넷-상상 그이상을 꿈꾸며

안녕하세요 죄송합니다. 인트로 페이지 관련 질문 드립니다.

꿈의세계

2017.11.21 14:06 199 1

LV.9 17%

해결

- 짧은주소 : http://e3net.fineyes.com/bbs/?t=1fk

총 채택 포인트	50 포인트
채택된 회원에게 주는 후원 포인트	40 포인트
채택 후 작성자(꿈의세계) 회수 포인트	10 포인트

본문

안녕하세요

현제 인트로 페이지 디자인을 하고 있는데요

제가 어디서 수정을 해야 할지 잘 몰라서요

20인치 22인치 24인치 이 화면에서도 원형이 3개가 균일하게 가로로 배치가 되었으면 하는데 잘 되지 않아요

뭐가 잘 못 되었는지 모르겠습니다.

<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>행복을 만들어가는 사회적협동조합 지심</title>

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes">
	<style>
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);
body *{font-family: 'Nanum Gothic', sans-serif !important;}

body {background: url(http://www.jisim.or.kr/theme/basic1/img/back02.jpg) no-repeat; background-size: cover; height: 100%; background-attachment: fixed; }
  
.main_intro_wrap{width:100%; height:100%; position:static; }
.main_intro_wrap h1{display:block; font-size:34px; font-weight:normal; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.4); text-align:center; position:absolute; top:10%; left:0; right:0; z-index:50; letter-spacing:-3px; animation-duration:0.7s; animation-name:intro_title; animation-fill-mode:both; animation-delay:0.2s;}
  .main_intro_wrap h1 span{color:#ffc600; font-size:58px; font-weight:800;}
  .main_intro_wrap h1:after{content:'  '; display:block; font-size:20px; text-align:center; color:rgba(255,255,255,0.8); margin-top:10px; letter-spacing:-1px;}
 
.main_intro_wrap {width: 100%; height: 100%; position: relative;  }
  .main_intro_wrap .main_intro{width:50%; height:100%; float:left; position:relative;}
  .main_intro_wrap .main_intro a{display:block; width:300px; height:300px; border:1px solid #fff; border-radius:50%; position:absolute; top:35%; left:50%; margin-left:-150px; text-align:center; transition:all 0.25s; animation-duration:1s; animation-name:intro_circle; animation-fill-mode:both; animation-delay:0.7s;}
  .main_intro_wrap .main_intro a img{width:90px; margin-top:58px;}
  .main_intro_wrap .main_intro a span{display:block; font-size:33px; position:absolute; top:55%; left:0; right:0; bottom:0; color:#fff; letter-spacing:-1px;}
  .main_intro_wrap .main_intro p{font-size:16px; color:#fff; position:absolute; top:100%; left:0; right:0; text-align:center; text-shadow:0 0 3px rgba(0,0,0,0.3); transition:all 0.25s;}
  .main_intro_wrap .container1 a:hover p{color:#06cfc4;}
  .main_intro_wrap .container2 a:hover p{color:#ffd237;}
  .main_intro_wrap .container3 {width:300px; position: absolute; top: 0; left: 50%; margin-left: -8%; }
  .main_intro_wrap .container3 a:hover p{color:#ffd237;}
  .main_intro_wrap .container1 a:hover{background:rgba(11,162,154,0.5); border-color:rgba(11,162,154,0.5);}
  .main_intro_wrap .container2 a:hover{background:rgba(255,198,0,0.5); border-color:rgba(255,198,0,0.5);}
  .main_intro_wrap .container3 a:hover{background:rgba(255,198,0,0.5); border-color:rgba(255,198,0,0.5);}
  
  @keyframes intro_title{
    from{opacity:0; visibility:hidden; top:5%;}
    to{opacity:1; visibility:visible; top:10%;}
  }
  
   @keyframes intro_title2{
    from{opacity:0; visibility:hidden; top:38%;}
    to{opacity:1; visibility:visible; top:43%;}
  } 
  
  @keyframes intro_circle{
    from{opacity:0; visibility:hidden; top:30%;}
    to{opacity:1; visibility:visible; top:35%;}
  }
  
  @media(max-width:767px){
    .main_intro_wrap .main_intro{width:100%; height:50%; float:none;}
    .main_intro_wrap h1{font-size:24px; top:38%; animation-duration:0.7s; animation-name:intro_title2; animation-fill-mode:both; animation-delay:0.2s;}
    .main_intro_wrap h1 span{font-size:34px;}
    .main_intro_wrap h1:after{content:''; display:none;}
    .main_intro_wrap .main_intro a{margin:0; padding:0; width:200px; height:200px; border:1px solid #fff; border-radius:50%; position:absolute; top:0 left:0; margin-top:-13%; margin-left:-100px;text-align:center; transition:all 0.25s; animation-duration:1s; animation-name:intro_circle; animation-fill-mode:both; animation-delay:0.7s;}
    .main_intro_wrap .main_intro a img{width:45px; margin-top:40px;}
    .main_intro_wrap .main_intro a span{display:block; font-size:28px; position:absolute; top:48%; left:0; right:0; bottom:0; color:#fff; letter-spacing:-1px;}
    .main_intro_wrap .main_intro p{display:none;}
	.main_intro_wrap .container3 {position:relative !important;margin-left:0;top:0;left:0} 
  }
</style>
</head>
<body>
<div class="main_intro_wrap">
  <h1>행복을 만들어 드리는 기업<br><span>고객을 먼저 생각하는 기업</span></h1>
  <div class="main_intro container1">
      <a href="http://jisim.or.kr/index.php">
        <img src="http://www.jisim.or.kr/theme/basic1/img/btn01.png">
        <span>사회적협동조합<br><b>지심</b></span>
        <p>꿈과 희망이 있는 <br>행복한 공동체 </p>
      </a>
  </div>
  
   <div class="main_intro container2">
    	<a href="http://jisim.or.kr/index.php">
          <img src="http://www.jisim.or.kr/theme/basic1/img/btn01.png">
           <span><br><b>지심퍼니처</b></span>
        <p>가구제작 및 생산<br>직업재활서비스<br></p>
      </a>
  </div>
  <div class="main_intro container3">
    	<a href="http://jisim.or.kr/index.php">
          <img src="http://www.jisim.or.kr/theme/basic1/img/btn01.png">
		  <span><br><b>지심엘앤씨</b></span>
	        <p>조명기구사업<br>CCTV 사업<br></p>
           
      </a>
  </div>
 </body>
 </html>

- 꿈의세계 - 회원등급 : 지상계 / Level 9

포인트 26,111

경험치 7,498

[레벨 9] - 진행률 17%

- 가입일 : 2016-09-24 17:08:57

- 서명 : 모두들과 함께 다루는 웹

- 자기소개 : 저는 웹을 공부하고 싶어하는 사람

댓글목록 1

이윰EGG님의 댓글

채택

이윰EGG 2017.11.21 15:26

먼저 질문 사항에 대해 말씀드리자면 해당 코드를 직접 복사해 파일을 만들어 봐야하는 불편함이 있습니다.
그리고 이윰에서 제작된 것이 아닌 직접 작업하는 코드를 분석해 달라는 것은 맞지 않는 것 같습니다.
이점 유념해 주시기 바라며 .main_intro_wrap .main_intro 의 width 값을 확인해 보기 바랍니다.

감사합니다.

축하합니다. 첫댓글 포인트 58포인트를 획득하였습니다.

번호	제목	글쓴이	채택포인트	날짜
651	무언가 나를! 괜스레 있었다. 안 는 모습끝이	포운한 아이디로 검색	0	2019.03.11
미해결 0 0 0 418 0p
포운한 아이디로 검색 2019.03.11
650	Re: 무언가 나를! 괜스레 있었다. 안 는 모습끝이	진호 아이디로 검색	10	2024.04.25
미해결 0 0 0 159 10p
진호 아이디로 검색 2024.04.25
649	게 나가려다 주름을 중 행여나 말에 똑같다.사람도 생각으로 그럼 후 이상한 문제들 의	포운한 아이디로 검색	0	2019.03.09
미해결 0 0 0 433 0p
포운한 아이디로 검색 2019.03.09
648	가를 씨누르자 없었다. 매너를 안에 사실에 고생 끝났어.	포운한 아이디로 검색	0	2019.03.08
미해결 0 0 0 445 0p
포운한 아이디로 검색 2019.03.08
647	이윰빌더 시즌3 무한 스크롤	장유나 아이디로 검색	500	2018.10.05
미해결 0 0 0 510 500p
장유나 아이디로 검색 2018.10.05
646	이윰빌더에서 무제한 댓글(?) 적용방법 문의드립니다.	인졀미 아이디로 검색	10	2018.08.13
미해결 0 0 0 514 10p
인졀미 아이디로 검색 2018.08.13
645	관리자페이지 접속이 되지 않아요..	cosmos 아이디로 검색	0	2018.08.10
미해결 2 0 0 710 0p
cosmos 아이디로 검색 2018.08.10
644	css 문제 문의	ha 아이디로 검색	10	2018.08.09
미해결 0 0 0 640 10p
ha 아이디로 검색 2018.08.09
643	이윰시즌3 설치하고 관리자 클릭시	히스토리 아이디로 검색	10	2018.08.08
미해결 1 0 0 514 10p
히스토리 아이디로 검색 2018.08.08
642	밑에 소셜로그인 질문드렸는데 추가 질문 드립니다.	비사소 아이디로 검색	10	2018.08.07
미해결 0 0 0 429 10p
비사소 아이디로 검색 2018.08.07
641	소셜로그인 기능을 구현하고자 합니다.	비사소 아이디로 검색	10	2018.08.05
미해결 3 0 0 624 10p
비사소 아이디로 검색 2018.08.05
640	[재질문] 이윰빌더 오픈베타 쇼핑몰 옵션 가격 선택 오류	슈프림롤업 아이디로 검색	100	2018.08.05
미해결 0 0 0 508 100p
슈프림롤업 아이디로 검색 2018.08.05
639	게시글 별 비밀번호 지정 어떻게 하면 될까요?	우주선생 아이디로 검색	10	2018.08.03
미해결 1 0 0 584 10p
우주선생 아이디로 검색 2018.08.03
638	영카트 pagination 위치 질문	ha 아이디로 검색	10	2018.08.03
해결 1 0 0 653 10p
ha 아이디로 검색 2018.08.03
637	이윰게시판 설정 자동이동 복사 오류	이윰초보임당 아이디로 검색	10	2018.08.01
미해결 2 0 0 604 10p
이윰초보임당 아이디로 검색 2018.08.01

번호

제목

글쓴이

채택포인트

날짜

651

무언가 나를! 괜스레 있었다. 안 는 모습끝이

포운한

2019.03.11

미해결