오늘은 티스토리 블로그에 사진에 테두리를 만드는 법을 포스팅하고자 합니다. 처음 블로그를 사용할 때 사진을 불러오면 불편할 때가 있었습니다. 어디까지가 사진이고 어디서 부터 글을 작성할 수 있는 곳인지 혼동되는 경우가 많았었거든요. 사진에 테두리 선을 작성해서 그동안의 불편을 해소하는 방법을 알려드리고자 합니다.
위 사진을 내 컴퓨터에서 불러왔는데 사진이 어디까지인지 혼동스럽습니다. 그리고 사진에 설명글을 넣었더니 원본과 동떨어져 있는 듯한 느낌을 주기도 합니다. 하지만 저 여백 빈공간 전체가 사진임에도 불구하고 이 글을 보는 사람 입장에서는 블로그 중간에 빈 공간이 많다고 느낄 수 있습니다.
이번 사진은 동일한 화면을 올린 사진입니다만 테두리 선이 있습니다. 테두리를 보는 것 만으로도 어디까지가 사진인지 확실하게 인식할 수 있을 것입니다. 사진 바탕에 색상이 있는 경우에는 굳이 테두리가 없어도 문제가 없지만 바탕이 하얀색인 경우에는 테두리는 필수적이라고 할 수 있습니다.
|
|
테두리가 없는 사진과 테두리가 있는 사진의 구분
한꺼번에 두장을 같이 놓고 비교를 해보니 확실하게 차이가 나는 것을 알 수 있습니다. 테두리 선이 없는 것은 여백과 사진의 구분이 모호한 것을 알 수 있습니다.
글을 작성할 때는 테두리가 없는 사진과 있는 사진의 구분이 명확했는데 글쓰기를 완료하고 나가서 보니 모든 사진에 테두리가 적용되어 있어서 제가 설명하고자 하는 내용이 약간 무색해 졌습니다. 제 블로그는 자동으로 테두리가 설정되도록 스킨편집을 해놓은 상태여서 무조건 테두리가 작성되었네요. 하지만 여러분은 테두리가 없는 사진의 공백이 어떤 의미인지 아실 것으로 믿습니다.
위의 사진은 자연을 촬영한 사진이므로 하늘과 나무와 산의 색상이 있습니다. 그러므로 사진에 테두리를 넣지 않아도 사진과 여백의 구분이 확실합니다.
오늘은 사진에 테두리를 넣는 방법을 알아보도록 하겠습니다. 블로그의 관리자 화면으로 가시겠습니다. 여러분의 블로그에서 관리자라는 곳을 클릭하시거나 컴퓨터 자판에서 Q를 클릭하시기 바랍니다.
여러분 각자의 블로그 관리 홈에 들어오면 왼쪽 매뉴바의 꾸미기 메뉴 밑에 스킨 편집이라는 메뉴가 있습니다. 클릭하시기 바랍니다.
스킨 편집을 클릭하면 위와 같은 화면이 표출됩니다. 스킨을 편집하기 위해 HTML을 클릭하시기 바랍니다.
HTML을 눌렀더니 HTML, CSSm 파일업로드 이렇게 세가지의 메뉴가 있는 화면으로 변경됩니다. 세가지의 메뉴 중에 CSS를 클릭하시기 바랍니다. 그러면 화면이 다음과 같이 바뀝니다.
저의 경우에 번호가 71번인 라인에 이미지를 세팅하는 img, fieldest 라는 것이 나왔고, 그 아랫줄에 경계에 해당하는 border가 나왔습니다. 여러분의 경우에도 동일한 번호일 확률이 크니 해당 번호 부분의 라인을 확인해 보시기 바랍니다. 만약 번호가 다르더라도 그 근처일 것을 생각되니 img, fieldest가 있는 곳을 찾으시기 바랍니다.
none라고 되어 있는 것으로 보아 이미지 경계선이 없는 것으로 되어 있는데 border : none 부분에서 none를 지우시고 "1px solid #000 !important;" 를 입력하시기 바랍니다. 제가 저 내용을 정확히 해석할 수는 없지만 블로그에 나타내는 이미지 경계에 1px짜리 고정형 선을 표시하라는 취지의 내용인 것 같습니다. 정확히 입력 하셨으면 오른쪽 상단의 적용 버튼을 클릭하시기 바랍니다.
이제 빠져나와서 여러분의 블로그로 다시 가시기 바랍니다. 그러면 자동으로 사진에 테두리 경계선이 형성되어 있는 것을 보실 수 있습니다. 기존에 작성했던 글에서도 이미 적용되어 있던 사진에 경계선들이 모두 생성되는 것을 확인하실 수 있습니다.
멋진 블로그 운영하시기 바라면서 오늘 포스팅을 마치겠습니다.
'이제는 알아도 좋을 상식' 카테고리의 다른 글
| 티스토리 블로그 한 줄에 사진 여러장 올리기 안될 때 (3) | 2021.01.30 |
|---|---|
| 티스토리 블로그 만들기, 카테고리 분류 (0) | 2021.01.29 |
| 티스토리 블로그 사진을 위한 화면 캡처 기능 (0) | 2021.01.28 |
| 컴퓨터 화면 편집을 위한 알캡처 (0) | 2021.01.26 |
| 티스토리 블로그 소제목을 간단하게 꾸미기 (0) | 2021.01.25 |
