본문 바로가기

강화도라이프/블로그 & 웹 사이트

(39)

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 3편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 3편 -무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 2편을 못 보신분은 보고 오세요.^_^☞ 티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 2편 - #sidebar .category > ul{margin: 0;padding: 0;}margin: 0; margin: 0; -> margin: 50px;외부 여백이 넓어지다 보니 내부 글씨들이 찌부러졌다. padding: 0; padding: 0; -> padding: 50px; #sidebar .category ul li{list-style: none;}list-style: none;list-style: none; -> upper-roman카테고리의 각..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 2편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 2편 - 무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다. 코드를 보기 좋게 수정 후 진행하겠습니다. (이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니, 궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면 조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다! 위의 코드를 위에서 부터 차례로 아래로 내려오며 공부해보겠습니다. #sidebar a { color: #333; text-decoration: none; } color: #333; 를 먼저 수정해보겠습니다. "color" 를 #333에서 #ff..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 1편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 1편 -무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다.코드를 보기 좋게 수정 후 진행하겠습니다.(이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니,궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다!/* * sidebar */#sidebar{ position: fixed;top: 0;left: 0;bottom: 0;padding: 0;width: 300px;height: 100%;background-color: #ffa;border-right: 1p..

티스토리 블로그 스킨 꾸미기 - 스퀘어(Square) 스킨 - 티스토리 블로그의 스킨을 꾸미기 위해 하나씩 수정해 보면서 얻은 내용을 기록하고자 한다."HTML"이나 "CSS"에 대한 지식이 전무한 상태에서 주어진 틀을 수정하면서 하나씩 기록하면서노하우와 지식를 쌓아가기 위해 작성하는 페이지입니다.스킨은 스퀘어(Square)를 이용하겠습니다.(가장 심플하면서 많이들 사용하시는 것 같아서 선택했습니다.) 개발자분의 사이트 방명록 주소☞ https://wallel.com/forum/freeboard/스킨 개발자분께 사용에 대한 의사를 전달드린 후 사용하도록 하겠습니다. 무료로 배포해 주심에 감사를 드립니다.스퀘어 스킨에 대해 공부하면서 내용을 공유하고자 하는데,문제가 된다면 비공개로 바꾸도록 하겠습니다. 이 것, 저 것 만져보면서 하나씩 찾아가며 기록할테니 함께 하실분..

[티스토리] 쿠팡 파트너스 배너 추가하기 -1편- 쿠팡 파트너스로 부가 수입을 이루어내자~! 운영중인 블로그의 한켠에 배너를 달아 돈을 벌 수 있다면? 시도 해봐야겠지요. "쿠팡"에서 "제휴마케팅 사업"을 하고 있는데요, 이를 위해 스킨을 변경하도록 하였습니다. "사이드바에 HTML배너"를 달 수 있는 스킨을 적용해야지만 시도를 할 수 있다고 합니다. 디자인이 마음에 들진 않아 미루고 있다가 결국 스킨을 변경하였습니다. 검색엔진에 "쿠팡 파트너스"를 검색하여 접속해주세요. ☞ https://partners.coupang.com/ 회원가입을 클릭해주세요. 기존에 사용하고 있는 쿠팡 아이디가 있으면 사용 할 수 있다고 합니다. 저는 있길래 로그인하였더니 ID: AF2365274(추천인 코드) 위의 내용들을 기재해 주시고 다음을 클릭해 주세요. 위의 개인정보..

파비콘(Favicon) 및 아이콘(icon) 만들기 파비콘에 대하여 들어보셨나요? 티스토리 블로그에 파비콘 및 아이콘 적용하기파비콘(Favicon)은 Favorite icon의 줄임말로 인터넷 주소창, 즐겨찾기 등에 웹 사이트를 추가 할때나타나는 작은 아이콘을 말한다고 합니다. 내 블로그나 사이트의 개성을 나타낼 수 있는 눈에 띄는 요소인데요, 개성 있는 나만의 블로그를 만들기 위해 필수로 적용해주고자 합니다. 혹시나 이 글을 읽으시는분이 계시다면 함께 해보아요~_~(전 아직 안해서, 이제 정리하면서 적용해보려 합니다^^;) 파비콘 적용하기우선, 포토샵 등의 툴로 16x16 사이즈(단위는 픽셀)의 페이지에 원하는 디자인 요소로 이미지 작업하여 "PNG 파일"로 저장 후에 해당 파일의 확장자를 "ico"로 변경 해주면 되겠습니다. 저의 경우에는 아이패드 프..

이전 1 ··· 3 4 5 6 7 다음

티스토리툴바