CSS/HTML 2

(css) border로 꾸미는 나만의 이미지 스타일

(css) border로 꾸미는 나만의 이미지 스타일 블로그에서 사진은 빼놓을 수 없는 필수 요소입니다. 블로그에 사진을 올릴때 style sheet의 border를 이용하면 각자의 원하는 스타일에 맞게 여러가지 모양의 테두리를 그려서 표시할 수가 있습니다. 가장 일반적인 방법이 이미지에 테두리를 표시하는 방법입니다. 그냥 이미지만 올리는 것보다 테두리를 표시하면 사진이 훨씬 깔끔해보이지요! 포토샵이나 기타 그래픽 툴을 이용하는 분이라면 사진에 워터마크도 삽입하고 테두리도 보기 좋게 넣어서 올리지겠지만 그래픽 툴에 대해서 모르는 분들은 그림의 떡이지요! style sheet를 이용하면 그래픽 툴을 다루지 못해도 이미지 멋진 테두리를 삽입할 수가 있습니다. 여기서는 style sheet에 대해서 배우면서 ..

티스토리에서 글리스트 색 변경하기

티스토리에서 글목록(list) 색 변경하기 제가 사용하는 스킨은 'Pure Black (Text)'라서 특별한 디자인도 없고 텍스트 위주로 되어 있으며 거기에 글자에 대한 포인트도 없습니다. 그래서 스킨이 깔끔하긴 하지만 전체적으로 블랙 컬러로 구성되어 일부 밋밋한 페이지가 있습니다. 그래서 일부 섹션이나 일부 페이지의 텍스트 컬러 변경 작업을 했답니다. 이번에는 티스토리의 카테고리 이름을 클릭하면 나오는 포스트 목록 색깔을 변경해봤습니다. ▲ 변경전 리스트 모습 skin.html의 확인 먼저 티스토리 관리자페이지의 스킨메뉴의 'HTML/CSS 편집'을 클릭하면 표시되는 skin.html에서 리스트를 출력하는 위치를 찾아야 합니다. 가장 쉽게 찾는 방법은 제목을 가지고 찾는 것입니다. 여기서는 제목이 "..