애니빌드.LAB
토론방
디자인팜 맞춤게시판 갤러리 질문
- &**bsp;saver1
- 2018-01-12 16:00:19
- hit4223
- http://lab.anybuild.co.kr/bbs/qna/6933
모바일에서 보면 (검정)글씨부분이 너무 사진을 가려서요..
사진위로 글씨가 올라가는거 말고 사진밑에서부터 글씨가 시작되게 하고싶은데 어딜 수정해야하나요?

게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
제목이 하단에 출력되도록 수정하였습니다.
수정방법은 다음을 참고해주세요.
# html 수정
1. 디자인팜에서 해당 페이지로 들어간 후 고급자용 소스수정 을 클릭합니다.
2. 리스트화면 소스에서 제목이 출력되는 부분의 소스를 수정합니다.
<span class="subject1">{$v[s_v1]} {$v[reg_date]|date:Y-m-d}</span>
->
<span class="subject2">{$v[s_v1]} {$v[reg_date]|date:Y-m-d}</span>
# css 수정
3. 같은 페이지에서 magicalLayouts.css 버튼을 클릭합니다.
4. css 에서 제목부분 소스를 복사해서 수정합니다.
span.subject1{display:block; text-align:center; color:#fff; background:#222; position:absolute; bottom:0px; padding:5px 0; width:100%; font-size:14px;}
-> 복사
span.subject2{display:block; text-align:center; color:#fff; background:#222; padding:5px 0; width:100%; font-size:14px;}
-> 붙여넣기 후 subject1 을 subject2 로 수정
-> position:absolute; bottom:0px; 삭제