coding 265
[css] css 속성 강제 적용하기 (우선 적용)
안녕하세요. 플입니다. 오늘은 css를 강제로 적용해볼게요. 코드를 바로 확인하실 분은 3번으로 넘어가 주세요! 1. 기존 css 확인 오늘은 예시로 전에 만들었던 홈페이지를 가져와볼게요. 다시 보니 뜯어고치고 싶어 지네요. 좀 덜 바빠지면 대대적으로 리뉴얼을 해야겠습니다. 먼저 화살표로 표시한 부분을 봐주세요. 연한 노란색이죠? 오늘은 이 노란색 배경색을 바꿔보는 것으로 해보겠습니다. 기존의 코드는 표시된 부분이고요 반씩 나눠져 있기 때문에 linear-gradient로 되어있지만 그냥 .sto{ background:#fff5bf; } 라고 생각하고 진행할게요. 색을 반 나누는 방법이 궁금하시다면 아래 링크를 확인해주세요~ https://ssimplay.tistory.com/243 [css] linea..
![[css] css 속성 강제 적용하기 (우선 적용)](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcKCwJN%2FbtqIXe1SNGL%2FAAAAAAAAAAAAAAAAAAAAAB382HZWOeZtj9cPvxhQZMvt-tZDX7vaEhl2nByS_rc2%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DLVZKyW1b3u4UNTrSDvPVWJihULM%253D)
[Bootstrap] 부트스트랩 테마를 찾아보자 (무료편)
안녕하세요. 플입니다. 오늘은 무료 부트스트랩 테마를 찾아볼게요. 1. Free Bootstrap Themes https://startbootstrap.com/themes/ Free Bootstrap Themes & Templates - Start Bootstrap Free themes for Bootstrap 4 that are open source, MIT licensed, and free to download - these pre-designed themes are easy to customize and ready to publish startbootstrap.com 검색창에 bootstrap free templates라고 검색하시면 바로 뜰 거예요. 귀찮으신 분들은 위에 링크를 이용해주세요. 이런..
![[Bootstrap] 부트스트랩 테마를 찾아보자 (무료편)](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FZTKUx%2FbtqIRYFi0SJ%2FAAAAAAAAAAAAAAAAAAAAAMIO7pzw9GCxtqiqZu5POdSuAwsuNaculci33tEd6UdX%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DFUcQ%252BteolmTZ%252FLESxm25FxEA%252Bi4%253D)
[Bootstrap] 부트스트랩 테마를 찾아보자 (유료편)
안녕하세요. 플입니다. 오늘은 부트스트랩 유료 템플릿을 구경해볼게요. 1. tnemeforest https://themeforest.net/ WordPress Themes & Website Templates from ThemeForest Discover 1000s of premium WordPress themes & website templates, including multipurpose and responsive Bootstrap templates, email templates & HTML templates. themeforest.net 검색창에 테마포레스트를 검색하시거나 위의 링크로 접속해주세요. 이런 화면이 뜨는데요. 부트스트랩 테마 말고도 워드프레스 테마도 다운로드할 수 있고 디자인만 따로 다운..
![[Bootstrap] 부트스트랩 테마를 찾아보자 (유료편)](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FuTmgF%2FbtqIRYFiJYD%2FAAAAAAAAAAAAAAAAAAAAAOs2w5nAr_mwEp2h-mgCX7x52m9mJbBmSIwA-lvIrP9u%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DaW1q8KEouavyQ7zsIRwioqZz0%252B0%253D)
[Brackets] 브라켓에서 코드를 연속 복사 해보자
안녕하세요. 플입니다. 오늘은 브라켓 팁을 가져와봤어요. 1. 코드 작성 처음부터 *(곱하기)를 이용해서 만들어주면 좋긴 한데 항상 그렇게 마음대로 되는 게 아니거든요. 간혹 새로 추가해야 할 때가 발생합니다. 그것도 여러 개를! 그럴 때 사용하면 좋습니다. 먼저 복사할 코드를 작성해주세요. 오늘은 태그를 이용해볼게요. 링크 2. Ctrl + D 커서를 코드 아무 곳이나 두고 Ctrl + D를 눌러주세요. 이 단축키의 장점은 커서가 코드 앞이든 뒤든 중간이든 코드 근처에 있기만 해도 가능하다는 거예요. 그리고 복사하지 않고도 연속해서 사용할 수 있어요. 아마 일러스트레이터를 사용하셨던 분들이라면 연속 복사 단축키가 익숙하실 거예요. 그럼 연속으로 3개를 더 만들어볼까요? 이렇게 간단하게 코드를 복사할 수..
![[Brackets] 브라켓에서 코드를 연속 복사 해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fbu4lzd%2FbtqIAPnPTPR%2FAAAAAAAAAAAAAAAAAAAAAE65iZCEaHZXGBT-rS1dL3aaXA6FIJEAWefDHA3TZzHk%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DAy749ti7Waonvi3oXX%252BNWWTMLaQ%253D)
[Bootstrap] 부트스트랩을 이용해 아이콘을 불러와보자
안녕하세요. 플입니다. 오늘은 아이콘을 불러와볼게요. 1. 위치 확인 뭘 해볼 거냐면요 하단에 이런 식으로 sns 바로가기 아이콘 같은 게 있는걸 많이 보셨을 거예요. 오늘은 여기 인스타그램이라는 글자 앞에 인스타그램 아이콘을 넣어볼게요. 아이콘을 따로 만들지 않고 부트스트랩을 이용해서 불러올 겁니다. 2. font awesome https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.bootstrapcdn.com 검색창에 font awesome 4 cdn이라고 검색해주시거나 위의 링크를 클릭해주세요. 그러면 들어가자마자 바로 링크를 줄 거예요. 이 링크를 복사해주세요. 그리고 이런 식으로..
![[Bootstrap] 부트스트랩을 이용해 아이콘을 불러와보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbXPEdm%2FbtqIkvjcug2%2FAAAAAAAAAAAAAAAAAAAAAFKT0SuUg1LcvUjLzkdLyoY9rjqcqQ1RzDwHE6YMQz3X%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3Dm71wjMKUYhf3F4NCp%252FmcdTm%252B%252FM0%253D)