본문 바로가기

공부/XE6

게시판 첨부파일 가로정렬을 세로정렬로 바꾸기 게시판 첨부파일이 가로정렬로 되어 있어서 불편하다고 해서 세로졍렬로 바꿨다.아래 처럼 되어있는 게시판을 바꿔보도록 하겠다. 현재 적용되어 있는 게시판의 스킨은 제로보드에서 기본으로 제공되는 'XE Default 2008'게시판 스킨이다.아래와 같이 FTP 서버에 접속해서 해당 게시판 스킨이 있는 곳을 찾는다.그리고 그 파일들 중에서 view_document.html 을 다운받은후 수정한다.소스 파일을 열면 attachedFile 부분이 있다.'첨부:' 부분이 로 쌓여져 있는 부분인데 이 뒤에 을 붙여주고,첨부된 파일은 로 쌓여있다. 그 뒤에 을 붙여준다.이렇게 두개만 추가해 주면 첨부파일이 세로정렬이 된다. 첨부 파일의 이름이 길면 보기가 너무 불편해서 바꾸게 되었다. 2012. 7. 19.
xe에 넣은 플래시가 제대로 로드되지 않을때 xe의 layout폴더 안에서 모든 작업을 다 했었다. 그리고 layout.html과 style.css를 주로 수정하면서 웹을 만들었다. 그래서 이번에도 플래시를 layout에 넣었고, 플래시 파일은 swf로 layout.html이 있는 그곳에 저장을 했다. 그런데 자꾸만 로드되지 않는다며 잘 되지 않아서 아침동안 삽질을 하고 인터넷 검색을 했는데도 내가 원하는 답변이 없었는데 ㅠ.ㅠ 플래시 파일을 layout.html이 있는 폴더가 아닌 xe 바로 아래 index.php가 있는곳에 넣었더니 제대로 나오기 시작했다.내가 처음에 저장했던곳은 /public_html/xe/layouts/xe_solid_enterprise 여기였는데 /public_html/xe 여기바로 아래에 넣었더니 플래시가 제대로 나왔다... 2012. 7. 10.
메뉴 롤오버 xe에서 css 부분 고치다가 보통때는 a 마우스를 올렸을때는 a:hover 마우스로 클릭했을때는 a.a_on그리고 내가 쓴 레이아웃의 css에는 !important 라는 생소한게 많았다. css를 적용해도 이것때문에 안되는 경우도 있다는걸 처음 알았다. 잘만 이용하면 좋은 것 같긴한데. 이 글이 제일 이해하기 쉬운 것 같다. CSS 에서 !important 속성은 무엇을 뜻하는 것일까? CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다. 예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정.. 2012. 7. 6.
xe 기본 스킨 수정하기 2일째! 제대로 한 건 어제부터니까 2일째! - 페이지의 본문이 짧아도 최소 높이를 설정해 주어서 보기 좋게 바꿨다. css에서 min-height를 설정해주었다. - 로고수정. - 상단에 그림 들어가는 부분을 수정. -> jquery 라이브러리 중에서 jquery Lettering을 사용해서 플래시처럼 글자 애니메이션 효과를 주었다. 글자 위치는 position:absolute 절대 위치로 해서 top이랑 left를 설정해 주었다. 하지만 고쳐도 XE 느낌 ㅋㅋ 그래도 상단부분은 어느 정도 끝난거 같으니 내일은 하단부분을 열심히 수정해야겠다. 신기한건 그림 아래에 선을 하나 넣느냐 안넣느냐가 홈페이지가 어슬픈가 어설퍼 보이지 않는가를 결정한다. 비록 작은 부분이지만 세심하게 할 수록 전체적으로 봤을때 완성도가 .. 2012. 7. 3.
XE 기본 템플릿 이용해서 홈페이지 만드는 중 인턴을 하고 있다. 처음 한 주간은 홈페이지에 자료를 입력한다던지, 기본적인 포토샵 작업을 했다. 그리고 오늘부터 2주 동안 XE를 이용해서 홈페이지를 하나 만들기로 했다. XE를 처음 다뤄보는거라 걱정 많이 했었는데, 재밌다. 아직은 원래 되어있는거에 소스코드와 이미지를 약간씩 바꾸는 정도지만 그럴듯한 홈페이지가 나오는거 보니까 신난다. 처음 다루는거라 간단한거에서도 삽질 하는 시간이 많긴 하지만... 그래도 해내고 나면 뿌듯하다. 4일동안 디자인과 레이아웃을 하기로 일정을 짰다. 현재까지 한 부분! 2012. 7. 2.
XE 서브 레이아웃 만들기 XE에서 기본적으로 제공하는 레이아웃인 xe_solid_enterprise 를 수정해서 홈페이지를 만들고 있다. XE를 처음 사용해보기 때문에 차근차근히 하나씩 만들고 있다. 그런데 xe_solid_enterprise는 서브 레이아웃이 따로 없었다. 새로 서브 레이아웃 디자인을 해서 몽땅 올리던지 아니면 CSS만을 고치는 방법으로 서브 레이아웃을 선택하는 방법을 생각하게 되었다. 며칠전에 무료로 공유되고 있는 레이아웃을 다운받았었는데 그 레이아웃에서는 메인레이아웃과 서브레이아웃을 선택할 수 있었기 때문에 CSS를 수정하는 방법으로 하기로 결정!1. 원래 기본적으로 레이아웃에는 서브와 메인의 구분이 없기 때문에 제일먼저 이 페이지가 메인인지 서브인지를 선택할 수 있는 부분을 만들어주었다. FTP로 아래의 .. 2012. 6. 29.