에티테마

메인페이지 간격 조절해보기

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 작성일 21-05-25 16:15

본문

유튜브주소 : https://www.youtube.com/watch?v=uzTyFCOpP3U&ab_channel=%EC%86%8C%ED%94%84%ED%8A%B8%EC%A1%B4

메인페이지의 간격을 조절하는 방법 입니다.

개발자도구를 이용해서 미리 작업을 하고 해당코드를 수정하여 적용하시면 됩니다.

 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 75건 1 페이지
홈페이지 이미지 교체 , 글자수정등 기본적인 사용법 안내

홈페이지 이미지 교체 , 글자수정등 기본적인 사용법 안내

수정방법을 묻는 분들이 많이 계셔서 팁영상으로 제작해봤습니다.이미지 수정, 글자수정등 홈페이지를 구축후 기본적인 유지보수를 하실 수 있습니다.

GNUBOARD - 그누보드(CMS) 최신버전 설치부터 세팅까지

GNUBOARD - 그누보드(CMS) 최신버전 설치부터 세팅까지

GNUBOARD 를 설치하는 영상 입니다.   그누보드(영카트) 5.4.22 버전 깃허브 다운로드 주소 안내https://github.com/gnuboard/gnuboard5/releases/tag/v5.4.22 그누보드(영카트) 5.4.15.1 버전 깃허브 다운로드 주소 안내 https://github.com/gnuboard/gnuboard5/releases/tag/v5.4.15.1   그누보드(영카트) 5.4.10 버전 깃허브 다운로드 주소 안내 https://github.com/gnuboa…

[NEW] 2021년도 테마적용방법 팁영상

[NEW] 2021년도 테마적용방법 팁영상

안녕하세요 에티테마의 소프트존 입니다.테마 적용하는 방법이 오래돼서 2021년도에 새로 만든 영상 입니다.최초 설치시 적용하는방법에 대한 적용방법이 포함되어 있습니다.감사합니다. 

72

홈페이지 우측 여백에 고정배너 만들기 - 플로팅 배너와 다름

안녕하세요. 에티테마 입니다.홈페이지 우측에 여백 부분에 배너를 넣으시고자 하시는 회원분이 계셔서 참고 하시라고 팁을 작성합니다.해당 배너는 위치에 고정된 배너 형태 입니다.아래 보시는 이미지 처럼 우측 여백에 배너를 하나 넣어보도록 하겠습니다.위치는 테마폴더 / index.php 파일 입니다.코드 보시면 메인에 있는 바로가기 라는 메인메뉴에 추가해줄것 입니다.우선 아래 처럼 해당 container 에 포지션을 추가해주셔야 합니다.아래 처럼 .text-banner 스타일 시트를 추가해줍니다.바로 가기 하단쪽에 container 끝나…

71

메인에 있는 이미지가 찌그러지는 경우 백그라운드 처리 방법

안녕하세요. 테마를 사용하시다 보면 메인이미지 쪽에이미지의 크기가 맞지 않아서 찌그러지는 경우가 있습니다.모든 코드와 동일하지 않을 수 있기 때문에 상황에 맞게 수정해주시면 좋을것 같습니다.1. 원래는 전체 이미지가 나오게끔 처음 제작되어 있기 때문에 사이즈를 조정해서 사용하는 방법2. 이미지를 처음 부터 백그라운드로 처리 해서 사용하는 방법이를 해결 하기 위해서 두가지 방법을 사용하실 수 있습니다.위 내용 처럼 이미지와 사이즈가 맞지 않아서 찌그러지는 경우 에는해당 스킨폴더 latest.skin.php 파일을 열어 보시면 대부분 …

70

2차 메뉴 네비게이션 라인에 맞추기

안녕하세요. 회원분께서 1차 메뉴 마우스 오버시 2차 메뉴를 라인에 맞추고 싶다고 하셔서 해당 방법에 대해서 설명 드리겠습니다.우선 개발자 도구를 열고서 확인해보시면위처럼 되어 있습니다. 1차 메뉴에 마우스를 올리시면 2차 메뉴가 조금 위로 올라간 것을 알 수 있습니다. 위 처럼 간격이 위로 올라가 있습니다. 저 부분을 아래 네비게이션 라인에 맞추도록 하겠습니다.네비게이션 사이에 공간이 있음을 알 수 있습니다.해당 내용을 제거해주시면 해결이 될 수 있습니다.먼저 네비게이션에 적용되어져 있는 padding 값이나 margin…

69

ONE 테마 설정방법 - 원페이지테마

안녕하세요. 에티테마 입니다.몇몇 테마는 원페이지 형식에 맞게끔 처리가 되어 있는 테마가 있습니다.ONE 로 시작 하는테마 인데요.소스코드를와 주소를 보시면 주소 부분에는 #001, #002.... 이렇게 처리가 되어 있고테마폴더 / index.php 파일 보시면각 섹션별로<section id="001">.....<section id="002">.....이렇게 처리가 되어 있습니다.#001 을 클릭하게 되면 해당섹션 <section id="001"> 으로 이동하게 됩니다.더 자세한것은 질문게…

68

네비게이션 2차 드롭다운시 위치 변경 및 이동시키기(우측정렬)

안녕하세요.네비게이션 2차 드롭 다운에 대한 위치를 변경 했으면 좋겠다는 회원분의 질문이 있어서 팁으로 제작하게 되었습니다.우선 아래 그림 처럼 2차 메뉴에 대한 위치가 좌측에 쏠려 있을건데요. 우측으로 좀 이동시켜서 우측기준 정렬로 수정해보도록 하겠습니다.위의 이미지처럼 되어 있는것을 아래 이미지 처럼 변경하도록 하겠습니다.아래 이미지는 수정후 2차 드롭다운 메뉴가 우측으로 정렬되어 있습니다. /* 태블릿 */@media only screen and (min-width: 769px) and (max-width: …

67

스팸방지를 위한 contact.php 파일에 보안코드 추가해보기

안녕하세요.페이지중에서 contact.php 라는 파일이 있습니다.이 부분에 보안코드가 없어서 스팸메일이 많이 발생한다고 해서보안코드를 적용해 보는 팁을 제작하게 되었습니다.우선 수정해주실 곳은 두군데 입니다./pages/contact.php/pages/contact_update.php우선 contact.php 파일에 아래 내용을 추가해주세요.<div class="form-contact"><form name="sentMessage" action="contact_update.php" id="contactForm" me…

66

펼침메뉴(메가메뉴) 2차 카테고리 없어도 출력되게 개선

테마중에서 몇몇 테마가 펼침메뉴가 있습니다.M 으로 시작되는 에티테마 들이 그렇습니다.회원중 한분께서 질문이 있으셔서 개선점을 알려드리도록 하겠습니다.일단 네비 수정의 경우 작업이 많기 때문에 2차 카테고리를 넣는 대신에 출력되지 않도록 수정을 했습니다.해당메뉴에 @ 문자를 넣어서 해결해보도록 하겠습니다.위 처럼 메뉴들이 출력이 되는게 정상인데요. 중간에 "테스트" 라는 메뉴는 2차 카테고리의 내용들이 없기 때문에출력이 되지 않습니다.회원분께서 그래도 유지가 되었으면 하고 문의를 주셨습니다.테스트라는 카테고리에 왔을때 출력이 되지 …

65

치에디터 , 스마트에디터에 유튜브주소 추출해서 썸네일로 보여주기

안녕하세요~에티테마에서 제공해주는 유튜브를 지원해주는 게시판이 1,2개 정도 뿐이 안되기 때문에다른 게시판에서도 유튜브 썸메일을 쉽게 사용할 수 있는 팁을 알려드리고자 합니다.기존에 지원되던 유튜브 지원 게시판은 여분필드에 별도로 입력해서 사용하였지만 지금 코드는스마트에디터, 치에디터에 연결되어 있는 유튜브주소를 정규식으로 추출해서 썸네일로 보여 주는 역활을 하게됩니다.저는 먼저 치에디터를 사용하였습니다. 치에디터에는 유튜브 주소를 넣을 수 있는 기능이 포함되어져 있습니다.아래 그림 처럼 유튜브 주소를 넣습니다.일단 유튜브로 이동하…

64

LMS 문자메세지 설정하기

안녕하세요. 에티테마 입니다.LMS 서비스는 1500 바이트 약 750 문자까지 사용할 수 있는 문자메세지 서비스 입니다.비용은 1건당 48원이며, 40글자 미만으로 작성하실 경우 자동으로 16원에 책정이 됩니다.이점 참고해주세요.[아이코드 신청방법]https://www.icodekorea.com회원가입후 정액제를 신청합니다.제 경우 만원을 충전해서 사용해봤습니다.[발신번호사전등록]1. 발신번호사전등록을 신청하셔야 합니다. 발신번호로만 문자를 보낼 수 있습니다.2. 발송방식은 -> 웹으로 선택하여 진행 합니다.&nbs…

63

좌측 메뉴바 스크롤시 일정구간에 고정 시키기 (sticky 플로팅배너)

안녕하세요. 문의 내용이 있어서 좌측 메뉴바를 고정시키는 방법에 대해서 설명해드리도록 하겠습니다.우선 에티테마 기준 입니다만 다른 쪽에도 사용시에도 적용될수 있다고 판단됩니다.다른쪽에 적용시에는 sticky 로 검색해주시면 됩니다.우선 위와 같이 좌측 메뉴바가 있습니다.마우스로 스크롤 했을때 일정 구간에 딱 걸리게 하는 내용 입니다.위 내용을 보시면 좌측메뉴는 상단에 걸려 있고 우측 내용은 계속 위로 올라가게됩니다.그럼 위 예제에 대한 코드를 보도록 하겠습니다.1. 테마폴더/js/custom.js 에 st…

62

3단 메뉴 예제

안녕하세요 에티테마 입니다.3단 메뉴가 필요하신 분들이 있어서 예제를 올려놓습니다.모바일쪽에서는 세로 메뉴가 아닌 가로 메뉴로 출력되므로 참고 바랍니다.기존에 테마폴더에 있는 navigaton.php 파일 내용을 참고하셔서 작업해 주시기 바랍니다.아직 시간이 안되서 3단메뉴는 자동화 되어 있지 않습니다.수작업으로 작업해주셔야 합니다.감사합니다. <div id="sticky-wrapper" class="sticky-wrapper" style="height: 90px;">    <div cla…

61

아이코드(문자메세지,SMS) 사용법 메뉴얼

안녕하세요에티테마 사용시에 SMS 문자보내기 기능이 추가되어있어서 사용법을 알려드리고자 메뉴얼을 작성하게 되었습니다.먼저 아이코드 사이트에 회원가입을 합니다.https://www.icodekorea.com/?ctl=home_sign위 홈페이지로 이동해서 회원가입 마무리 후 충전을 합니다.충전에는 두가지 방식이 있는데요. 저는 충전식으로 만원을 결제 했습니다.충전을 마친뒤에 발신번호사전등록하기를 클릭해서 해당 메뉴로 이동을 합니다.발신번호를 등록하기위해서 3개의 인증이 있는데요한가지만 선택하면 됩니다.저는 휴대폰인증을 해서 바로 발신…