묻고답하기
최신글,인기글,최신댓글 위젯 사용중인데요. 가로폭을 조정 하고 싶습니다.
2014.03.11 11:44
초보입니다. 고수님들의 조언을 구하고 싶어 이렇게 글을 남깁니다.
다름이 아니오라니 사이트 메뉴 하단 부분에 최신글, 인기글, 최신댓글 위젯을 달려고 하는데
메뉴 폭이 작아서 그런지 위젯이 저렇게 모양이 이상해 지네요.ㅠㅠ
위젯의 폭을 조절 하고 싶은데 어떻게 해야하는지 답변부탁드립니다.
문제는 페이지에 위젯을 추가한 방식이 아니라 레이아웃 입력창에 위젯코드를 입력한 방식이라
크기 조절하기가 어렵네요. 아무래도 위젯 소스를 코쳐야 할거 같은데 어디서 수정을 해야할지
막막합니다.ㅠㅠ
제가 생각하기에는 최신글, 인기글 부분에 좌우로 남는 여백을 어느정도 없애면 저 공간안에 딱 맞게 들어 갈거
같기도 한데 조언 부탁드리겠습니다.ㅠㅠ
위젯은 http://www.xpressengine.com/?mid=download&package_srl=18324332 글에 있는 기본위젯을
사용 중입니다.
고수님들의 친절한 답변 부탁드립니다. 감사합니다.^^
댓글 6
-
주택바가지
2014.03.11 12:57
-
풀네임80
2014.03.11 13:53
주택바가지님 정말 상세한가르침 감사합니다. 말씀대로 해보니 탭 폭은 줄어 들었는데 저도 주택바가지님처럼
글이 나오질 않네요.ㅠㅠ
글목록이 안나오는 이유가 무엇일까요? 한가지 궁금한 점이 해소되고 나니 다른 답답함이 생겼네요.ㅠㅠ
부탁드립니다.
-
주택바가지
2014.03.11 14:02
아아! 저 링크글 댓글 보니 위젯코드 생성후에 크기조절하면 된다고 해보니 잘 나오네요!! 숨어있었어요ㅎㅎ
그러니까 코드생성까지 하시면 최근글/최근댓글 등 탭이 나오잖아요? 그 상태에서 해당 위젯박스 오른쪽 밑 모서리를 마우스로 드래그한 채 높이를 더 늘려보세요! 그럼 숨어있던 제목들이 쭈루룩 나올거에요 ㅎㅎ 간단했네요~
-
풀네임80
2014.03.11 14:42
주택바가지님이 말씀 해주신데로 해보았더니 일반 위젯 페이지에서는 잘 실행이 되네요.
아래는 일반 위젯 페이지에서 테스한건데 잘 나오네요.
근데 저는 아래와 같이 레이아웃 설정 입력창에 소스를 넣어야 하는지라 위젯크기를 조절 할수가 없어요.ㅠㅠ
현재는 아래상태로 그냥 멈춰 있는 상태네요.ㅠㅠ 아무래도 소스 부분을 수정해야 할거 같은데 도와 주세요...
주택바가지님..헬프미~~~~~~~~ㅠㅠ
-
주택바가지
2014.03.11 16:26
본문에 걸린 링크댓글 보면 비슷한 문제를 겪다가 해결한 분이 쓰신 글을 보면 알 수 있습니다.
그분의 말대로 ideation.css 파일에서
.popularSimple{ position:relative; *zoom:1;height:110px;}
이런식으로 높이값을 직접 추가해서 지정해 줘야 보인다고 합니다. 결국 높이값이 고정되지않아있어서 안보이는 거였네요. zoom:1; 이 뒷부분에 바로 height:110px; 이런식으로 높이수치를 달아보세요. 해당 레이아웃 크기에 맞게 확인해가시면서 최적화된 값으로 넣어쥬시면 될거같아요!! -
풀네임80
2014.03.11 22:46
주택바가지님 정말 감사합니다.^^
신경써 주신 덕분에 모두 해결이 깔끔하게 되었습니다.
정말 감사합니다. 꾸벅~(^^)(__)
해당 위젯을 다운받고 나서 압축풀면 폴더가 생기잖아요?
skins -> ideation -> css 폴더 안에 들어있는 ideation.css 파일을 수정하시면 됩니다.
4~5번째 줄 보시면 popularSimple li a{ position:relative; float:left; padding:8px 19px 7px 19px; text-decoration:none; border:1px solid #ccc; background:#f6f6f6; color:#999; }
이 부분이 있는데 저기서 padding 부분에 있는 숫자들을 수정해주시면 됩니다. 참고로 저는 padding:5px 10px 5px 10px; 이렇게 수정해보았습니다. 현재 위젯은 최근글 / 최근댓글 등 분류 사이 사이가 여백이 많아요. 근데 풀네임님 메뉴는 위젯보다 좁은 넓이를 가졌으니까 저 여백들이 별로 쓸모가 없을거에요. 그만큼 여백을 줄여주시면 위젯 폭이 좀 더 좁아지겠죠!
padding 이 부분이 안쪽 여백을 나타내고 있는 걸로 알고 있어요. 아마 저 부분 4개의 숫자를 낮춰주시면 여백도 줄어들고 그 줄어든 여백만큼 가로 폭도 줄어들거라고 생각되요. 그리고 저 위젯 설정할 때 보면 해당 제목글자수 조정하는 부분도 있잖아요. 적당한 길이 생각하셔서 제목수를 적어주세요.
저는 1.7인데 해당 제목들이 안나오네요.. 그래서 간단히 저 탭부분만 테스트해본거라 가로가 확실하게 줄어들지는 잘 모르겠지만 일단 해보시고 안되면 ideation.css 파일안에 있는 padding 등의 수치를 조금씩 수정하면서 확인해보시면 좋을 것 같습니다! 물론 기존 ideation.css 파일은 백업해놓으시구요!!