연혁으로으로 사용할려고 하는데요

https://codyhouse.co/demo/vertical-timeline/index.html

 https://codyhouse.co/gem/vertical-timeline/

 

아무리 처다봐도 모르겠네요, 회사라 계속 쳐다 볼수도 없구요

css에서 뭔가를 하면 될거 같은데

주로 봐야할게 뭔지를 모르겠어요

힌트 좀 주시면 감사하겠습니다.

 

 

https://xetown.com/qna/280197

 

  • profile
    css 파일에 @media로 시작하는 구문들이 있을 텐데 해당 부분들을 일괄 삭제하거나 주석 처리해보세요~
  • profile profile
    • pjk
    • 질문기여자
    ^^ 감사합니다.
    반응형은 제거 된거 같은데 또 뭔가 레이아웃과 호환성에 문제가 있네요
    아무래도 ... 사용에 어려움이 많네요 ㅜㅜ
  • profile profile

    vertical-timeline.zip

     

    Content 위젯 스킨용으로 한번 만들어봤어요. 저도 쓸 겸해서ㅎㅎ

    스타일 정리를 했으니까 어지간해선 레이아웃과 충돌하는 일은 없을 겁니다.

    디자인도 취약하고 위젯 스킨이라 기능 제약이 있을 수 있지만, 잘 다듬어서 사용하시면 괜찮을 거 같아요.

  • profile profile
    • pjk
    • 질문기여자
    ^^ 감사합니다... 즐거운 주말되세요 ^^
  • profile profile
    오~~ 게시글로 작성하고 위젯으로 목록으로 보여주는 방식인가 보네요. 이런 방식이 사용하기 편리할 것 같았는데 이런 자료를 못구했었지요. 적용모습이 궁금해지네요~~

    게시판을 따로 하나 만들필요 없이 문서번호를 입력해서 출력하게 해 준다면 공지글 작성할때 여기에 노출될 문서를 작성할때 신경써서 작성하면 꽤 괜찮은 방식이 될 듯하네요.
  • profile profile

    Content 특정글 출력 위젯이란 게 있었는데, 그게 문서번호 입력해서 위젯 뿌려주는 방식이었던 거 같아요.... 해보니까 꺅! 잘 되네요.
    https://xe1.xpressengine.com/index.php?mid=download&package_id=19109313
    그리고 이 소스를 활용해서 스케치북 게시판 스킨에 새로운 목록 유형으로 추가해도 되겠다 싶어요. 타임라인 모듈이랑 결합하면 진짜 타임라인이.. 호오~

  • profile profile

    수직형 타임라인 위젯 스킨 적용 후: 대강 이런 식으로 나와요ㅎㅎ

    1.jpg

     

    2.jpg

     

  • profile
    • pjk
    • 질문기여자
    대단히 마음에 듭니다.. ㅋㅋ ^^
    날짜만 원하는 날자로 지정할 수 있으면.. 날짜 부분을 확장변수에서 불러올 수 있으면 좋했네요 연구해봐야겠습니다. ^^
    감사합니다.
  • profile profile
    아, 안 그래도 그 말씀 드리려고 했었어요. 연혁에선 날짜가 중요하니까요ㅎㅎ
    위젯에서 확장변수 사용은 팁들이 많으니까 금방 적용하실 수 있을 겁니다~
  • profile profile
    • pjk
    • 질문기여자
    https://xe1.xpressengine.com/qna/20159898
    이걸로 거의 해결했습니다. 날짜 형식으로 출력되게만 하면 거의 완성입니다. ㅋㅋ
  • profile
    • pjk
    • 질문기여자

    날짜 부분은 이렇케 {zdate($item->getExtraEidValue("the_date"),'Y-m-d')} 해서

    확장변수에서 불러오기 성공..

  • profile profile
    오옷, 감축드립니다~!
  • profile profile
    • pjk
    • 질문기여자
    ㅎㅎ 감사합니다..

    그런데.. 페이지수가 조금 부족해보여요 어떻케해야할지........
  • profile profile

    widgets/content/conf/info.xml 에서

    300번째 줄 <var id="page_count" type="select"> 이거를 <var id="page_count" type="text">로 바꾸시고,

    309~341 줄의 <options> ~ </options>를 삭제하시면,

    page_count에 임의의 값을 입력하실 수 있을 거예요.

    첨부 파일 참조: info.xml

     

  • profile profile
    • pjk
    • 질문기여자
    감사합니다 ^^ 전 그냥 페이지를 10페이지까지 가능하게 늘렸습니다.
  • profile
    • pjk
    • 질문기여자

    이러케하니 에러로그가 나오는군요. ㅜㅜ

    제가 뭔가 수정을 잘못했네요 알려주신대로 해야겠네요