본문 바로가기

테마19

무료 부트스트랩 테마 사이트 - bootswatch.com 부트스트랩 무료 css 안녕하세요. 고코더 입니다. 세상에서 가장 인기 있는 HTML 라이브러리라고 자칭하는 부트스트랩 테마를 무료로 배포하는 사이트를 소개합니다. 미리 완성된 테마를 사용하면 사이트 만들기가 매우 용이합니다. 간단한 사이트라면 무료 테마를 이용하여 빠르게 개발해보시길 바랍니다. ● 1. 해당 사이트를 접속합니다. https://bootswatch.com/ ● 2. 그리고 원하는 무료테마를 다운로드하면 css 가 다운로드됩니다. 스크롤을 내리면 유료도 있으니 참고 바랍니다. ● 3. 프리뷰를 통해서 미리 사용할 부트스트랩의 디자인을 확인해보시길 바랍니다. https://bootswatch.com/cerulean/ 2021. 6. 30.
비주얼 스튜디오 코드 - 테마(theme) 변경하기 / Color Theme / VSCode VSCode 밝은 테마 선택하기 안녕하세요. 고코더 입니다. ● 1. 비주얼 스튜디오 코드는 기본적으로 다크 테마를 제공합니다. 요즘 출시되는 개발 관련 프로그램은 모두 이렇게 어두운 테마를 기본으로 제공합니다. 그리고 다크 테마 장인은 역시 MS입니다. 그래서 기본 그대로 사용하는 걸 추천하지만 밝은 테마를 선호하는 분들이 있어 오늘은 VSCode의 테마를 변경하는 방법을 알아보겠습니다. ● 2. 비주얼 스튜디오 코드를 실행하고 File > Preferences > Settings를 클릭합니다. 단축키 Ctrl + , 을 누르면 더 쉽게 접근이 가능합니다. ● 3. 그다음 나타나는 창에서 "theme"라고 검색을 합니다. 그리고 메뉴는 Workbench를 클릭합니다. 그러면 오른쪽 화면에 Color T.. 2021. 1. 12.
WordPress - 가장 많이 팔린 워드프레스 유료 테마는? / 아바다 avada 아바다는 가장 많이 구매된 워드프레스 테마 입니다. 안녕하세요. 고코더 입니다. ● 1. 워드프레스에서는 개발자들이 만들어 놓은 많은 수 의 테마가 서로 경쟁을 합니다. 이러한 경쟁속에서 결국은 승자가 있는 법입니다. 매년 부동의 1위를 지키는 테마가 있습니다. 바로 이름하여 아바다(Avada)라는 테마입니다. ● 2. 이전 시간에 배운 테마포레스트에 아바타 판매 사이트를 접속합니다. 그러면 8년동안 1위라는 놀라운 기록을 세우고 있습니다. 워드프레스로 사이트를 운영하면서 가장 많이 사용되는게 바로 이 테마라는 뜻입니다. ● 3. 현자 20201년도에도 역시 베스트 셀러가 되고 있습니다. 현재 2위와의 차이는 두배가 넘습니다. 2,3위가 합친것보다. 더 많은 판매량을 기록하고 있습니다. 아바다가 인기가 .. 2021. 1. 11.
서브라임텍스트 - sublimetext 테마 변경하기 서브라임편집기 theme 변경하기 안녕하세요.고코더 입니다. 서브라임 텍스트는 기본으로 어두운 테마를 제공합니다. 메모장 대용으로 사용하시려는 분 중에는 이런 다크 테마를 안 좋아하는 분도 계실 거라 생각합니다. 그래서 오늘은 이 편집기의 테마를 바꾸는 방법을 설명해드리려고 합니다. ● 1. 서브라임텍스트를 실행하고 "Preferences"에서 "Color Scheme"를 클릭합니다. ● 2. 그럼 아래처럼 5개의 테마가 나타납니다. 이 중에서 몇 가지만 살펴보겠습니다. ● 3. Breakers 테마입니다. 메모장처럼 배경으로 흰색으로 사용하고 싶은 분들에게는 추천하는 테마입니다. ● 4. Mariana 테마 입니다. 기존 검은색 테마가 너무 어둡다면 살짝 밝은 톤의 어두운 테마를 사용하시는 것도 추천합.. 2020. 8. 17.
XE3 - 테마, 플러그인 xe스토어에서 추가하기 theme, plugin setup 안녕하세요. 고코더 입니다. 사이트 가입과 토큰을 연동하였다면 이제 테마와 플로그인을 다운로드 하는 방법을 알아봅니다. -> XE3 - XE스토어와 내 홈페이지 토큰(Token) 연동하기 ● 1. XE3 폴더에서 .compose를 생성하여 루트에 생성합니다. ● 2. 그리고 기본설정에서 "사이트 composer 홈 디렉토리" 에 방금 만들 폴더 이름을 넣습니다. 그럼 이제 설치 준비가 완료 되었습니다. http://xe3.gocoder.net/settings/setting ● 3. 원하는 테마를 선택합니다. 해당 URL에서 무료와 유료 테마들을 확인 가능합니다. 원하는 테마를 클릭하여 상세페이지로 이동합니다. https://store.xehub.io/themes ● 4.. 2020. 4. 3.
파이어폭스 - 쉽게 테마 직접 만들기 firefox custorm theme 안녕하세요. 고코더 입니다. ● 1. 파이어폭스는 쉽게 마우스로 쉽게 테마를 만들수 있는 기능이 준비되어 있습니다. 파폭에서 직접 개발한 기능입니다. 해당 공식 사이트로 접속합니다. https://color.firefox.com/ ● 2. 그럼 이렇게 파폭 레이어아웃이 있고 여기서 Custorm colors에서 원하는 컬러를 선택해서 테마를 변경 가능합니다. ● 3. 그리고 custom backgrounds에서는 문양에 패턴을 변경할 수 있습니다. 사실 딱히 마음에 드는 패턴이 없습니다. ● 4. 준비가 다 되었닫면 아까붙ㅌ텉 떠있던 해당 버튼을 클릭 합니다. ● 5. 확장 기능에서 "Firefooox Color"를 설치합니다. 공식 확장 기능입니다. ● 6. 설치.. 2020. 1. 16.
파이어폭스 - 테마 변경하기 / 어두운 테마 사용 firefox dark theme 안녕하세요. 고코더 입니다. ● 1. 컴퓨터에서 가장 많은 시간을 활용하는 프로그램은 브라우저 입니다. 그래서 눈이 조금이라도 편한 테마를 지정하는게 피로도를 낮출수 있는 방법입니다. 파이어폭스에서는 다른 브라우저와 마찮가지로 테마를 선택하는 기능이 있습니다. 이 방법을 통해 자신이 선호하는 옷으로 갈아입혀 보겠습니다. ● 2. 파이어폭스를 실행 후에 주소 입력창에 해당 문자를 입력후에 이동 합니다. about:addons 그리고 테마 탭을 선택하면 테마 관리 화면이 나타납니다. 여기서 원하는 테마를 사용함으로 클릭 합니다. ● 3. 그럼 어두운 테마가 적용된 파이어폭스를 사용 가능합니다. 저는 모든 프로그램을 다크테마로 바꾸는걸 좋아합니다. 검정색상이 2A2A2E 이네.. 2020. 1. 15.
부트스트랩 - bootstrap 테마 다운로드 사이트 / startbootstrap.com 무료 템플릿 다운받기 좋은 사이트 안녕하세요. 고코더 입니다. ● 1. 부트스트랩을 가장 빠르게 사용하는 방법은 테마를 다운로드 하여 사용 하는 것입니다. 이런 무료 템플릿을 배포하는 사이트중에 가장 많이 사용 되는 사이트가 있습니다. https://startbootstrap.com/ ● 2. 해당 페이지에 접속하면 4가지 버전을 다운로드 할 수 있습니다. 테마로 접속합니다. ● 3. 그리고 원하는 테마를 입력하면 라이브로 볼 수도 있고 다운로드가 가능합니다. ● 4. 다운받은 템플릿은 즉시 무료로 사용 가능합니다. 요즘 일반적인 작은 사이트에 들어가면 이런 모양을 많이 보실 수 있습니다. 예전에는 디자인때메 사이트 만들기를 포기하는 경우가 많았지만 이제 무료로 제공하는 부트스트랩 디자인을 사용하여 홈페.. 2019. 12. 17.
브라켓 - Brackets 다크모드(Dark Mode) 테마 설정 브라켓 기본 어두운 테마 사용하기 안녕하세요. 고코더 입니다. 다크모드 매니아인 저는 브라켓 툴도 어둡게 아주 어둡게 셋팅 해보려고 합니다. 요즘 나오는 IDE는 모두 다크테마를 기본으로 제공하고 있습니다. 브라켓도 당연히 제공합니다. 테마는 오히려 어도비가 더 장인이겠죠. ● 1. 브라켓을 실행하면 메뉴창들은 이미 다크모드 이지만 소스 편집창은 하얀바탕이 기본입니다. ● 2. 탑 메뉴바에서 보기를 선택하고 테마를 클릭 합니다. ● 3. 그럼 테마를 설정 할 수 있고 Brackets Dark 테마를 선택하고 완료를 클릭할 수 있습니다. ● 4. 그럼 하얀 바탕보다 눈이 편한 검은 바탕에서 소스 편집을 할 수 있도록 테마가 변경 되었습니다. 마무리 다크하지만 어둡지 않은 좋은 검은색입니다. (무슨 소리야) 2019. 11. 11.