'CSS'에 해당되는 글 2건

  1. 2015.04.28 Free Bootstrap Themes Site
  2. 2014.04.24 [CSS][Bootstrap3] Glyphicons 관련
Programming/HTML/CSS2015. 4. 28. 11:08

부스트랩 무료 테마 모아둔 사이트

 - http://www.bootstrapstage.com/free-themes/



관리자 페이지 작업할때 쓰면 좋은 템플릿도 많다!! 나중에 참고하기~!


 




Posted by 시니^^
Programming/HTML/CSS2014. 4. 24. 12:27

Bootstrap 보면 Glyphicons 를 무료로 제공해주는 걸 볼 수 있다 



Glyphicons

사용가능한 기호

Glyphicon Halflings 세트의 폰트 기반의 180 개의 아이콘을 포함하고 있습니다. 

Glyphicons Halflings 은 원래 무료가 아닙니다. 

하지만 제작자가 부트스트랩을 위해 무료로 사용할 수 있도록 만들었습니다. 

그에 대한 보답으로, 우리는 당신이 가능한 때에 Glyphicons 로 가는 링크를 포함하기를 요청드립니다.



자세한 내용과 아이콘리스트는 아래 사이트 참조

http://bootstrapk.com/BS3/components


그런데 사용하기 위해서는 bootstrap.min.css쪽에 아래 4개 font관련 파일 경로 사이트에 맞게 URL지정 해줘야된다

(Bootstrap2에서는 이미지파일로 했는데 3에서 변경된 듯함)



glyphicons-halflings-regular.ttf

glyphicons-halflings-regular.svg

glyphicons-halflings-regular.eot

glyphicons-halflings-regular.woff



그리고 나서 예제처럼 사용하면됨


그리고 여기서 사이즈와 색깔을 다르게 하고 싶으면 style 설정이나 h태그를 활용하면됨

그런데 진짜 이런것 보면 10년전 웹사이트 만들때보다 편해진 부분은 있는 것 같다.

하지만 디바이스가 다양해지면서 체크 할것은 더 많이 생기긴 했지만 ㅠㅠ

Posted by 시니^^