이전 목록 다음
채택완료

그누보드 공부중입니다. 엄청기초질문

웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:21:56 3,156

1889965777_1632382118.3847.png

사이드 로그인아래 공지사항칸을 수정하고싶습니다.

저기 수정방법은 저길감싸고있는 php코드에 div등의 태그를넣어서 css파일에 그 div 클래스명을 입력해서 수정해야하나요 ?

저는 우측사이드에있는 공지사항만 수정하고싶습니다.

css통해서 수정을하면 index.php에있는 공지사항도 같이 수정이됩니다.

그누보드5 css html 기초
|

답변 5개 / 댓글 12개

채택된 답변
+20 포인트
트트샷
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:42:53

.aside_notice > .lat_title

->

.aside_notice .lat_title

로 해야 됩니다. > 는 바로 하위단계일시에만 적용

그리고 css 파일 수정후에는,

/extend/version.extend.php 에서 css 버전 숫자를 갱신해 주어야 됩니다. ※ https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=68

답변에 대한 댓글 4개

웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:45:00
웹호스팅안하고 혼자연습하려고 localhost 에설치해서 공부중인데 숫자갱신 이거 해야하나요 ?
트샷
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:48:34
요즘 브라우저 특성상 css 파일을 한번 읽은 후에는.. 버전명 갱신 전에는 css 파일 갱신을 자동으로 인식하지 못하기 때문에.. (아마도) localhost 라도 해주어야 됩니다.

그리고..
(정정)
.aside_notice > .lat_title

->

#aside_notice .lat_title

(id 인 경우에는 #)
웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:52:22
tail.php 안에 id="aside" 라고 되어있는칸 안에 공지사항을 넣은건데
이것만 수정하려하면 css속성안에 #aside > .lat{} 이렇게 수정을 해주면 되는부분인가요 ?
트샷
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 17:04:55
> 은 바로 하위에 있는 경우에만 적용됩니다.
이렇게 적용해도 되지만.. 잘 안된다면..
> 을 빼고 띄어쓰기로 처리하는 것이 더 낫습니다.
웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 17:39:12

다들 너무 감사합니다 정말 채택1개밖에 할수없어서 .... 마음만큼은 모두다 채택해드리고싶은데 정말죄송하네요 ㅠㅠ 다들 바쁘실텐데 도움주셔서 정말감사합니다 감동입니다 ㅎㅎㅎ

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:41:46

1.

코드를 원래대로 되돌린 후, 아래 방법으로 수정할 선택자를 찾아보세요.

https://homzzang.com/b/css-251

2.

수정하신 후, 아래 방법 참고해 수정 내용이 반영되게 해주세요.

https://homzzang.com/b/css-248

답변에 대한 댓글 2개

웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:50:44
말씀하신 1번내용을 했었는데 index.php에있는 공지사항과 tail.php에있는 우측사이드 로그인아래있는 공지사항이 똑같이 변합니다ㅠㅠ 저는 우측사이드 로그인아래있는 공지사항만 수정하고싶습니다 ㅠㅠ
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 17:08:43
사이드만 조정하고 싶으시면 선택자 앞에 #aside 아이디를 추가해 보세요.
웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:37:57

thumb-1889965777_1632382666.3918_730x205.png

1889965777_1632382643.1779.png

이렇게 넣었는데 적용이 안되네요 .. 
 

답변에 대한 댓글 4개

dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:40:51
.lat_title 이 aside_notice의 자식이 맞다면, CSS 우선순위 때문일거에요~
#aside .aside_notice .lat_title { color:blue }
이렇게 넣어보세요~
웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:53:41
#aside 자식이 .aside_notice 인데 > 이걸 안붙여도 적용이되나요 ??
dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:57:34
아랫분들이 친절하게 설명해주셨네요~
> 얘는 자식일때
" " 띄어쓰기는 자식을 포함한 하위에 있는 모든 애들을 말해요~
dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 17:01:10
https://opentutorials.org/course/2418/13346

이런 강의 한번 들어보세요!
선택자에 대해서만 이해되시면 해결 하실수 있을거같아요
ddev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:33:39

말씀해주신대로 하면 될것 같습니다 :)

감싸고 있는 div 클래스 하위로 해서 CSS 수정하시면 될거같아요~

답변에 대한 댓글 2개

dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:34:54
html 구조가 다르다면 따로 우측 라테스트를 만드는게 사용하기는 더 좋긴 하겠지만
쉽게는 그렇게 하셔도 무방할것 같습니다.
웹공부합니다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-23 (목) 16:40:36
아래 댓글 확인 부탁드립니다 ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.