'블로그' 태그의 글 목록::VICTORY

블로그에 해당되는 글64건

부트스트랩 아이콘이 나오게 했다.

이 블로그에 사용한 등 아이콘이 크롬과 익스플로러에서는 나타났는데 파이어폭스에서는 안 나타나서 아래 그림처럼 최근 부트스트랩의 CDN CSS를 이용했다. 참고로 부트스트랩에서 사용하는 Glyphicons은 여기를 보고 부트스트랩 CDN은 여기를 보기 바란다. 그 다음으로 위에 CSS는 폰트 설정이 "Helvetica Neue",Helvetica,Arial,sans-serif으로 설정됐으니 아래처럼 설정했다. CSS에서 우선순위는 인라인 CSS,style,link순이니 폰트를 로 정의하면 될 것 같아 아래와 같이 html에 폰트를 설정했다.

2013.12.26

트위터위젯을 커스텀설정으로 다양화 할 수 있구나!2

저는 트위터에서 트위터 위젯을 가져오면 위젯에 사이드바가 생겨 안 가져왔는데 커스텀 설정으로 트윗수를 지정하면 사이드바가 생기지 않는다는 것을 알았습니다. 이 블로그의 사이트바에 있는 트위터를 클릭하여 트위터 위젯이 나오는데 사이드바가 없을 것입니다. 이것은 트위터 위젯을 고급옵션으로 커스텀 설정한 것입니다. 트위터 위젯의 커스텀 설정은 트위터 위젯을 가져올 때 아래 그림에서 커스텀 옵션을 클릭하면 볼 수 있습니다. 참고하라고 트위터 위젯은 자신의 트위터에서 나사모양의 아이콘 > 설정 > 위젯을 클릭하면 됩니다.

2013.11.05

반응형 핀보드 블로그만들기 어렵다10

반응형이 아닌 고정된 레이아웃으로 반응형으로 만드는 것은 Yongzz님의 노하우를 보고 http://wred-test.tistory.com/처럼 핀보드 형태로 블로그를 만들었다, 그러나 반응형으로 핀보드 형식으로 만들려고 하니 힘들다. 이때 만드는 것은 고정 형태가 아니라 유동 형태의 반응형이라는 것이다. 반응형이라면 어떤 기기에서든 변함이 없어야 하는데...내가 말하는 것은 브라우저의 가로크기를 조절해도 항상 일정한 아래 같은 그림의 것을 말하는 비슷한 것을 말하는 것이다. 이런 것을 실제로 보고 싶다면 여기를 보기 바란다. 이미 해본 고정형을 말하는 것이 아니다.

2013.10.27

부트스트랩의 그리드 시스템이 헷갈린다.

부트스트랩3에서 그리드 시스템에 헷갈린다. 그래서 어떤때는 템플릿을 보고 무작정 그리드를 쓰거나 내가 이해하는 col-md-*만을 쓴다. 이 블로그도 col-md-*로 그리드를 사용하고 있다. .col-xs-,.col-sm-,.col-lg- 는 봐도 모르니 그냥 이해가 편한 col-md-만 사용하고 나머지는 템블릿을 본다. 참고로 아래 그림의 부트스트랩은 12칼럼인데 이 블로그는 10칼럼으로 하는데 언제 변경될지 모른다.부트스트랩3 그리드에 대한 설명(영어) : http://getbootstrap.com/css/#grid 부트스트랩 3의 그리드시스템을 좋은 것 같은데....헷갈리니 아쉽다.

2013.10.26

며칠간 반응형으로 안 나오는 원인을 몰라 고생했다2

이 티스토리 블로그를 반응형으로 만들었는데 PC로 반응형 사이트를 검사하는 트로이(http://troy.labs.daum.net/)에서 검사하면 이상이 없었으나 나의 스마트폰으로 보면 아래 그림의 첫번째처럼 나와야 하는데 두번째처럼 나와 원인이 고민을 정말 많이 했다. 참고로 반응형 웹사이트는 외국사이트를 찾을 필요없이 http://troy.labs.daum.net/에서 시험하기 바란다. 오늘 알았는데 뷰포인트인 를 지정해주지 않아서였다. 내가 뷰포인트에 대해서는 모르지만 뷰포인트는 모바일웹에서 글자가 모바일웹에 맞게 보이도록 하게 하는 것이다라는 정도로 알고 있다. 정확한지 모르니 아니면 지적해주기 바란다. 그래서 위 구문을 추가하니 스마트폰에서 위 그림의 왼쪽 첫번째 그림처럼 나왔다. 며칠간 이것때문..

2013.10.10

부트스트랩을 쓰니 간단하네

아래 접혔다 펴지는 것이나 3개의 댓글창이 나타나게 하는 탭을 쓴 것은 모두 부트스트랩((Bootstrap)에 있는 기능으로 했는데 정말 쉽다. 그냥 부트스트랩에 있는 설명대로만 하니 간단히 만들어지네. 그러나 http://min-blog.tistory.com에서 jQuery 플로그인으로 많이 구현했던 것에 비하면 너무 단순하게 금방 싫증날 것 같다는 생각이 든다. 생각외에 부트스트랩에는 유용한 기능이 많이 있으니 시간이 있으면 부트스트랩을 더 많이 알아 다양한 옵션을 많이 연구해야겠다. 남들과 똑같으면 금방 싫증날 것 같다는 생각이 들기 때문이다.

2013.10.07

닉네임앞의 두 개의 아이콘2

티스토리 블로그 닉네임앞에 나오는 아이콘이 무엇을 말하는지 여기에서 말하고자 한다. 티스토리 블로그 닉네임앞에 두 개의 아이콘은 아래와 같다. 아래는 http://min-blog.tistory.com의 설정에 대한 글이다. 그곳에서는 아래와 같다. 이 블로그도 비슷하다. 위와 같이 닉네임앞에 두 개의 아이콘이 나오는 것은 티스토리 블로그에서 블로그를 만들면 기본으로 나오는 설정이 아님을 알아야 한다. 티스토리 블로그를 만든다고 위와 같이 무조건 나오는 것이 아니다. 아래와 같이 두가지 조건을 만족하지 않으면 나타나지 않는다. 그리고 네이버 블로그와 다음 블로그에서는 하나만 나온다. 위처럼 두개가 나오는 경우는 아래 조건을 만족해야 한다. 그럼 시작한다. 첫번째로 티스토리 블로그 기본정보에서 아래 그림과 ..

2013.07.29

티스토리에 댓글 버그가 있는 것 같다.4

1. 로그인 댓글도 안되고 : 태터툴즈 댓글 입력시 버그가 있는 것인가? 다름 아니라 내가 로그인 댓글 쓰기만 허락했는데 지금은 아니지만 비로그인 댓글이 달렸기 때문이다. 내가 스팸을 막기 위해 티스토리 플러그인도 동원하고 모든 방법을 쓰는데....스팸을 프로그램 등을 이용하니 로그인 댓글만 허용하면 될 것이라 생각했는데 그것이 아니었다. 위와 같은 스팸의 홈페이지 주소가 티스토리가 아니고 외국사이트인데...로그인 댓글을 쓰면 그 주소는 티스토리여야 한다. 티스토리를 만들기 위해서는 티스토리에 회원가입해야 한다. 2. 비밀댓글을 쓰고 : 이 블로그는 아닌데 CSS로 모바일 페이지의 비밀글 옵션을 없애도 비밀댓글을 다니 어이가 없었다.나는 그 사람에게 어떤 방식으로 비밀댓글을 달았는지 묻고 싶다. 티스토리..

2013.04.05

기업블로그,티스토리에서 가능하다2

나는 약관이 어떻다고 말하고 싶지 않다. 약관의 단어는 해석하기 나름이니까 약관을 들쳐내고 싶지 않다. 기업블로그가 홍보의 목적이라면 허용한다는 것을 티스토리 우수블로그(파워블로그)를 보면 알 수 있다. 예전에 블로그로 쇼핑몰을 어쩌구 저쩌구하는 글을 봤는데 지금 그 글을 생각하니 웃긴다. 그것은 굉장한 글이 아니다. 블로그를 망칠려고 하는 글이다. 2010년,2011년이 아닌 2012년 티스토리 우수블로그(파워블로그)를 보면 기업블로그가 있다. 여기서는 2012년에 뽑힌 티스토리 우수블로그만 소개하겠다. 티스토리 우수블로그는 어떻게 뽑히는지 정확히 몰라도 티스토리 우수블로그는 티스토리가 관여한다고 생각하면 티스토리 약관은 티스토리를 제공하는 사람이 알기 때문에 그러면 위에서 말한 나의 약관해석따위는 필..

2013.03.07

태그메뉴 - 티스토리,블로거에는 카테고리가 없다.4

태그의 주소에 관한 글에서 기범롤링베베님의 댓글을 읽다가 기범롤링베베님의 블로그 상단 메뉴가 태그를 사용한 것이라는 것 보고 글을 적는다. 아래는 기범롤링베베님의 상단 메뉴인데 태그를 사용한 것이다. 그리고 사이드바에 있는 카테고리는 그대로 카테고리를 이용했다. 태그를 사용하여 메뉴를 만드는 것 상당히 좋겠다. 카테고리와는 달리 태그 메뉴는 그 태그가 포함된 글만 나타낸다. 반면에 카테고리는 그 카테고리에 대한 글만 나타내니 다양한 글을 보여줄 수 있다. 이것은 구글 블로그인 블로거에서 많이 볼 수 있다. 내가 블로거를 많이 다루지는 않았으나 블로거에는 카테고리가 없다는 것을 안다. 블로거에서는 라벨이 있어서 글의 태그를 카테고리처럼 만들 수 있다. 아래는 블로거의 라벨(카테고리)이고 태그에 나타난 숫자..

2013.02.26

이글루스와 티스토리에서 무엇을 선택할 것이냐 한다면...1

티스토리에서는 유입경로를 보면 아래처럼 유입키워드가 나와 내 블로그에 어떤 검색어를 통해서 들어왔는지 내 블로그에 알 수 있다. 그 중에서 이글루스와 티스토리라는 검색어가 있어 적어보려 한다. - 무료로 팩스 10장보내기 :엔팩스 - 나에게 블로그 선택권이 이글루스와 티스토리밖에 없다고 가정하면 나는 100% 티스토리를 선택하겠다. 왜냐하면 이글루스는 티스토리에 비해 기능,자유성이 별로 이기때문이다. 티스토리의 거의 제한이 없는 자유성을 생각하면 이글루스의 자유성은 웃습게 생각된다. 남들이 말하는 이글루스는 자유성이 좋다는 것은 네이버 블로그나 다음 블로그에 비해서 그렇다고 하는 것이라 알기 바란다. 그리고 마음에 안드는 것은 이글루스도 허용된 곳의 태그와 스크립트를 허용한 다는 것이다. 이것이 무엇은 ..

2013.02.14

이제는 워드프레스 무료 테마에 놀라지는 않는다.2

http://min-blog.tistory.com/942를 적었을 때는 워드프레스와 Jquery 등에 대해 몰라 무료 테마를 보고 놀랐지만... 지금은 아니다. 왜냐하면 많은 무료가 아닌 유료로 만든 아주 멋진 워드프레스를 봤다.또한 블로그나 홈페이지를 다이나믹하게 만들 수 있는 멋있는 jquery 플러그인을 많이 접해서이다. jquery 플러그인을 보면 아주 다이나믹하게 보인다. - 무료로 팩스 10장보내기 :엔팩스 - 이제는 http://www.elegantthemes.com/demo/?theme=Gleam는 돼야 와! 한다. 방금 링크 테마는 워드프레스 유료테마로 만든 것이다. 이제는 워드프레스 무료 테마에는 놀라지 않는다. 아래는 무료테마로 만든 사이트가 아니고 정확한 것은 모르지만 아래 정도는 ..

2013.02.04

다음 블로그 이미지 URL 알기

다음 블로그는 외부링크를 지원한다. 그래서 다음 블로그에 올린 이미지를 티스토리 가져올 수 있다. 그럼 다음 블로그의 이미지 URL은 아래와 같이 구할 수 있다. 아래 더보기를 클릭하면 다음의 내 블로그에서 URL 주소로 가져온 이미지가 있다. 먼저 익스플로러8에서 설명하면 아래와 같다. 익스플로러8로 설명하지만 버전에 상관없이 익스플로러는 아래처럼 한다는 것을 알기 바란다.이미지를 마우스 오른쪽 버튼을 클릭하여 속성을 선택한다.그러면 아래와 같은 창이 나온다. 아래 그림의 빨간색 사각형안의 것이 이미지 URL이다. - 무료로 팩스 10장보내기 : 엔팩스 - 이번에는 크롬(Chrome)에서 어떻게 되는지 설명한다. 크롬에서는 간단하다. 이미지를 마우스 오른쪽 버튼으로 클릭한 후 이미지 URL 복사를 하면..

2013.02.02

이 블로그에 다음뷰 추천위젯이 없는 이유

이 블로그는 티스토리인데 아래와 같은 다음뷰 추천위젯이 없다는 것이 이상할 것이다. 아래 추천위젯은 플래시이므로 iOS인 아이폰,아이패드,아이팟에서 안 보이고 젤리빈 OS 스마트폰과 태블릿PC에서 안 보인다. 젤리빈 OS는 갤럭시노트2,옵티머스 G는 모르겠다. 젤리빈 OS로 업그레이드한 스마트폰에서는 안 보인다. 그리고 스마트폰과 태블릿PC의 크롬에서 안 보인다. - 무료로 팩스 10장보내기 :엔팩스 - 1. 이 블로그와 다음뷰 회원가입을 한 명의가 다르다. 현재 명의로 된 다음뷰는 http://min-blog.tistory.com 에서 사용중이고 이 블로그에서는 다른 명의로 가입한 다음뷰를 사용하고 있다. 발행하면 자동으로 발행되기 위해서는 티스토리와 다음뷰에 가입한 명의가 동일해야 하니 발행하면 다음..

2013.01.31

네이버 블로그에는 파비콘이 없다.1

아래 그림과 같은 것을 파비콘이라 하는데 현재 네이버 블로그에는 파비콘 설정이 없다. 그러니 네이버 블로그에 파비콘 설정하는 것이 없다하지 말기 바란다. 블로그마다 파비콘 지원에 대한 것과 티스토리에서 파비콘 등록하는 것,파비콘 만드는 곳 등에 대한 정보는 http://min-blog.tistory.com/3보기 바란다. - 무료로 팩스 10장보내기 :엔팩스 - 티스토리에서는 파비콘을 등록하는 것이 스마트폰에 좋다는 것은 http://min-blog.tistory.com/585을 보세요. 또한 블로그마다 파비콘지원 현황,파비콘 등록하기등이 있다.

2013.01.29

티스토리도 URL를 알면 이미지 삽입할 수 있다.

전에 워드프레스와 블로거를 보니 이미지 URL만 알면 이미지를 삽입할 수 있어 그런 것이 있으면 좋겠다는 생각을 하고 적지 않았다. 이글루스 블로그에 글을 적다보니 이미지 URL로만 이미지를 삽입하는 것이 좋다고 생각했다. 아래 그림은 이글루스 블로그에 이미지 URL로 글에 이미지를 삽입할 수 있다는 것을 볼 수 있다. 워드프레스와 블로거와 이미지 삽입하기가 다른 점은 두 개에서는 에디터의 사진을 클릭하면 되나 이글루스 에디터의 멀티미디어를 클릭해야 하는 것이 다르다. 에디터의 멀티미디어로 이미지를 삽입할 수 있다는 것을 모른다면 소용이 없다. 이것은 티스토리에서 외부콘텐츠를 클릭하여 이미지 삽입하는 것과 비슷하다. 단 티스토리에서는 HTML에서 이미지 태그를 알아야 한다. 아래는 외부컨텐츠로 삽입한 것..

2013.01.27