예) http://www.suyongso.com/
xe로 만든 사이트들 둘러보다가 해당사이트 처럼 스케치북5 게시판을 커스텀 해보고 싶습니다. ㅠㅠ
1.네모난? 직각 버튼 (기존 스케치북은 둥그래요)
2.버튼에 자신이 원하는 아이콘?? 사용
3.댓글에 테두리 입히고 해당 사이트처럼..
4.주소 복사하기 버튼정도네요 ㅠㅠ
xe사이트 아무리 뒤져봐도 나오질 않아서 도움좀 부탁드립니다
스케치북이 원래 둥글둥글 한 모양이 있는데 이걸 직사각형으로 바꾸고 싶어요..
+ 추가로
공홈에 있는 스케치북 변경을 적용시켰는데 글자색이 너무 흐려져요 해결 방법이 있을지 부탁좀 드립니다.
https://xe1.xpressengine.com/index.php?mid=tip&search_target=title_content&search_keyword=%EC%8A%A4%EC%BC%80%EC%B9%98%EB%B6%81&document_srl=22542267
댓글 14
1. 버튼 및 직각 만들고자 하는 객체의 style 값중 border-radius 값을 삭제하거나 1px 정도로 조정
(이 부분은 게시판 스킨의 css 폴더내에 있는 *.css 파일을 열어서 수정하시면 됩니다.)
2. xeicon 등을 사용하여 원하는 위치에 삽입하면 됩니다 <i class="xi-xpressengine"></i> 식으로
(참고 : http://xpressengine.github.io/XEIcon/examples.html)
라이브러리를 불러오는 등의 방식이 어려울경우 https://xe1.xpressengine.com/index.php?mid=download&package_id=22753800 등의 애드온을 사용하시면 될것 같습니다.
3. 댓글에 테두리가 무엇을 의미하는지 모르겠으나 해당 div의 border 값을 조정해 보세요
4. 현재 읽고있는 게시글 주소는 {$oDocument->getPermanentUrl()} 입니다.
해당 값을 클립보드에 넣어주는 부분을 처리해주시면 됩니다.
2.http://fortawesome.github.io/Font-Awesome/
3.class[fdb_lst_ul], class[fdb_itm] -> border
4.ZeroClipboard
초보라서 많이 모릅니당 ㅠㅠ
<style>
.fdb_lst_ul{border:1px solid #색상}
.fdb_itm{border-top:1px solid #색상;border-bottom:1px solid #색상}
</style>
4.http://fiddle.jshell.net/dford/qqbhpe9r/
알려 주신대로 적용 해봣는데 댓글창 양옆에 사진처럼 l l 는 생기지가 않네요 ㅠ 양옆에도 생기게 하고 싶은데 어떤걸 건드려야 하나여 ㄷ
<ul class="fdb_lst_ul " style="border: 1px solid #색상코드6자리; border-image: none;">
코멘트창 테두리 (보더)는 적용했습니다.
2번에서 목록에있는 버튼아이콘만 삭제할려는데 _read.html를 아무리 찾아봐도 해당 부분을 찾을 수가 없습니다 ㅠㅠ
본문에 있는 목록 버튼이요
아마도 list.html에 있지 않을까 싶습니다. 경우에 따라서는 header.html , footer.html 에 있는 게시판 스킨도 간혹 있더군요
추가
팁을 따라했는데 글자색이 흐려요 :
.bd_zine h3 {color:#3a3a3a}
.bd_zine .cnt {color:#888; font-family: 돋음; margin-top: 8px; font-size: 12px;}
등의 앞에 #이 들어가는 부분의 값을 원하는 색상코드로 변경 예 : 흰색 #FFFFFF (혹은 #FFF) 검은색 #000000 (혹은 #000)
이부분에도 border 값을 주고 싶습니다 ㅠㅠ 자꾸 물어봐서 죄송합니다;;
프로필 알려 주신 것은 제가 설정을 잘못한 것 같습니다 잘됩니다!!
아래와 같이 변경
저 사이트도 일베 못지 않네요 -_-;;