demun(대문블로그)

티스토리스킨수정/스킨수정팁2010. 12. 9. 19:41

스킨을 다운로드 받은후 적용한다음 반드시 해야 하는 부분을 몇가지 적어봅니다. 본인마다의 스타일이 있기 때문에 주소나 스타일을 적용해줘야 합니다. 우선 스킨 변경후 제일 먼저 해야할것은 스킨 변경하는 법을 보시고 반드시 따라해주시기 바랍니다. 그다음 이번 스킨에서 본인의 트위터 주소로 변경해야 하는 부분입니다. 트위터 주소 변경하기 스킨에서 html부분에서 트위터로 검색을 아시면 아래부분처럼 나올겁니다. 그럼 아래처럼 본인의 트위터 주소로 변경해주세요. twitter 아래처럼 변경해준다. twitter 이왕하는김에 제꺼 팔로우한번 하구요^^; 그위에 rss주소도 있는데 기본적으로 블로그주소/rss 를 사용하시는 분들은 그냥 사용하셔도되구, 혹 피드버너나 다른 rss주소를 사용하시는분들은 rss 주소도 변..

티스토리스킨수정/스킨수정팁2010. 6. 13. 06:00

이전에 이미지를 패턴으로 만들기와 소녀시대 유리를 패턴위에 넣는법을 배웠습니다. 관련글 [팁/포토샵] - 소녀시대 유리 블로그 배경 패턴으로 만들기 [팁/포토샵] - 이미지를 패턴으로 만들기 이번에는 배경으로 만든 소녀시대 유리를 블로그 배경으로 사용하고 항상 따라다니게 할려고 합니다. ㅎㅎㅎ 결론은 간단합니다. 혹 모르시는 분을 위해 작성하니 아시면 넘어가시기 바랍니다. 현재 제 블로그에 유리가 항상 따라다닐겁니다. 물론 해상도가 작으면 안보입니다. 커야만 보이죠. 서론 접고 , 만든 배경을 html 편집창에서 업로드합니다. 이미지파일(유리)이름이 예를들어 blogBg.jpg 라고 가정합니다. 업로드했으면 css 편집창에서 body 부분에 배경을 지정한 부분만 아래처럼 추가해줍니다. 또는 수정해줍니다...

티스토리스킨수정/스킨수정팁2010. 6. 13. 06:00

괜찮은 패턴중에 아래것을 사용하기로 했습니다. 근데 블로그에 사용하려니 삭막해서 평소 이뻐라하는 소녀시대 유리를 나타내게 하는것이 어떨까 생각하다가 넣어봤습니다. 이 작업은 블로그 배경으로 사용하는걸로 전제합니다. 일단 배경으로 사용하려는 이미지 주소를 알아야겠죠. 일단 소녀시대 유리로 검색을 해서 전체 그림이 있는것을 찾아봤습니다. 그래서 아래의 그림으로 낙점했죠. http://www.sportsseoul.com/news2/entertain/news/2009/0624/200906241057481002_1.jpg 그리고 패턴으로 사용할 이미지는 막상 글쓸때 찾아보려니 어디에 있는지 모르겠네요. 대략 아래의 이미지 입니다. 패턴은 구하려 하면 얼마든지 구할수 있으니 구하시면 되구요. 아래주소에 몇가지 있으..

티스토리스킨수정/스킨수정팁2010. 6. 6. 06:00

카테고리의 모든글 또는 검색을 해서 나오는 리스트 부분을 배경색을 넣어서 하나의 블럭이 적용되는것을 알아보겠습니다. 이 방법은 마우스를 갖다 대었을때 즉 hover 기능이 좋습니다. 따로 지정하지 않아도 하나의 줄 전체가 선택이 되어지거나 마우스를 따라 가듯이 하는것이 좋습니다. 현재 제 블로그의 카테고리 분류 전체보기를 클릭해보세요. 그럼 아래처럼 나올겁니다. 티스토리의 치환자 부분을 참고하세요. http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=4#2-1 html 편집창에서 로 되어있는지? 또는 로 되어있는지 확인합니다. id 로 되어있을경우 css 편집창에서 # 로 하고, class 로 되어있을경우 . 으로 합니다. 이점 ..

티스토리스킨수정/스킨수정팁2010. 5. 14. 09:00

블로그를 하다보면 방문자에게 보여주고 싶은 글이나, 좋은 글들을 보여주는것이 좋습니다. 다음뷰나 베스트에 뽑힌글등은 자체적으로 만들어진 메뉴등으로 보는이에게 깔끔하게 다가가서 좋습니다. 베스트에 뽑힌글이 아니더라도 보여주고 싶은 글이나 또는 링크, 글 보관함 등등 다른 링크를 깔끔하고 역동적인 화면으로 보여지게끔 하는것도 좋지요. 그중에서 단연 Horizontal CSS Menu 나 Vertical CSS Menu 가 돋보입니다. 허나 이것도 IE 라는 무서운 넘을 만나면 어떻게 변할지 모르지요. 또는 이미지를 삽입하거나하면 로딩이 느려지거나 웹 접근성을 해치거나하면 안 다느니만 못한 결과를 낳기도 합니다. 이것 저것 고려해서 저도 한번 달아봤습니다. 이전에 사이드바에 달아놓았던 demun 추천글과 현재..

티스토리스킨수정/스킨수정팁2009. 7. 11. 13:00

이건 스킨마다 조금씩 다를수 있습니다. 이글은 파란토마토님과 할랑할랑님의 글을 바탕으로 한것입니다. 자신의 홈피에 맞게 약간씩 응용하면 금방 따라할수 있습니다. 저의 경우 스킨이 보기에 깔끔하고 좋은데 더보기 기능 즉 more less 에 미흡한 점이 있었습니다. 바꾸기 전의 상태입니다. 딸랑 더보기만 있지요. 클릭해도 마찬가지로 아무것도 없습니다. 이것은 더보기 있는것도 아니고 없는것도 아니여.....ㅎㅎㅎㅎ 아이콘을 달아준 모습입니다. 어때요 좀 낫죠. 그럼 할랑할랑님의 글을 보고 약간 더 응용했습니다. 완료한 이미지입니다. 어때요 조글 더 낮죠. 이제 설명들어갑니다. 간단하게 설명하겠습니다. 위에 파란토마토님과 할랑할랑님의 글을 참고하셔도 됩니다. 먼저 스킨을 백업을 하시고 내 스킨에 more le..

티스토리스킨수정/스킨수정팁2009. 6. 18. 10:41

이것도 태그를 배우려고 이곳 저곳을 돌아다니다 저장해 놓고 저만 보다가 유용한거 같아 공개합니다. 출처를 아시면 알려주세요. 출처표시하겠습니다. 지금은 출처를 모르겠네요. ... ... 이 3가지만 알면 기본적인 테이블 생성이 가능하다. 각 태그의 쓰임새는 다음과 같다. 테이블의 시작과 끝을 알린다. ... TABLE 가로 단위의 처음과 끝을 나타내는 태그. 세로로 나누는 결과를 온다. 안에서 CELL 단위, 즉, 칸을 나누는 태그이다. (예) 가로가 2 세로가 2인 모두 4개의 CELL을 갖는 테이블을 생성해 보자. 1-1 1-2 2-1 2-2 각 테이블 태그의 속성 테이블에는 여러 속성을 부여할 수 있다. 위의 3개의 태그마다 사용 가능한 속성이 다르다. 밑에서 각 태그마다 사용 가능한 속성과 예제를..

티스토리스킨수정/스킨수정팁2009. 6. 18. 10:29

출처:태그랑태그를 배우기에 정리가 깔끔하게 잘 되있어서 스크랩 해 왔습니다. 홈페이지는 없어진거 같은데요. 자료는 남아있네요. 깔끔하게 정리한 자료가 좋와보입니다. 이곳에는 태그를 이용해서 홈페이지를 만들어 볼 수 있는 곳 입니다. 우리가 홈페이지를 만들기위해서는 제일먼저 접하는것이 태그입니다.. 아래의 설명중에서도 마우스 드래그법과 복사하기 붙여넣기는 기본으로 공부를 해야합니다. 이것과 함께 또 필요한것은 소스보기와 메모장을 열어서 활용하는 방법입니다. • 태그의 기본원리개념부터 배워요. • 태그의 기본구조는 무엇일까요? • (그림설명)마우스 드래그를 제일먼저.. • (그림설명)드래그후에 복사하기와 붙여넣기 • (그림설명)웹페이지 소스보기와 메모장 • 기본 태그(1) 와 활용법도 보세요. • 기본 태그..

티스토리스킨수정/스킨수정팁2009. 5. 2. 15:11

한줄 공지창이 필요한거 같아 검색해보니 있더군요. 바로 적용했습니다. 출처: http://wonder600.tistory.com/68 옆으로 가는 한줄 공지창입니다. 보시고 사용하세요. 이곳에 문자를 쓰세요 *^^*ez 이곳에 문자를 쓰세요 *^^*ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez 이곳에 문자를 쓰세요 *^^* ez

티스토리스킨수정/스킨수정팁2009. 5. 2. 00:47

용의자 심플 3단스킨으로 변경하였습니다. 1024의 해상도를 포기하고 1280으로 정했습니다. 원하는 스킨은 이렇습니다. 1. 3단스킨 2. 이미지가 되도록 안들어간 스킨 3. 레이아웃 변경이 초보자도 가능한 스킨. 용의자 심플 3단 스킨을 정한 이유 3단이고 1280해상도에 맞쳐 한번에 페이지를 다 볼수있습니다. 왼쪽 너비가 130이라 배너 같은걸 넣기가 좋습니다. 우측에 박스 스타일이 맘에 들었습니다. 1280해상도고 본문너비가 730으로 넉넉하고 구글광고도 삽입이 용이합니다. 거추장스러운것은 되도록 배제하고 있어야할것만 넣었습니다. 광고도 구글(2개),다음,링크프라이스,올블릿 하나씩만 넣었습니다. 대체적으로 로딩시간이 많이 빨라졌습니다. 기존 용의자 스킨에서 바뀐점 배경스타일을 파랑색으로 조정. 메..