백.전.백.승.

배경에 나오는 유튜브는 [파묘] 입니다. 그리고 이전은 [윙카] 이었습니다. 참고로 유튜브 배경 멈춤, 소리, 재생 등은 오른쪽 상단 플레이바를 사용하면 됩니다.

Made with Bootstrap 3 And Powered by Tistory

최근 글

IT.인터넷.생활 관련/유용한 정보

블로그

부트스트랩

  • over-hidden(overflow:hidden) 때문에 몇 시간을 고생했다. 예로 물체가 영역을 벗어나면 벗어난 부분은 보이지 않게 overflow-hidden을 사용했는데 자꾸 보이는 것이다. 그런데 다양한 방법을 사용해도 영역을 div에 클래스를 사용해서 별 방법을 사용해도 특정 영역을 벗어난 부분을 없앨 수 없었다. 그래서 CSS를 사용하지 말고 부트스트랩5를 사용하니 부트스트랩 5에 정의된 overflow를 사용하자고 생각했다. 부트스트랩에 보면 CSS와 비슷하게 overflow도 정의된다. 비슷해서 가끔 헷갈린다. 부트스트랩 5에서는 클래스를 overflow-hidden이라면 하면 된다. 그랬더니 감쪽같이 됐다. 참고로 이 블로그는 부트스트랩 버전 3이고 3에서는 overflow는 정의되지 ..
  • 이 블로그 스킨은 부트스트랩 버전 3으로 만들었다. 버전 3이 2015년에 출시했고 4나 5과 나온 후에 이 블로그 스킨도 4나 5로 변경하려고 했지만 그것이 쉽지 않았다. 2021년 5월 5일에 버전 5가 나왔을 때는 변경하려고 큰 마음먹고 멋있게 만들고 싶었지만 그것이 마음대로 되지 않았다. 이 블로그를 많이 존재하는 부트스트랩 3 소스를 보고 만들었다. 하지만 부트스트랩 5가 출시될 때만 하더라도 테마나 소스가 적었다. 직접 내가 창조적으로 할 수 있었지만 실력이 모자라 시간이 엄청 소모됐다. 버전 4에 대한 테마나 소스는 많았으나 5가 출시됐는데 4로 꾸미고 싶지 않았다. 무료 테마 2021.5.5. 이후 시간이 흐른 지금, 부트스트랩 5로 만든 테마나 소스가 많아졌다. 전에 몰랐던 https:/..
  • 이 글에서 부트스트랩 버전 5에서 아이콘에 대해 적으려 한다. 이 블로그는 부트스트랩 버전 3으로 만들었다. 버전 3에서 사용할 수 있는 아이콘이 216개뿐이었다. 그래서 부트스트랩을 사용하면서 Font Awesome이라는 사이트에서 2,018개의 무료 폰트 아이콘을 사용 중이다. 참고로 유료로 사용한다면 2,018개가 아닌 19,403개가 된다. 이 블로그 폰트 아이콘에 대해서는 아래 글에서 자세히 설명했다. 이 블로그에서 사용하는 폰트 아이콘 이 블로그는 부트스트랩 버전 3으로 만들었고 다른 티스토리를 만들었다. 거기에서 버전 5의 여러 기능을 보고 있다. 알고 있듯이 버전 5는 아이콘을 제공하므로 1,500개 이상의 아이콘이 있는 고 min-blog.tistory.com 부트스트랩이 버전 5로 업그..
  • 이 글에서 부트스트랩 버전 5에서 사용할 수 있는 라이트박스에 대해 적으려고 한다. 이 블로그에서 사용하고 있는 아래 라이트박스는 Lightbox for Bootstrap라는 라이트박스(lightbox)를 사용 중으로 마음에 든다. 라이트박스는 Jquery를 사용하는 부트스트랩 버전 3과 4에 사용할 수 있다. 티스토리에서 이미지를 클릭하면 나오는 것과 비슷하다. HTML 삽입 미리보기할 수 없는 소스 그런데 Jquery를 사용하지 않는 버전 5에서는 사용할 수 없다. 부트스트랩 버전 5에 적절한 멋있는 라이트박스를 찾았으나 마음에 드는 것이 없었다. 부트스트랩 공식 홈페이지에서 부트스트랩 5에 맞는 라이트박스로 https://trvswgnr.github.io/bs5-lightbox/에 있는 것을 소개하..
  • 유튜브를 보면 가끔 썸네일이 가로로 5개로 나온다. 이것을 보면 만들고 싶은 생각이 든다. 예전에 이 블로그에 썸네일 5개를 만들었다. 그런데 스마트폰이 아니라 PC에서 썸네일이 너무 작아 그냥 썸네일 4개를 택한 기억이 난다. 스마트폰과 태블릿에서 썸네일이 작을 일 없다. 왜냐하면 이 글을 읽으면 알 수 있다. 아래 그림처럼 부트스트랩은 12개의 칼럼을 조합하는 12 칼럼 그리드 시스템이다. 그런데 12 칼럼인 그리드 시스템을 택하고 있는 부트스트랩에서 방법을 쉽게 생각할 수 없다. 만약 이 블로그는 부트스트랩 버전 3으로 만들었고 3으로 쉽게 하고자 한다면 10이나 15 칼럼이 좋을 것 같다. 내 노트북 화면을 기준으로 이 블로그 홈에 썸네일을 가로로 썸네일이 4개를 사용하고 있다. 또한 카테고리 다..
MORE
Close 방명록
×

카테고리




×
×