팁 & 테크
팁 & 테크
요소검사 활용하기
디자인적을 변경해 보거나 문제가 생겼을 경우 해당부분을 수정해서 바로 볼 수 있는 요소검사를 활용하는데요.혹시나 모르시는 분들을 위해 예를 들어 간단하게 설명을 해 보겠습니다. 공지사항 말풍선 부분의 사각형을 둥글하게 만들어 보겠습니다. 해당…
레이아웃 변경하기
많은 분들이 아시겠지만 혹시나 모르시는 분들을 위해 이윰빌더를 사용하면서 레이아웃 구조를 바꿀 수 있는 팁을 남겨봅니다.http://bootstrapk.com/BS3/css#grid 위의 사이트에서 부트스트랩 그리드 옵션을 보시면 대략 구조가 보일 겁니다. …
반응형 웹테스트 할때 쓰세요...
안녕하세요...여기 어떤분이 두줄로 나온다는 질문을 본적이 있는데요..어제 저도 코딩할때 아무리 봐도 2줄로 나오더라구요..(기존에 사이트제작시나 코딩할때는 파이어폭스로 창을 스마트폰 화면 만큼 줄여서 보곤 햇는데 아무 문제가 없었음)몇시간 고민끝에 반응형웹이 첨이라는…
CSS 작업 시 도움이 되는 사이트
CSS에 익숙하지 않으신 분들은 참 어렵게 느껴지시죠 다양하게 표현을 원할 때 설정 해 주면 코드를 보여주는 사이트이니 참고하시면 도움이 될거에요.CSS 3.0 MAKER : http://www.css3maker.com/index.htmlBorder…
리스트 줄 간격 줄이기
리스트 화면의 줄 간격이 넓어 부담스럽다면... 프로필 사진을 사용하지 않으면 됩니다만 프로필 사진을 사용하지 않으면 좀 허전하니까... 프로필 사진 자체를 줄여봅니다. eyoom/theme/basic/skin_bs/board/basic/style.css를 아…
그룹 페이지 만들기
eyoom/theme/basic/page이 폴더에 있는 html 파일을 복사해서 사용합니다.eyoom/theme/basic/page/imghtml 파일에서 불러올 이미지는 위 폴더에 넣고 링크합니다.eyoom/theme/basic/main/index_bs.html페이지…
무료 단축 URL 서비스
unplay unshorten url service로 들어가면... 단축 주소 풀기도 가능하군요. 서비스가 안정적인지 어떤지는 모르겠습니다.
아주쉽게 파비콘을 만들수 있는 사이트
이미지를 다양한 크기의 ico 파일등으로 변환 해 주는 사이트입니다.http://iconverticons.com/online/파비콘 만들때나 이미지를 아이콘으로 변경할 때 유용하네요. 사용법은 너무 간단해서... 이미지를 드래그 하거나 'click t…
대문에 동영상 게시
eyoom/theme/basic/main/index_bs.htmliframe 공유주소를 복사해서...width="100%"height는 PC판 해당 영역 세로 크기로 맞춰주면 됩니다. width="100%"로 해야…
대문 색상 변경
저는 원조 초보라... 디자인은 못하고 겨우 색상 바꾸기 정도만 할 수 있습니다.eyoom/theme/basic/css/style.css1. 메인 메뉴에 배경색을 넣어봅니다.749 line .header-e1.header .navbar-collapse 을 찾아서back…
Footer 페이지 등록하기
Footer(eyoom/theme/basic/layout/tail_bs.html)에 'Information'이란 항목이 있습니다.그 중에 하나를 클릭해보니... '미등록 페이지'라고 표시됩니다. 이 페이지들은 'eyoom/theme/…
프로필 사진 변경 후 페이지 리다이렉트 오류 발생시
오른쪽에 아웃로그인 부분에서 사진을 클릭하여 프로필 사진을 변경 한후 업로드를 하면 리다이렉트가 잘 못 되는 경우가 있습니다.제가 볼적엔 기본 루트 폴더가 아닌 서브 폴더에 그누보드를 설치 했을경우 발생 하는 부분 같습니다.그래서 한번 수정 해보았습니다. /e…
반응형 웹테스트 할때 쓰세요...
안녕하세요...여기 어떤분이 두줄로 나온다는 질문을 본적이 있는데요..어제 저도 코딩할때 아무리 봐도 2줄로 나오더라구요..(기존에 사이트제작시나 코딩할때는 파이어폭스로 창을 스마트폰 화면 만큼 줄여서 보곤 햇는데 아무 문제가 없었음)몇시간 고민끝에 반응형웹이 첨이라는…
CSS 작업 시 도움이 되는 사이트
CSS에 익숙하지 않으신 분들은 참 어렵게 느껴지시죠 다양하게 표현을 원할 때 설정 해 주면 코드를 보여주는 사이트이니 참고하시면 도움이 될거에요.CSS 3.0 MAKER : http://www.css3maker.com/index.htmlBorder…
리스트 줄 간격 줄이기
리스트 화면의 줄 간격이 넓어 부담스럽다면... 프로필 사진을 사용하지 않으면 됩니다만 프로필 사진을 사용하지 않으면 좀 허전하니까... 프로필 사진 자체를 줄여봅니다. eyoom/theme/basic/skin_bs/board/basic/style.css를 아…
그룹 페이지 만들기
eyoom/theme/basic/page이 폴더에 있는 html 파일을 복사해서 사용합니다.eyoom/theme/basic/page/imghtml 파일에서 불러올 이미지는 위 폴더에 넣고 링크합니다.eyoom/theme/basic/main/index_bs.html페이지…
아주쉽게 파비콘을 만들수 있는 사이트
이미지를 다양한 크기의 ico 파일등으로 변환 해 주는 사이트입니다.http://iconverticons.com/online/파비콘 만들때나 이미지를 아이콘으로 변경할 때 유용하네요. 사용법은 너무 간단해서... 이미지를 드래그 하거나 'click t…
대문에 동영상 게시
eyoom/theme/basic/main/index_bs.htmliframe 공유주소를 복사해서...width="100%"height는 PC판 해당 영역 세로 크기로 맞춰주면 됩니다. width="100%"로 해야…
Footer 페이지 등록하기
Footer(eyoom/theme/basic/layout/tail_bs.html)에 'Information'이란 항목이 있습니다.그 중에 하나를 클릭해보니... '미등록 페이지'라고 표시됩니다. 이 페이지들은 'eyoom/theme/…
프로필 사진 변경 후 페이지 리다이렉트 오류 발생시
오른쪽에 아웃로그인 부분에서 사진을 클릭하여 프로필 사진을 변경 한후 업로드를 하면 리다이렉트가 잘 못 되는 경우가 있습니다.제가 볼적엔 기본 루트 폴더가 아닌 서브 폴더에 그누보드를 설치 했을경우 발생 하는 부분 같습니다.그래서 한번 수정 해보았습니다. /e…