대류커뮤니티 v4 레이아웃 스킨 v1.0

XE | 2010.03.07

v4_X_ss.gif

아무것도 등록하지 않은 상태

 

dr100306_01.jpg

이미지를 디자인해서 입힌 상태

 

대류커뮤니티 v4.x 에 사용 된 레이아웃 스킨입니다.

제로보드4에서 XpressEngine으로 옮기기 위해 기존 홈페이지 디자인을 XpressEngine 레이아웃 스킨으로 만들었습니다.

 

이 레이아웃은 메뉴에 이미지를 등록하고 사용해야 합니다.

개인적인 용도로 제작된 것이라 텍스트 형태의 메뉴는 고려하지 않았습니다. (기술 부족 ㅜ,.ㅜ)

포토샵으로 디자인을 입혀야 제 형태를 갖출 수 있습니다.

 

어찌보면 XpressEngine이 추구하는 것과는 다른 방향일지도 모른다고 생각하지만, 그래도 고생해서 만들었고, 이런 형태를 찾으시는 분들도 계시리라 생각해서 용기내어 올려봅니다.

 

이쁘게 봐주세요 ^^;

 

TAG •
  • 뉴저지 2010.03.13 23:09

    "이미지를 디자인해서 입힌 상태 "  어떻게 해야하는지?  Source 를 좀 알려 주세요.

    그리고 login 바탕 회색을 어떻게 했는지?

    접속현황 역시 부탁 합니다.

     

    죄송...^^

  • 대류 2010.03.14 20:01

    레이아웃을 설정해서 관리 화면을 보시면 아실 겁니다.

    임의로 이미지 등을 입혀 보시면 이해가 가실 겁니다.

     

    login은 배경색으로 #f4f4f4 로 잡아주시면 됩니다.

    제 레이아웃을 사용하신다면 관계가 없겠지요?

    다른 레이아웃에 적용하시려면 레이아웃을 수정하시면 되구요..

     

    접속자 현황은 이미 배포되어 있는 위젯을 약간 고친 것입니다.

  • 궁굼합니다 2010.03.16 10:42

    대류님...

     

    왼쪽옆으로 섭메뉴를 넣으면 윈쪽에 조그마게 빨간 화살표가 생기는 데요 이걸 업앨수있는 방법이 없을까요?

     

     

  • 대류 2010.03.16 13:24

    <!--@if(!$layout_info->arrow)--><img src="/image/arrow_main.png" class="arrow" alt="" /><!--@else--><img src="{$layout_info->arrow}" class="arrow" alt="" /><!--@end-->

     

    layout.html 에서 위 부분을 찾아 삭제하세요..

  • 길잽이 2010.03.28 16:25

    대류님....

    daerew_v307를 보고 이거다 싶어 열심히 해 봤지만 초보자라서 포기하였는데....

     daerew_v4_0를 보고 다시 용기 내 열심히 작업하고는데, 잘 모르는 부분이 있어 질문을 드립니다.

    하단의 메뉴가 대류님 싸이트 처럼 중앙정렬이 안되고 좌측정렬이 됩니다 그리고 하단의 메뉴 폭도 좀 줄이고 싶은데..... css 와 layout.html를 보고 수정을 해 봐는데 안돼서요. 알려 주시면 감사하겠습니다.

  • 대류 2010.03.28 18:00

    말씀하신 v307은 제로보드 4나 그누보드와 같은 게시판을 기반으로 하는 프로그램에서 사용하기에 적합한 것이구요.

    현재의 이 파일은 XpressEngine 전용으로 제작된 것입니다.

    그건 아시죠?

     

    중앙 정렬이 되도록 코딩이 이미 되어 있는데요?

    손대실 때 고치신 부분이 없다면 문제 없이 작동할 것으로 생각합니다

     

    메뉴 폭을 줄이려면 공사가 큽니다.

    XpressEngine 자체에 제가 적응을 잘 못하는 탓에 초보자들을 위한 배려가 좀 부족합니다.

    이 스킨은 어느정도 능숙하게 다루실 줄 아시는 분들에게 적합합니다.

    메뉴 폭 줄이는 부분은 직접 공부하셔서 고치셔야 겠습니다.

    죄송합니다.

  • 길잽이 2010.03.28 19:12

    대류님~

    답변감사합니다.

    현재 대류님의 싸이트도 하단 메뉴가 좌측 정렬로 보입니다.

    그리고 폭은 세로폭을 말씀 드린거구요 

    하단메뉴.jpg

  • 대류 2010.03.28 19:44

    브라우져 문제인가 봅니다.

    저는 익스플로러 8을 사용하고 있어서 다른 환경에서는 테스트해보지 않았거든요...

     

    정렬과 폭 문제는 v4_style.css 파일을 열어 아래부분의

    #footer 와 관련된 부분을 손보면 될겁니다.

  • 길잽이 2010.03.28 21:04

    확인했습니다.

    익스플로러 6을 사용하고 있었는데 익스플로러 8로 업 하니 잘 됩니다

    감사합니다.

     


  1. 모바일과 PC에서 각각 동작하는 CSS

    .daerew { background: #EEE; text-align: justify; } @media only screen and (max-width: 767px) { /* 모바일에서 작동 */ .daerew { padding: 0 3rem 5rem 3rem; } } @media all and (min-width:767px) ...
    2024.05.23 1 2
    Read More
  2. 반응형 웹 CSS 미디어쿼리

    @media all and (max-width: 1024px){ //브라우저 창 width가 1024px보다 작아지는 순간부터 적용 //태블릿 } @media all and (max-width: 768px){ //브라우저 창 width가 768px보다 작아지는 순간부터 적...
    2024.04.29 0 0
    Read More
  3. Rhymix → Rhymix 마이그레이션 툴

    제로보드4에서 운영했던 여러 홈페이지들이 소실되고, 오류나고 폐쇄 시키고.... 제로보드5를 잠시 맛만 본 후 XE로 직장 홈페이지를 만들어 10년(?) 가까이 운영했다. XE 조차도 업데이트 지원이 끊기면서...
    2023.08.06 0 1
    Read More
  4. 반응형 웹페이지 드롭 칼럼

    <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>반응형 웹페이지 드롭 칼럼</title> <style> * { mar...
    2021.04.02 0 0
    Read More
  5. 서버 이전 후 이미지 깨짐 현상 / 경로 일괄 변경

    서버를 이전하거나 도메인을 변경하고 나면 기존 홈페이지에 있던 이미지들이 엑스박스로 뜨는 경우가 많다. 서버 이전이나 도메인 변경이 있으면 절대경로는 바뀌기 때문에 이미지 경로도 함께 바뀌는 현...
    2019.06.21 0 0
    Read More
  6. Synologe NAS에서 홈페이지 운영 시 크롬에서 보안경고 없애기

    Synology NAS에 XE를 설치하고 홈페이지를 만들고 도메인을 연결시켰다. 어느부턴가 크롬에서 홈페이지 주소로 접속하면 주소창에 "▲ 주의 요함 | Https://www.daerew.com"이런 식으로 빨간색 표시가 주소 ...
    2019.01.21 0 0
    Read More
  7. Synology NAS에 도메인 연결하기

    본업에 바빠 다른 것에 신경 쓸 겨를이 없다 보니 웹 생태계가 많이 바뀌어 뭐 하나 하려 해도 공부하고 폭풍검색을 해야 한다. ㅜ.ㅜ 사실 이것은 내가 하는 방식이 맞는지 확신이 서지 않는다. 다만, 나...
    2018.09.15 2 4
    Read More
  8. XE 이미지 좌측 정렬시 내용이 적으면 아래부분 올라오는 문제 해결법

    위 그림과 같이 이미지를 좌측으로 정렬하면 내용 아래에 있어야 할 첨부파일 부분이 올라오는 현상이 있습니다. html 작성으로 태그로 커버할 수 있지만 매번 그렇게 하는 것이 번거롭다면 스킨파일을 약...
    2012.01.02 0 3220
    Read More
  9. XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기

    전체 방문자수 출력하기 : {number_format($total_counter->unique_visitor)} 오늘 방문자수 출력하기 : {number_format($today_counter->unique_visitor)} 어제 방문자수 출력하기 : {number_format($yest...
    2012.01.02 4 3601
    Read More
  10. XE 소스 수정 없이 카테고리 자동 선택하기

    워낙 간단해서 팁이랄 것도 없지만, XE를 꽤나 사용해 온 저로서도 우연히 발견해서 알게 된 부분이라 모르시는 분들이 적지 않으리라 여깁니다. 보통 게시물이 하나 둘이면 문제 없겠지만, 다수의 게시물...
    2012.01.02 0 2570
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11