Web 5

티스토리 오디세이(Odyssey)스킨에 상단바 고정하기 (feat. 상단바에 그림자 효과)

티스토리 블로그 관리 -> 왼쪽 메뉴 꾸미기 -> 스킨 편집 html 편집 클릭 ctrl + f 누르고 header 1) 상단바 고정 왼쪽 사진에서 오른쪽 사진으로 코드를 수정 => 상단바 고정 이라는 주석 아래의 코드 3줄! /* header */ 아래에 있는 코드를 밑의 코드 블럭으로 바꿔준다. 그림자 효과는 뭔가 너무 단조로워보여서 넣어준 것이다. 넣고싶으면 넣고 싫으면 그냥 코드를 빼버리면 된다. 헷갈릴까봐 상단바 고정부분 말고 그낭 .header 전체의 코드를 적어놓았다. 상단바가 계속 상단에 고정되어 있어야하기 때문에, position이 relative에서 fixed로 바뀌었고, 상단바가 가장 최상위에 있어야 하기 때문에 만약의 경우에 대비해 가장 최상단이 되도록 z-index를 999로 줬다..

티스토리 오디세이(Odyssey) 스킨에 수정 / 삭제 버튼 추가하기

출처 : 꾸준희님 티스토리 블로그 관리 -> 왼쪽 메뉴 꾸미기 -> 스킨 편집 html 편집 ctrl + f 누르고 "이미지가" 입력 파란 네모 아래에다 빨간 네모 (밑의 코드) 붙여넣기 수정 / 삭제 정확한 코드는 캡쳐한 코드들을 코드 블럭에 넣었더니 몇몇 코드가 사라져서 캡쳐해서 넣는다!! 적용하면 아래와 같이 수정 삭제 버튼이 생긴다

[css] 기본 문법

CSS = Cascading Style Sheet 우리는 그 중 style에 집중! 1. HTML과 CSS CSS는 HTML과 다른 독립적 언어지만 HTML을 떠나서 살 순 없음 HTML을 디자인하기위해 고안되었기 때문 처음엔 HTML밖에 없었지만, 정보에 집중하기 위해 디자인과 관련된 tag는 퇴출시키고 CSS라는 별도의 언어가 그 일을 담당하게됨 그만큼 HTML은 정보에 집중하고 CSS는 디자인에 집중하는 언어다. HTML과 CSS는 완전히 다른 체계를 가진 언어 => 어떻게 페이지 안에서 공존?? 그때 사용하는 태그 : style style이란 태그가 나오면 그 뒤는 css언어로 코드를 이해 파일 디렉토리 안에 있는 파일에 접근할때 '파일 디렉토리 명/파일명' 순으로 적기 => htt..

Web 2022.08.03