'연혁' 구현을 위해 수평형 타임라인 content 위젯 스킨을 만들어 보고 있는데, (개발 능력은 물론이고) 디자인쪽은 젬병이라 영 마음에 들지가 않습니다. codyhouse의 Horizontal Timeline을 커스텀하고 있구요, 기능상에 제약이 없진 않은데 조심해서 잘 쓰면 나름 쓸 만합니다. 어쨌든 간단히 소개해보면,
0. 위젯 컨테이너 윗쪽에 타임라인이 있고, 화살표 좌우키 또는 스와이프로 이동해서 컨텐츠를 보는 방식입니다.
1. 일단 가라로 만들어뒀던 게시판을 활용해서ㅋㅋ 제목이랑 날짜를 가운데 박고 양 옆으로 장식을 줘봤는데, 솔직히 잘 모르겠습니다;;; 썸네일은 ratio로 추출했을 때 가로사이즈 비율이 16:9보다 더 넓으면 가운데 정렬로 뽑도록 했구요.
2. 그리고 제목 텍스트에 태그가 있으면 색깔이 나오도록 해봤어요. 갑자기 그런 아이디어가 떠올라서;;; 섬네일 가로사이즈 비율이 16:9보다 작은 경우엔 본문 요약 옆으로 나오게 했고 홀수 번째 컨텐츠에선 오른쪽 정렬입니다.
3. 짝수 번째 컨텐츠에선 섬네일이 왼쪽으로 정렬되구요.
4. 모바일로 보면, 반응형이어서 섬네일이 다시 가운데로 정렬...
... 대강 이런 식입니다. 원래 소스 자체가 단순한 형태여서 커스텀 자유도가 높은 편이긴 한데, 제가 우둔해서 만족스럽지가 않네요. 몇 일 동안 붙잡고 있었더니 스스로 생각하기도 뭔가 버겁구요, 하.하.하.
색감이라든가 배치 형태 등 디자인 관련해서 의견이나 조언 주시면 연구해보고 능력 닿는대로 반영해보겠습니다. 그럼, 부탁 드려용~
개인적으론 수직형보단 수평형이 더 깔끔(?)한 느낌? (디자인말고 구성이랄까.. 수직형은 길어지는거 같아서..)
전 디자인 씜플해서 좋은데ㅋ
수직형처럼 추가로 프로필이미지도 넣으실껀가요?