최신글 제목부분의 색상을 바꾸고 싶습니다.
본문
안녕하세요, 초보제작자입니다.
색상변경에 대해서 질문드리고자 글을 적습니다..
사용중인 테마
-> http://theme.sir.kr/gnuboard5/index.php?theme=community&device=mobile [커뮤니티 / 모바일버전]
위의 주소로 접속했다고 가정하고, 말씀드리겠습니다.
해당 테마의 모바일버전에서, 위의 사진에 표시한 빨간부분의 배경색을 변경하고 싶습니다.
크롬브라우저에서 F12 모드로 진입하여, 확인한결과로는
초록색으로 표시한 부분까지도 한박스로 묶여있다는 것 입니다.
그래서, 배경색을 변경했더니, 빨간색표시된 부분만 변경되는것이 아니라
초록색부분까지도 변경이 되버리더라구요...
혹시, 빨간색부분만 변경할 수 있는지가 궁금합니다.
답변 2
그럴 땐, 빨간색 부분만 다시 별도로 div나 span으로 묶고 별도로 아이디나 클래스 부여 후, 스타일 적용하시면 됩니다.
블럭 요소 (=한 줄 차지 요소)는 div로 주로 묶고,
인라인 요소 (=딱 요소 길이만 차지하는 요소)는 span 으로 묶으시면 됩니다.
물론, display 속성을 이용해 테그의 속성을 변경 가능하긴 합니다.
개인적으로 권해드리는 건, 스킨을 수정하면서 늘기도 하지만,
HTML CSS를 제계적으로 공부하신 후 스킨 수정을 권합니다.
스킨 수정하며 HTML CSS 찾아보며 하는 것보다,
날 잡고 HTML CSS 독파 후, 수정하면 훨씬 작업 속도가 빨라집니다.
(뻥 하나도 안 붙이고, 약 10배는 빨라짐. ㅎㅎ)
제작자의 길로 들어셔셨으니, 특히나 그렇게 하는 것이 맞습니다. ^^
모바일의 최신게시글을 예로 알려드리겠습니다.
스타일은 각 스킨마다 따로 지정해 주셔야 합니다.
이미지는 클릭해서 보세요
html 경로 : community/mobile/index.php
수정 전 ↓
html에서 div를 감싸고 class를 추가하여 css에서 스타일을 적용합니다.
css 경로 : community/mobile/skin/latest/new_latest/style.css
수정 전 ↓
이런 방식으로 해당 스킨의 html과 css를 수정해 주시면 됩니다.
메인에 '최신 게시글'은 html로 작성되어 있지만 공지사항, 자유게시판 등 은 php로만 작성되어 있습니다.
인덱스에서 표시되는 글은 모두 최신글 이며, 최신글 스킨은 skin/latest에 있습니다. 각 명칭의 스킨 파일은 각 스킨에서 보이는 것과 같이 basic과 gallery에서 수정하면 됩니다.
파일 경로는 여기서 수정하면 됩니다.
수정 전 ↓
수정 후 ↓
그래도 잘 모르시겠다면 코딩을 조금 더 공부하신 뒤 수정하시거나 매뉴얼 : http://sir.kr/manual/ 을 참고해보세요!