61,600원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
플러그인 다운로드 및 폴더파일 세팅 질문
안녕하세요 선생님. 플러그인 폴더 세팅 질문드립니다.강의에는 image폴더와 source 폴더만 나와있는데 파일을 다운로드 하면 위 사진처럼 style.css, custom.js등 완성된 파일이 있습니다. 소스에서 압축 파일을 풀고 자료를 옮기면 이름이 겹쳐서 문제가 생겨서 강의처럼 images,source 외 모든 파일 지우고 진행해도 괜찮을까요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
질문있습니다
제가 선생님께서 만드신 웹사이트에서 테마를 변경 후제 개인포트폴리오 웹사이트에 응용해보려고 하는데요현재강의에서 선생님께서 만드신 웹사이트랑 유사하거나 응용해볼만한 사이트가 있을까요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
크로스 브라우징
크로스 브라우징 hiring 서브페이지ie에서 안되는 x 버튼 찌그러지게 나오는거요 2.가로 스클로바 없애는 방법좀 알려주세요 크로스브라운징 css파일 만들어서 하는것인지요?? CSS파일 따로 만들어서 아래와 같이 연결하는 것 같은데요 <!-- [if IE 7]> <link href="ie7.css" type="text/css" rel="stylesheet"/> <![endif]--> <!-- [if IE 8]> <p> 이 문구는 IE8이 포함되지 않은 하위 브라우저, 즉 IE7,6에서 보여지게 됩니다.</p> <![endif]-->
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
레이아웃설정
쌤! 모니터 해상도에 따라 이렇게 차이가 나는 데요 맨밑에 사진2장 참고해주세요 <div class="content"> <img src="images/temp-section-07.jpg" alt="배경이미지7"> </div>.contnet > img 때문에 이게 백그라운도 넣은것이 아니라 img로 넣다보니 이렇게 다르게 나오는것 같은데요2번도 1번처럼 나오게 하려면.contnet > img{width:100%; height:auto;}해보니 이미지가 옆으로 딱 1번처럼 맞춰지나 높이가 auto이다보니 높이가 줄어들고 하는데요 .height:auto; 안줘도 마찬가지구요이거 나중에 크로스브라우징 해서 다 맞춰지는건지요... 강의 동영상 레이아웃 와이어프레임 퍼블리싱 (pc) [1번][2번]
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
소스파일에 폰트어썸 링크랑 import부분이 없습니다
소스파일에 폰트어썸 링크랑 import부분이 없습니다
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
자료 다운로드 한꺼번에 가능한가요
■ 질문 남기실 때 꼭! 참고해주세요.지금 막 초기 세팅끝나고 시작하려고 하니자료를 받으려고하니 자료 다운로드가 잘 안되던데요 쌤!!자료는 다운로드는강의 1번을 들었다하면1번에 해당하는 자료파일만 다운로드 할수있는건가요? 강의 1번부터 끝까지 필요한 자료를미리 한 폴더에 다운로드 받아놓고 시작하고 싶은데요
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
섹션 상세 퍼블리싱 강의중에 프로토타입 제작
■섹션 상세 퍼블리싱 강의중에 탭 콘텐츠 프로토타입 제작 강의중 질문있는데요input[type=tab1]:checked ~ .tabs 여기 코드부분에margin-left: 0, margin-left: -100%, margin-left: -200%마진 레프트로 주셨는데 이 코드를 그냥 레프트로 left: 0, left: -100%, left: -200% 이렇게 주면 안되는이유가 궁금해요
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
전체 레이아웃 와이어프레임 퍼블리싱(PC ver.)_기본서식의 Web Font
구글 폰트 붙여 넣으려고 하니 소스 텍스트 참고가 없는데 어디서 받으면 될까요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 버전확인 시 테두리
■ 웹페이지 검사 > 모바일 버젼 확인 시모바일 테두리가 생기게 하는 방법이 궁금합니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
헤더 fixed일때 앵커 알맞게 찾아가기
서브페이지 모바일로 변환하기 파트에 남겼지만, 여기서 볼 사람들을 위해 중복되게 남깁니다. 앵커에서 헤더가 fixed일때 스크롤 위치를 변경하고 싶어서 고민을 해봤습니다.원하는 타겟을(여기서는 cd-section 이겠죠?) margin-top: -○○px 헤더 높이만큼 올리고, 다시 padding-top:○○px 다시 원래 자리로 돌리면 잘 됩니다!.cd-section { height: 100vh; margin-top: -60px; padding-top: 60px; }
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
page scroll effects 관련
안녕하세요. 선생님! 다름이 아니라 알려주신 플로그인 무료라서 사용하려고 했는데 그세 유료가 된건지 요렇게 변했네요. 그냥 알려드리고 싶어서 글 남깁니다! ㅎㅎ
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
강의시 사용하시는 툴 질문
안녕하세요. 선생님 다름이 아니라 강의중에웹에서 사용하시는 펜?툴에 대해서 궁금해서 질문 남깁니다.강의하시면서 알려주실 때 팬처럼 사용하시는 게 뭔지 알고 싶습니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
page scroll effects 질문입니다.
안녕하세요. 다름이 아니라 플러그인으로 사용하신 사이트가 유료인가요 무료인가요? 상업적으로 이용하려면 결제를 해야하는지 궁금해서 문의 남깁니다. 감사합니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모달창에 img를 링크시 가로가 넘쳐 스크롤이 생깁니다
안녕하세요 선생님 강의를 듣고 모달창을 활용하여 개인사이트를 제작중 모달창에 img를 링크했을때 사진크기가 커서 화면안에 100%로 나오지 않고 넘쳐서 스크롤이 생기더라구요 검사로 들어가 이미지에 width: 100% 를 주니 화면에 꽉차게 변황이 되긴하는데 어떤 코드를 css로 가져와야할지 모르겠습니다 ㅠㅠ .featherlight-inner 안에서 어디로 줘야할지... 선생님 도와주세요 ㅠㅠ 감사합니다! .
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 전체 레이아웃 및 네비게이션 퍼블리싱(Mobile ver.)
강의 내용 중에 부드럽게 스크롤링 만드는 js 파일은 어디서 받을 수 있나요~?어디에있는 건지 못찾아서 그냥 css로되는 방법으로 적용을 했는데 괜찮나요~?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 전체 레이아웃 및 네비게이션 퍼블리싱(Mobile ver.)
모바일 전체 레이아웃 및 네비게이션 퍼블리싱(Mobile ver.)style.css.trigger { display: none; }했는데 PC에서 계속 햄버거버튼 나와요그래서 hiring 부분에서 모바일css .btn-hiring { right: 10px; bottom: 20px; }수정했는데 피씨도 같이 움직여요 ㅠㅠ
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
home 화면에서 .home-heading 에서 스페이스 문제
안녕하세요. 홈화면에서 .home-heading 밑에 3개의 span 으로 묶인 텍스트들이 있는데요. 그 텍스트들 중에 스페이스가 들어가면 애니매이션이 매끄럽게 되지 않습니다. 예를 들어서 <span>Creative & Design</span> <== 여기에 & Design을 추가 했습니다. <span>Architecture</span> <span>Specialists</span> 이렇게 넣어 보시면 이상한 현상이 발생합니다. 영문이 아닌 한글을 넣어도 그런 현상이 일어 납니다.해결 방법이 없을까요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 scrolling 모드에서 헤더 부분 이슈
이번 강의에 대한 마지막 질문입니다. 아래 첨부된 캡쳐화면에서 보듯이 화면을 scrolling 하면 헤더 탑 경계 부분에 올린 화면이 아주 미세하게 보입니다. 분명 backgroung-color: #fff; 를 주었는데.. 암튼 안 보이게 하려면 어떻게 해야 될지 알려 주시면 감사하겠습니다. 참고로 border를 주어도 똑 같은 문제가 발생 합니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 화면에서 hiring의 sns 문제- 해결 하였는데 이해 안되는 부분 질문
강사님, 나름 해결을 하였는데.. 잘 이해가 안되어서 추가 질문 드립니다. 980px, 768px, 486px 이하 scrolling 화면 mode에서 responsive.css 의 .sns a:nth-child()::before 적용 안되는 부분을 .sns a:hover:nth-child()로 고쳐 주었더니 해결이 되었습니다. 그런데 pc 화면에서는 .sns a:nth-child()::before 로 잘 작동되는데 왜 모바일 화면에서는 적용이 안되어 .sns a:hover:nth-child() 수정해 줘야 되는건지 잘 이해가 안갑니다. 설명 부탁 드리겠습니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 화면에서 hiring의 sns 문제-hiring.html 소스 올려 놓았습니다.
hiring.html 소스로 올려 놓았습니다. 제 소스에서 sns 클래스에 바로 sns 도메인 주소로 가도록 했는데.. 강사님 처럼 #none으로 해도 모바일 화면에서는 컬러색이 적용이 안됩니다. 참 그리고 페북과 트위터는 도메인주소로 했을때 접속이 안되는데.. 왜 차단이 되는건지도 설명해 주시면 감사하겠습니다. hiring.html: <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"> <title>bizpage-subpage_hiring</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> </head> <body> <div class="modal"> <div class="header"> <div class="header-inner"> <div class="modal-display">+Hiring</div> </div> </div> <div class="hiring-main"> <div class="hiring-heading"> <span>hiring</span> <h1>Come work with us</h1> </div> </div> <article class="hiring-info"> <div class="center-parent"> <div class="center-child"> <h2>Together we can make an impact</h2> <p>bizpage offers the excitement of an entrepreneurial environment with the stability of an established practice. Principals and senior leadership work side-by-side with junior designers to create innovative, workable designs. With our global practice, we are currently creating the next generation of healthy, experience-based urban neighborhoods and resorts.</p> </div> </div> <div class="photo"><img src="images/hiring-main-01-01.jpg"></div> </article> <article class="hiring-slogan"> <p> Every summer we offer a Fellowship to a select group of students in architecture, planning and landscape architecture. Read about our 2019 Fellowship winners and learn more about what the Fellowship has to offer. </p> </article> <article class="hiring-info"> <div class="photo"><img src="images/hiring-main-01-02.jpg"></div> <div class="center-parent"> <div class="center-child"> <h2>We’re always looking for talent</h2> <p>If you don’t see an open position that fits your talents, send us your resume. We’re always looking for smart, self-starters and will reach out to you if something becomes available.</p> <div class="hiring-contact"> <ul> <li>SEOUL</li> <li>OY Kang</li> <li>+82-10-3687-4054</li> <li>oykang@bizpagecorp.com</li> </ul> <ul> <li>Hanam-si</li> <li>Daniel Kang</li> <li>+82-31-425-3336</li> <li>daniel_kang@bizpagecorp.com</li> </ul> </div> <div class="sns"> <a href="https://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a> <a href="https://linkedin.com/" target="_blank"><i class="fa fa-linkedin"></i></a> <a href="https://instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a> <a href="https://youtube.com/" target="_blank"><i class="fa fa-youtube-play"></i></a> <a href="https://bizpagecorp.com/contact" target="_blank"><i class="fa fa-envelope-o"></i></a> </div> </div> </div> </article> </div> </body> </html>