사진메타 - fotowall
세번째 fotowall xe 릴리즈입니다.
다음과 같은 변화가 있습니다.

기존 버전과 사용법은 이 곳을 확인해주세요

--

v 0.3.0

- 모자이크 모드 추가

- 자바스크립트 관련 자잘한 버그들 수정 (내부 파일명 일부 수정)

--


▲ 모자이크(mossaic) 모드 추가

다운로드
신고
두번째 fotowall xe 릴리즈입니다.
다음과 같은 변화가 있습니다.

기존 버전과 사용법은 이 곳을 확인해주세요

--

v 0.2.0

- 좀 더 심플하게 변했습니다. ( 하단(Footer)영역의 그림자 효과 및 외곽선 삭제 )
- 설정값 simple_mode 를 추가했습니다.  ( 트랙백(엮인글)과 댓글 모드 없애기 기능 )
- 사진 위에 마우스 오버시 피드백 변화를 주었습니다. (마우스 오버시 투명값 변화)
- 대표 텍스트 크기 변화 ( 18px -> 16px )

--

다운로드
신고

소개

오랜만에 스킨을 공개합니다.
저녁시간 짬짬히 만들어 본 XpressEngine 의 Textyle 버전 fotowall 스킨입니다.

이름은 fotowall XE 입니다. :)
XE 게시판으로 만들려고 했던 네이밍을 그대로 가지고 왔습니다. XE 가 주는 느낌도 괜찮고 해서요 ..

이 스킨은 XE 사용자 공모전(http://contest.xpressengine.com) 에 제출할 예정입니다.

현재는 테스트 버전이며 최종적으로 공모전에 출품한 뒤가 정식버전이 될 가능성이 높습니다.

--

사용법

1. fotowall XE 는 Textyle (http://textyle.kr) 의 스킨 입니다.
당연하겠지만.. Textyle 이 설치되어 있어야 합니다.

2. 하단의 링크되어 있는 파일을 다운로드하셔서 특별한 수정이 없다면
/XE 서버/modules/textyle/skins/ 에 압축되어 있는 파일을 올리시면 됩니다.
최종적으로 /XE 서버/modules/textyle/skins/fotowallXE/ 가 되면 됩니다.

3. 아래 이미지와 같이 Textyle 의 관리자 페이지에서 디자인 -> 스킨선택 -> fotowallXE 스킨적용순으로 진행 하시면 됩니다.


4. fotowall XE는 기본적으로 첫페이지를 "글 요약"으로 설정하는걸 권장합니다. 아래 이미지와 같이 관리자 페이지에서 설정 -> 발행.대화 설정 -> 첫 페이지 -> "출력 대상" (글 요약으로 설정), "출력 개수" (1외의 원하는 숫자) 로 설정해주세요

이렇게 설정하셔야 맨 상단의 fotowall XE 모습과 유사하게 됩니다.



이제 모든 Textyle 에서의 설치는 끝났습니다.

--

스킨 설정법

fotowall XE는 스킨 차원에서도 몇가지 설정을 하실 수 있습니다. 그 방법을 설명드립니다.

1. 설치한 fotowall XE의 setting_config.xml 을 열어주세요

2. 이제 몇가지 변수들을 수정하시면서 스킨을 조금씩 변형하실 수 있습니다.
* 아래 이미지를 참고하시면 좋을듯 합니다.

$column_width // 컬럼의 너비 (빨간색)
$column_margin // 컬럼의 여백 (파란색)
$column_count // 컬럼의 열만큼의 수

// 초록색은 위 값을 계산해서 자동으로 넓혀지거나 좁혀집니다.


$column_thumbnail // 썸네일 방식 : ratio 라 설정하면 자동 조절, 숫자를 입력하면 강제로 높이 조절

$column_height // 컬럼의 높이 : auto 라 하면 썸네일 크기에 자동으로 조절, 숫자를 입력하면 강제로 높이 조절 (만약 강제로 조절할시 $column_thumbnail 의 값도 강제로 정하는걸 권장합니다.)

$column_cut_content // 컬럼의 본문 길이를 정함, 0 일 경우 본문 자르지 않음

$share // 공유하기 기능

$thumbnail_auto_resize // 사진(글) 보기일 때 갤러리의 썸네일의 너비를 자동으로 맞추는지 결정  : 'true' : 너비를 강제 조절, 'false' : 너비를 그대로 하고 가운데 정렬

이상입니다. PHP 문법이라 잘 모를 수도 있을 것 같네요 최종 버전에서는 좀 더 쉽게 수정하거나 문구를 만들도록 하겠습니다.

--

문제점, 피드백, 질문등은 하단의 댓글을 이용해주세요.

--

다운로드 : 이곳을 클릭하시면 다운로드가 시작됩니다
신고

신고된 플러그인 버그패치입니다.

이미지뿐만아니라 mp3나 기타 업로드된파일도 썸네일처리하여 잘못처리되는 버그를 해결한 버전입니다.

다운로드

--

새해 복 많이 받으세요 :)

신고
fotowall blackmind는 초록빛으로 포인트를 주어 다소 밋밋한 검은색의 테마에 힘을 주도록 만들었습니다. 오늘 말씀드릴 팁은 이 포인트색을 수정하여 blackmind에 변화를 주는 법을 알려드리려 합니다.

참고 : 궁극의 힘님 블로그

1. 선택 메뉴하단
색을 수정하는 다른것들 달리 이부분은 이미지를 수정하셔야 합니다. 포토샵이나 페인트샵과 같은 이미지편집소프트웨어로 images폴더내(tistory버전은 상위폴더)의 bt_menu_select.gif 를 수정하여 이미지톤을 변경하시면 됩니다.

2. 글(post) 선색 변경
style.css의 194번째줄의 .entry .line 의 border-top 색 변경

참고로 선색을 파란빛이 도는 #2bb5c9 로 변경시 아래와 같음
.entry .line { font-size:0; height:0; border-top:1px solid #2bb5c9; margin-top:10px; margin-bottom:10px; }

3. 선택 페이지번호색 변경
style.css의 333번째줄의 .selected 색 변경

참고로 선색을 파란빛이 도는 #2bb5c9  로 변경시 아래와 같음
 .selected { color:#2bb5c9 ; }

4. 현재댓글, 트랙백수색 변경
style.css의 213번째줄의 .cnt 색 변경

참고로 선색을 파란빛이 도는 #2bb5c9 로 변경시 아래와 같음
.entry .actionTrail .cnt { color:#2bb5c9 ; margin-right:3px; }

테스트블로그 : http://fotowallbeta.tistory.com/
신고
  
트랙백 1  |  댓글 13  |
 이전  1234···11   다음 

분류 전체보기 (51)
meta (0)
skin (29)
plugin (8)
tip (4)
etc (8)
fotowall :: ncloud tattertools RSS Feeds today : 0   yesterday : 0
total : 264,408

티스토리 툴바