Bootstrap 4 Create An Animated Text Fill With Svg Text

안녕하세요 여러분과 다른 부트 스트랩 4 자습서에 오신 것을 환영합니다 이것은 Jamie https://wwwsystem22

net에서입니다 http://web-design-and-tech-tipscom/ 잘 어제 우리는이 작은 페이지를 만들었습니다 이 흥미로운 텍스트 그림자 효과 중 일부를 여기에서 보여줍니다 오늘은 애니메이션 작업을 진행하겠습니다

우리가 여기에있는 텍스트는 꽤 눈길을 끄는 텍스트입니다 우리가 어제했던 것보다 복잡하지만 재미 있고 친절하다고 말합니다 매우 눈길을 끌기 때문에 사이트 중 하나에서 사용하고 싶을 수도 있습니다 시작하자 좋아, 코카인 펜에서 이것을 발견했다

Caesar 친절하게 우리를 위해 그것을 올려 놓는다 나는 떨어질 것이다 동영상 아래의이 링크를 클릭하면이 코드를 사용할 수 있습니다 이제 몇 가지가 있습니다 그것에 대해 나는 그것이 우리가하고 있었던 것보다 조금 더 복잡하다고 말한다

어제 hTML은 퍼그 (pug)로 쓰여지므로 실제로 다시 정상으로 변환 할 것입니다 HTML과 CSS는 CSS로 작성되었으므로 다시 CSS로 변환 할 것입니다 일반 CSS는 내가 말했듯이 너무 어제 했어 어제의 비디오를 보면서 그 일을하는 방법을 찾고 싶습니다 아래 링크에서이 페이지를 설정하는 방법을 보여 드리겠습니다

여기에서 계속해서 브래킷 소프트웨어를 열어 보겠습니다 아래의 링크에서 다운로드 할 수있는 자유 텍스트 편집기입니다 이 동영상은 멋지고 여기 마지막 섹션이 있습니다 어제 나는 그걸 복사 할거야 너 너 아래에 붙여 넣으면 여기에 새 섹션이 있습니다

나는 두 부서 사이에 실제로있는 것을 제거 할 것입니다 우리는 애니메이션 텍스트에 필요한 HTML을 삽입 할 것입니다 Ctrl 키를 누른 상태에서 F를 눌러 저장합니다 좋아요 그래서 우리가 대처하고, 내가 말했던 것처럼이 취향을 보게되면

pug로 쓰고 나는 그것을 전부 선택하겠다 내가 CTR C로 복사 할거야 아래에이 URL로 이동합니다 펑크 HTML 침착하게 여기에 HTML로 붙여 넣을거야 그리고 그 출력 아, 나는 찌르 게 붙인다고 말해야한다

그 측면에있는 HTML이 여기에 있습니다 너를 복사해라 일단 내가 선택하고 그것을 우리 두 divs 여기에 조각하자 우리는 지금 우리가 갈 곳을 바꿀뿐입니다 거기서 나는 그것을 조금 나눌거야 심벌즈 다음에는 이것을하지 않아도되는 닫는 텍스트가 있습니다

나는 단지 순전히 읽기 및보기가 쉽도록하기 위해 모든 닫는 태그 다음에 여는 태그가 있고 나는 단지 그것을 나눌뿐입니다 닫는 태그 뒤에 당신 당신 너 너 거기에 우리는 그 종류의 요소들을 그 종류로 분해합니다 그 컨트롤에 순간에 아무 것도 보이지 않아 하지만 그것은 이전 페이지입니다

새 페이지를 엽니 다 지금 그곳에는별로 많지 않을거야 네가 보게 될거야 우리는 그 순간 HTML을 넣었으므로 코드 펜 사이트는 여기에 있고 이것을 잡아 보자 CSS 코드는 바로 위에서 아래로 내가 그 모든 것을 얻었는지 확인하겠다

control-c를 눌러 복사하면 여기에서이 URL로 이동합니다 CSS 포털 통신 및 여기에 다시 CSS 코드를 붙여 넣을 수 있습니다 동영상 아래에 링크가 있으므로 컴파일 버튼과 그 출력에 도달했습니다 우리를위한 CSS 코드는 멋지게 여기에 있습니다 그래서 나는 단지 복사를 오른쪽 클릭 할 것입니다

우리의 브래킷 소프트웨어로 돌아가서 여기에있는 모든 페이지 CSS는 CSS에 대해 별도의 파일을 가질 수 있지만 이 특정한 데모를 위해 우리가가는 길은 그냥 붙여 넣기 그 안에 ctrl 브이 조금 깔끔하게 정리해라 나는이 모든 것들을 통과하지는 않을 것입니다 여기에 꽤 많은 CSS가 있습니다 그러나 우리는 몇 가지를 바꿀 것입니다 Google에서 실제로 사용하고있는 글꼴 당신 당신 내가 여기에 내려 간다면 여기에 대부분의 다른 스타일들이있다

우리는 실제로 필요하지 않습니다 우리는 색과 크기를 유지할 것이지만 대신에 나는 얻을 것이다 해당 HTML 본문을 제거하면 전체 페이지에 영향을 미치기 때문에 시체를 거기두고 가면 다른 이름으로 바뀔거야 방금 sy n이라고 불렀습니다 수업에 그것의 점을 찍으시오

우리는 실제 SVG를 무시하고 싶습니다 우리가 거기에 가서 꺼내는 텍스트는 한쪽 너비로 넘길 것입니다 음질이 좋아야합니다 괜찮습니다 내가 그의 시체를 생각하기 전에 그게 뭐든간에 우리는 그것을 만들 장소가 어디 있는지 알 수 있도록 만들어야합니다

여기 좀 봐 좋아요 시작 클래스를 가진 div가 있습니다 템플릿 네, 그저 그 클래스를 추가 할거야 그 클래스는 새로운 클래스가 생성 될거야

여기까지 전체 SVG를 통합하고 있습니다 그래서 우리가 배경을 위해 무언가를해야한다는 것을 알면 저축을합시다 이 섹션의 내용은 괜찮습니다 그래서 ctrl을 눌러 사이트로 돌아가서 우리가 실제로 여기에 왔어 Andy refresh 좋아, 그건 우리가 원했던 것 같지만 전체 섹션을 이걸 원해

색깔 글을 우리가 원하는 어떤 것으로 바꾸어 봅시다 제 회사 이름에 넣을 일반 그래서 우리의 브래킷 소프트웨어로 돌아가서 우리가 여기서 내려 가면 여기를 보아라 성간이라고하면 네가 원하는대로 쓸 수있다 그리고 내가 모든 고양이를 아프게하고 싶다면 나는 그것이 전부 대문자라고 생각한다 어쨌든 대문자로 전송하면 괜찮아요

컨트롤 새로 고침 우리가 간다 내가 말하는 것처럼 너는 네가 원하는 모든 것을 넣는다 창문 안에 잘 들어 맞습니다 이제 우리가해야 할 일은 단지 당신뿐입니다 그 부분을 같은 색으로 만든다

그래서 어제 우리는 우리 섹션을위한 두 개의 클래스 또는 ID를 만들었습니다 회색 하나에 파란색 하나 다른 하나를 만들고 그것을 부르 자 BLK는 검은 색이 아니므로 흑인이라고 부르지 않을 것입니다 Brits 거의 아마는 하나입니다 검은 색에 아주 가까운 색을 복사하려고합니다

ID 해시 태그 ID 도트 클래스가 ID를 복사하고 다른 하나를 만듭니다 빨리 그리고 나는 이것을 하나 부르겠다 검은 색으로 BLK를 말했지만, 지금은 검은 색이 아닙니다 우리가 그 CSS를 내려다 본다면 왜 그 중 하나 하나를 넣을 지 궁금합니다 뒤에 복사 된 배경색은 1 1 1이므로 그냥 거기에 그 색을 우리 새 CSS ID는 괜찮습니다

blk은 하나입니다 여기 아래로 가자 우리 섹션은 이제하자 당신이 원하는 경우 클래스를 사용할 수있는 ID를 부여하십시오 내가 어제의 경우에 설명했던대로 ID를 사용하려면 그들과 연결하고 싶다

그래서 그들은 그것이 BLK 였기 때문에 전체 섹션이 이제 ID를 가지고있는 섹션입니다 우리가 해시 태그라고 말한 BLK 1 1 1 거의 검은 색이므로 저장하겠습니다 그 ctrl 다시 사이트로 새로 고침은 우리가 거기에 가득 차 있어야한다 그래서 내가 말했듯이 우리가 어제 가던 것보다 조금 더 복잡했다 여기에이 텍스트 그림자가 있지만 꽤 쉽게 할 수 있고 내가 당신에게 말하는 것처럼 그냥 작은 컴파일러의 CSS CSS를 사용하고 정기적으로 Pug도 사용해야합니다

다시 한번 감사의 말을 사용하는 웹상의 멋진 HTML 도구 Caesar는 처음부터이 코드를 제공합니다 내가이 모든 링크가이 동영상 아래에있을 것이라고 말했듯이 여기에 당신이 있습니다 약간의 흥미로운 애니메이션 텍스트 요금이 있습니다 당신이 그것을 즐겁게 해주셨기를 바랍니다 웹 개발에 관심이 있다면 YouTube 채널을 구독하십시오

아래를 내려다 보아라 우리는 위대한 자유 코스뿐만 아니라 일부 코스를 가지고있다 YouTube 가입자에게 큰 할인 혜택을주는 프리미엄 코스 다시 한번 이것은 시스템 22의 Jamie와 테크 팁의 웹 디자인이었습니다 지켜봐 주셔서 감사합니다 좋은 하루 되세요

WordPress how to delete all pending spam comments

안녕 얘들 아,이 WordPress에 오신 것을 환영합니다 자습서 이것은 https://wwwsystem22

net에서 제이입니다 http://web-design-and-tech-tipscom/ 당신이 WordPress 사이트를 운영하고 있다면 많은 스팸을 많이받을 수 있습니다 당신이 지워야 할 코멘트 나는 여기에 6 개가있는 사이트를 가지고있다 아직 승인되지 않은 269 개의 ​​의견 그리고 그들은 플러그인을 가지고 있는데 여기에는 사용 된 삭제 보류 주석이 있습니다 그것은 꽤 잘 작동하기 전에 그것은 잘 작동하는 것 같지 않습니다 이 플러그인을 체크 아웃하려면 플러그인을 내 플러그인에 넣으십시오

검색 및 올라올거야하지만이 특정 하나에 대한 업데이 트되지 않았습니다 약 6 년 동안 아마도이 사이트에서이 사이트에서 작동하지 않는 이유 일 수 있습니다 내가 과거에 그것을 사용한 순간부터 효과가있다 시도해 보라 그러나 이것이 당신을 위해서만 작동하지 않는다면 물론 그것은 또 다른 플러그인이다 당신은 당신의 사이트에서해야 할 일이 다른 옵션이 있습니다

호스팅의 cPanel에 로그인하십시오 이 경우 약간 다르게 보일 수 있지만 모든 기능이 동일하게 적용됩니다 너는 네가 가야 해 PHP myadmin과 내가 가지고있는이 사이트에 필요한 데이터베이스를 찾으십시오 이리 그리고 귀하의 사이트와 관련된 데이터베이스를 클릭하십시오

다른 데이터베이스에서이 작업을 수행하면 올바른 데이터베이스가 있는지 확인하십시오 SQL 탭을 사용하면 간단한 코드 행을 코드 조각에 넣을 수 있습니다 기본적으로 WP에서 삭제할 것을 말하면서 한 번 내가 승인 한대로 승인되지 않음 실제로 그렇게하기를 원하는지 확인 하겠어 나는 확실히 괜찮아 이제는 괜찮아

6 천 2 백 7 행이 효과적 일 때 말 했어요 그것은 우리 사이트에 되돌아 가자 그러면 Mirza가 볼 수 있듯이 622 개의 의견은 새로 고침을하고 그 실종 된 지금 우리는 간다 그래서 그들은 모두 빠져 나갔다

보류중인 댓글을 삭제하는 경우 플러그인을 사용해 볼 수 있습니다 if 당신은 내가 여기에 같은 사이트를 가지고 있기를 바란다 당신을 위해 일할 수도 있지만, 그렇지 않으면 당신이 내가 말하는 것처럼이 다른 방법을 사용할 수 있습니다 귀하의 PHP에 cPanel로 이동해야합니다 내 관리자 관련 데이터베이스를 찾으십시오 해당 사이트에 올바른 데이터베이스가 있는지 확인하십시오 SQL 탭을 클릭하고 여기에이 코드 줄을 넣으면 비디오 아래에이 코드를 넣을 것입니다

원하는 경우 복사하여 사용할 수 있습니다 그래서 만약 당신이 그것을 공유 할 수있는 기회를 주셔서 감사합니다 유용하게 찾았 으면 좋겠어 웹 개발에 관심이 있다면 YouTube 채널을 구독하십시오 이 비디오 아래를 내려다 보아라 우리는 훌륭한 무료 웹 개발을 가지고있다

코스뿐만 아니라 우리의 YouTube에 대한 몇 가지 큰 할인과 함께 일부 프리미엄 코스 구독자가 다시 한 번 살펴 보겠습니다 시스템 22의 제이미였습니다 웹 디자인 및 기술 팁 통신을위한 감사의 좋은 하루 되세요

Bootstrap 4 Using Navbar Icons

안녕 얘들 아, 다른 부트 스트랩 4 비디오에 오신 것을 환영합니다 시스템 22의 제이미입니다

웹 디자인 및 기술 팁 이 회전하는 로고를 저기에 만들었고, 이 CSS를 사용하는 것만으로도이 nav를 대체 할 수 있습니다 여기에 텍스트가있는 대신 아이콘으로 연결됩니다 우리는 몇 가지 아이콘을 넣을 것입니다 거기서 내가 한 일은 포토샵에있다 나는 이제 막 6 개의 아이콘을 만들었다

70 마리의 돼지에 의해 pix 그리고 나는 그를 PNG 형식으로 저장했습니다 그들과 나는 우리가 구축 한 우리 사이트의 루트 폴더에 바로 넣었습니다 시작하자 여기에 메뉴에 넣으십시오 그래서 우리가하고 싶은 일은 대괄호가없는 경우 대괄호 텍스트 편집기를 사용하여 indexhtml 파일을 만듭니다

무료이며이 비디오 아래에 다운로드 링크가 있으며 무료로 다운로드 할 수 있습니다 괄호 안의 점은 IO 인덱스입니다 여기에 우리의 인덱스가 있습니다 여기에 HTML은 우리가 사용하고있는 CSS입니다 별도의 외부 CSS 파일이 아닌 여기에 페이지 CSS가 있습니다

회전하는 로고와 우리가 약간 아래로 스크롤하는 것을 위해 넣은 CSS 내가 잃어 버리고 빠져 나오면 우리가 가진 실제 메뉴가 있습니다 이런 식으로 집에있는 모든 사람들이 내가 여기있을거야 이 모든 것을 없애고 내 아이콘을 넣으려고하는 것을 없애자 먼저 조직 해 보겠습니다 그래서 나는 여기서 첫 번째 집을 얻을 것이다

나는 그 아래에 아무것도 할 필요가 없다 우리의 정렬되지 않은 목록의 시작 태그가 있습니다 태그 그래서 내가 그 모든 태그를 닫지 정렬되지 않은 목록을 삭제 지금 나는 저기서 활동적인 수업을 없애 버릴거야 왜냐하면 그건 내가 돌아갈거야 사이트로 이동하면 홈 링크가 나머지 링크보다 더 많이 정의 된 것을 볼 수 있습니다

그게 바로 그 활동적인 수업 때문에 무관 할거야 우리가 아이콘을 넣었을 때 나는 그것을 잃을 것이고 우리 괄호로 돌아 간다 이제 우리는 집을 없애고 싶다 그리고 그것은 감싸 인 범위를 가지고있다 그걸로 우리는 그걸 잊을거야, 앵커들 사이에 태그에는 앵커 태그가 있습니다

앵커 태그는 어디로 가야하고 닫는 앵커인지 알려줍니다 태그를 삽입하면 H 뗏목에 페이지를 연결하려는 위치가 표시됩니다 HTML 서비스 또는 HTML 또는 기타 외부 링크에 문의하는 경우 외부 태그를 사용하여 두 태그 사이에 이미지를 넣고 싶습니다 새로운 태그 세트를 열어서 이미지 IMG와 소스를 말할 것입니다 이 이미지는 루트 폴더입니다

그래서 내가 넣어야하는 것은 소스입니다 이미 그 안에있는 모든 이미지를 찾았습니다 우리의 루트 폴더 그래서 우리는 때로는 당신이 폴더로 이동하지 않아도 어떻게 조직 된 당신의 사이트를 가지고 있느냐에 달려 있습니다 그 태그를 닫을 뿐이므로저기서 빨간 경고가 나오지 않아요 그게 if 그들이 루트 폴더에 있기 때문에 내가 말했듯이 나는 단지 소스를 말해야하고 그것은 자동으로 해당 루트 폴더로 이동하여 검색합니다

이제이 이미지들을 별도의 폴더에두면 새로운 이미지를 만들어 보겠습니다 폴더는 여기 IMG는 이미지 나 이미지 또는 뭐라 부를지라도 우리는 우리의 핑 소리가 이것에 모두 포함되어 있다고 말할 것입니다 여기서 이미지라는 폴더는 소스 이름과 같은 폴더 이름을 써야합니다 거기에 슬래시가있어 계절적이지만 길에 있었으므로 그 일을 할 필요가있어 지금 내가 그걸 거기에 넣었으니 그래서 그 집에 그 집 하나를 놓아 두는게 어떨까요? 이제 모든 이미지는 실제로 있어야합니다 alt 태그를 사용하여이 작업을 수행해야합니다

당신의 이미지는 많은 사람들이 이것을 사용하기 전에 여러 번 말했듯이 키워드는 키워드 나 지리 정보 등을 어쨌든 귀하의 사이트와 관련이 있습니다 내가 6 개가있어 지금 내가 거기있어 그래서 나는 이 컨트롤을 복사 할 것입니다 – c 드롭 다운 하나 2 2 3 4 5 6 지금은 있어요 집 나는 내가 가지고있는 다른 하나를 알고있다 서비스와 나는 포트폴리오를 가지고 있고 나는 그것이 멋지다고 생각하는 비용을 가지고있다 나는 항상 눈을 볼 수 있었다

내가 눈물을 흘리며 말했다 여기 실제 이미지 이름을 클릭하고 첫 번째 이미지를 넣기 만하면됩니다 편지 그것은 나에게 첫 번째 편지 C 연락처 또는 아무것도 묻지 않고있다 비용이 들었습니다 그곳에서 연락하기 때문에 쉽게 알 수 있습니다

나는 나의 6 개의 아이콘을 거기에 넣었다 희망을 갖고 지금 내가 가지고 있으면 당신은 그것 위에서 마우스를 가져갈 것이다 보여주기 때문에이 6 가지 아이콘을 모두 넣었습니다 이제 메뉴가 있는데, 괄호 위로 마우스를 가져 가면 네가 거기에 넣은 것들 이제 우리는 거기에 넣은 것들을 얻었습니다 ctrl을 저장합시다

사이트를 새로 고침하고 새로 고침 할 때 새로 고침해야합니다 작은 아이콘이 나타나야하므로 새로 고침 해주세요 거기에 바로 거기에 작은 아이콘이 있습니다 좋아요, 그렇게 남겨두고 싶다면 아주 쉬웠습니다 괜찮습니다

그게 같은 배관 인 것 같아 하지만 네가 거기에 남겨두고 싶다면 괜찮을거야 네가 행복하다면 괜찮아 내가 여기있는 곳이나 더 중심적인 곳에서 이것을 보게 될 것이다 그래서 만약 내가 감찰관에 충돌했다면 나는 f12를 누르거나 여기에 구글 크롬을 사용하고있다

요소를 마우스 오른쪽 버튼으로 클릭하고 똑같은 일을 할 수 있는지 살펴 봅니다 너 여기서 무슨 일이 일어나는지 보아라 여기에 우리의 navbar가있다 내가 뒤로 가고 싶었던 것들 거기에 우리가 간다

우리의 정렬되지 않은리스트가있다 그리고 그것은 mr auto의 클래스를 가지고 있습니다 그것은 margin-right를 의미합니다 : 자동 그리고 그것이있을 때 선택한 것을 볼 수 있습니다 북쪽의 노란색 선 또는 오른쪽의 황갈색 선 우측의 여백 나는 그것을 변하게 할 MX 수위로 바꾸고 싶다

양면과 세기의 자동 마진 그래서 그냥 해봅시다 그리고 중심에있는 것을 볼 수 있듯이, 그 이유도 있습니다 여기까지는 우리가 차이가 있기 때문에 이 로고가 어디서 볼 수 있겠습니까? 그런 것들을 냄새 맡았지만 모든 것이 푸시 되었으니 까 오른쪽 오른쪽 패닝 비트 조금 뒤로 밀어주고 250의 사진을 그렇게 시험해 보자 거기 점심 그리고 더 에이미 너는 뭔가 그걸 넣어 네가 그걸로 행복 할 때까지 너는 알지

그래서 우리는 거기에 우리 작은 아이콘을 가지고있어 사본이 필요해 스타일 시트에 넣기 그리고 이제는 헛간 F입니다 바로 복사 할 것입니다 너는 우리 괄호로 돌아 간다

여기에 인라인 또는 페이지 CSS가 있습니다 그 막대기에 붙여 넣으면 이제 거기에 닫는 중괄호를 붙이 겠어 당신은 항상 당신의 닫는 둥근 괄호를 가지고 있어야하고 그 사이에 그냥 패딩 나는이 덧씌우 기 권리를 복사 할 수 있었다 그리고 나는 우리가 270의 사진을 더 가지고 있었다라고 생각한다 정의 나는 그 아이콘들 사이에 약간의 패딩을 넣을 거라고 생각한다

CSS가 끝나면 항상 세미콜론이됩니다 그렇지 않으면 실패합니다 그 아래에있는 것을 읽으십시오 ctrl s to say 사이트로 돌아 가자 오, 우리가해야 할 일을 말해 준다

조금 내려 가야한다 그 클래스를 margin-right : auto에서 nx Otto로 변경했습니다 그 일을하는 걸 잊지 마라, 아니면 중간에 있지 않을거야 Ctrl 키를 다시 눌러 보자 사이트로 가서 새로 고침을하면 꽤 많이 있어야한다는 식으로 어떻게 우리가 그것을 구원했는지 정확하게 우리는 모든 것을 바랄뿐입니다

우리는 괜찮습니다 조금 더 재미있게 만들고 싶다 하자 그들을 밖으로 조금 퍼져 어떤 종류의 공중 선회하자 우리가 마우스를 가리키면 효과가 나타납니다 그냥 내 추측과 비트 내놔 좀 해보자 심 그래서 더 이상 위와 아래가 필요 없으므로 나는 그것은 오른쪽 상단과 하단 왼쪽 주위에 제로 패딩이 될 것이라고 했어 다른 한명을 더 할거야 20 픽이라고하면 그 순간에 내가 영향을 줄 때까지 이 클래스를 올바른 클래스로 CSS에 복사하십시오

이제 두 가지 속성이 있습니다 그들은 맨 처음과 맨 아래 두 번째 하나는 왼쪽과 오른쪽 그래서 나는있어 위쪽 및 아래쪽 패딩 0 개 및 20 픽셀 왼쪽 및 오른쪽 패티 당신이 꼭대기에서 할 수 있다면 당신은 당신이 꼭대기에서 원하는대로 개인을 압니다 당신이 다른 패티를 원하면 별도의 바닥을위한 또 다른 하나를 추가 할 수 있습니다 그리고 왼쪽에 대한 또 다른 하나하지만 어쨌든 그렇게 좋은거야 난 그냥 그걸 복사하려고합니다 우리가 보았다면 그것은 절대로 아이템이 아니며 클래스이기 때문에 우리가 원하는 것입니다

거기에 덧붙여서 우리의 괄호 속으로 내려 가자 그리고 지금은 점이 지금 아이템으로 남았습니다 – 항목은 닫힌 상태와 curlies 공간을 엽니 다 사이에 붙여 넣기 거기에 우리의 코드를 붙여 조금 깔끔한 세미콜론을 유지 결국 괜찮 았던 것을 다시 사이트로 저장합시다 지금이 모든 아이콘을 새로 고침 할 때 우리의 검사관을 빠져 나왔습니다 약간의 간격이 있어야한다

거기에 우리가 간다 그리고 그것은 꽤 중심이다 그래서 나는 패딩을 바꾸어야 할 것이라고 생각했다 바로 여기에 있지만 괜찮아 보이는구나 그래서 그렇게 쉽게 할 수있게되었습니다

마우스 커서를 올려서 조금만 자라게하십시오 우리는 약간의 규모로 그것을 할 수 있고, 단지 훑어 보자 다시 탐색 할 수있게 될거야 그래서 내가 할 일은 우리에게 돌아가 보자 괄호 텍스트 편집기와 나는 지금 그것을 복사 할거야 – 맞아

여기 아래로 내려 놓고 그 직후에 넣을거야 꽉 차서 : 틈이 없어 정말로 중요한 것은 지금 간격을 두지 말고 훌라라는 단어를 쓰지 마십시오 이것은 말하고 있습니다 우리가 실제로이 항목 위로 마우스를 가져갈 때 뭔가 할 것이고 무엇을 할 것인가? 그 일은 우리가 여기에 넣은 것에 달려 있습니다

그것을 할 수있는 일을 만들어야합니다 조금만 더 성장시켜 보자 조금만 확장 해 보자 우리 주머니에 가자 우리는 거기에 덧씌우 기가 필요하지 않습니다

변형을 말하자 : 그리고 우리는 무엇을합니까? 실제로 원하는대로하고 싶습니다 당신이 원하는대로 그것의 스케일을하고 규칙적인 둥근 괄호 안에서 우리가 원하는만큼 그것을 확장하거나 확장하기를 원한다고 말하고 싶습니다 12라고 추측하면 두 개를 넣으면 더 크게 될 것입니다 크기가 1

5 배라면 크기가 15 배가 될 것입니다 그것을 이해할 수 있습니다 컨트롤을 말하면 우리는 사이트를 새로 고침하고 여기에서 새로 고침을하십시오 이제 우리가 바다 위로 마우스를 가져 가면 어떤 일이 일어나는지 봅시다

좀 더 재미있게 만들어 준다 우리는 한 걸음 나아가 이미 코드를 만들었습니다 이러한 것들이 회전합니다 왜 우리가 이러한 회전을할까요? 그 (것)들에 회전 급강하하십시오 나는 너를 위해 너무 많이일지도 모르지만 다만 재미를 조금 가지고 있으십시오 괜찮아 우리가 여기를 올려다 본다면 이미 회전을 위해 360이나 0을 정의했습니다

이것을 추가하십시오 여기에 마우스를 가져 가면 회전하면 3 초가 걸립니다 그것은 무한하다 그것은 계속 될 것이고 선형이라는 것을 의미한다 그것은 단지 직선이므로 우리가하지 않기 때문에 무한을 제거합시다

그것을 계속하기를 원한다 우리는 단지 그것이 한 번 돌아가고 그것이 좋다고 말하려고한다 1/2 초 그것이 5 초를 가리킬거야 그런 식으로 우리가 그것을 굴릴 때 그것은 단지 한 번 돌면서 성장해야합니다 그래서 그 컨트롤을 저장하고 우리 사이트로 돌아 가자 새로 고침 이제 우리가 가서 한 번만 회전 한 다음 자랍니다

내가 말했듯이 그것은 약간 미친 이야기지만, 그것은 단지 몇몇의 예일뿐입니다 너에게 약간의 흥미 요인을주기 위해 할 수있는 일 정말로 서있는 방식을 좋아하지 않아요 너 navbar 색깔을 바꿀 수있어 우리가 여기있는 것을 보자 저 여기 navbar가 어두운 곳에서 보입니다 그런 종류의 것을보고 싶다

거기에 BG 다 그리고 흰색으로 변경 나는 아이콘이 조금 띄는 것 같아요 약간 더 많이 보입니다 조금 더 화려하게 보입니다 바로 여기이 코드를 복사하고 사용자 정의 CSS로 돌아가서 넣으십시오 거기에 하나가 드롭 다운 지금 그것을 추가 할 걸쳐 그것을 선택하고 탭 키를 왼쪽으로 가져 오려면 오른쪽으로 가져옵니다 이동하고 탭하기 모든 것을 온라인에 보관하고 예쁜 ctrl을 저장하여 사이트로 돌아 가자

그 크롬 검사기를 방해하지 말고 새로 고침하자 정확히 같은 환상적이고 이제 우리의 작은 아이콘들이 회전하고 있습니다 그리고 그것은 당신의 사이트에 약간의 관심을 더할뿐입니다 당신의 부트 스트랩 4 navbar에 아이콘을 추가하는 방법은 정말 쉽고 좋은 효과가 아주 빨리 진행되므로 기쁨을 얻었 으면 좋겠다 웹에 관심이 있다면 공유하고 YouTube 채널을 구독하십시오

개발 아래 우리 과정 중 하나를 택하십시오 거기의 과정이 다시 한번 보아라 이것은 Jamie와 함께 있었다 시스템 22 및 웹 디자이너 기술 팁 감사합니다 좋은 하루 되세요

Bootstrap 4 Navbar Color Change On Hover

안녕 얘들 아 또 다른 부트 스트랩 4 비디오 자습서에 오신 것을 환영합니다 이것은 제인입니다 시스템 22 및 웹 디자이너 기술 팁은 우리가 만든 마지막 비디오에서 잘 전달됩니다 이런 종류의 소용돌이 치는 로고와 운명의 바퀴는 여기에서 계속하자

이 테마는이 navbar가 색깔을 바꾼다면 어떻게할까요? 누군가 마우스를 치면 그걸 없애 버릴 것 같아 왜냐하면 너무 많아서 브래킷 소프트웨어를 열고 그냥 삭제하겠습니다 그 섹션은이 괄호는 자유 텍스트 편집기이며 다음에서 다운로드 할 수 있습니다 이 비디오 아래 링크는 괜찮습니다 그럼 행운의 바퀴를 없애자

그곳에있는 젊은 아가씨처럼 사이트에 다시 저장하려면 Ctrl 키를 누릅니다 거기에 상쾌하게 해주세요 조금 쉬워졌습니다 이제는 최면술을하는 것과 같지 않습니다 하얀 navbar는 멋지다 멋진 깨끗한보고 그러나 사람이 갈 때 아마있다

이 아이콘까지 여기에서 우리는 색을 변경하기가 매우 쉽습니다 우리가 지금 우리 괄호로 돌아가서 우리가 올라가면 나는 약간의 페이지를 가지고있다 외부 CSS 유형 스타일 시트가 아닌 여기에 CSS가 있습니다 여기를 보시면 여기에 우리의 항법 장치가 있습니다 당신이 당신이 사이트에 다시 방문 할 수 있는지 확실하지 않은 순간에 그것은 흰색입니다

Google 크롬을 사용하는 이유는 위대한 검사 도구가 f12 또는 마우스 오른쪽 버튼을 클릭하고 검사를 클릭하십시오 당신과 바로 거기에 navbar가 있고 배경색이 흰색 인 것을 볼 수 있습니다 그래서 우리는 그것 위에 마우스를 가져 가서 우리가 다른 색으로 바꾸고 싶습니다 정말 마음에 들어요 그래서 논쟁을 위해서 녹색이라고 말하면 나는 하얀 ctrl C가되도록 말하는이 배경 예술을 복사하는 것입니다

1을 드롭 다운하여 거기에 붙여 넣으십시오 내가 할 일은 어둠이 온 후에 나는 콜론을 넣을거야 공간이 없어 정말 중요해 거기에 공간을 두지 말고 단어 H를 가져 가라

우리가 마우스를 배경이나 그 navbar 배경 위로 가져 갔을 때 어둠이 그 차이를 없애기 위해 뭔가를 할거야 거기서 바뀌지 그 색깔은 내가 논쟁의 목적으로 녹색이라고 말하는 것처럼 말할 것이다 저장할 Ctrl 키를 누릅니다 사이트가 새로 고침을하면 순간에 어떤 차이도 보이지 않지만 지금은 마우스를 가져 가면 배경이 녹색으로 바뀌어야하는 링크 중 하나가 표시됩니다

거기에 우리는 아주 쉽게 갈 수 있지만 일종의 일이 너무 빨리 즉각적으로 나는 그것이 사라질 것을보고 싶다 두 번째 또는 실제로 페이드 인 할 것이므로 아주 단순하지 않습니다 그래서 우리가 여기에 우리 괄호로 돌아가고 우리가 원하는 호버링 요소가 아니라면 실제 주요 요소는 여기에있다 전이 약 1 초 동안 내가 오라고 말하려고하자 한 번 더 해보고 싶다면 안락함을 시도하거나 안락함을 시도해 보겠습니다

다시 들어가기 쉽다가 다시 나가라 그리고 그것의 끝에 codel 다시 사이트로 돌아가서 컨트롤을 다시 말해 봅시다 그것을하는 것이 좋습니다 페이드 아웃하기 위해 잠시 복용 나는 그것을 일종의 일을하는 것보다 훨씬 낫다고 생각한다 당신은 누군가가이 링크들 중 하나에 올라가면 어떤 변화가 일어날 지 알고 있습니다

그 색 그래서 거기에 당신이하는 일은 매우 쉬웠지만 제가 할 일은 호환성의 이유로이 효과 중 일부는 이전 버전에서 제대로 작동하지 않습니다 꽤 노후화 된 Windows 탐색기 버전은 이제는 없습니다 더 이상 브라우저를 유지하지 않고 모든 브라우저와 호환되는지 확인해야합니다 오페라 모질라 파이어 폭스처럼 우리는 일부 업체 프리픽스를 추가하려고합니다 우리의 괄호로 돌아가서 실제로 우리가 여기까지 조금씩 보여주었습니다

당신은 전체 범위의 WebKit이 아마 그것을 할 것이므로 그냥 WebKit을 복사 해 보겠습니다 첫 번째 요소는 여기에있는 요소 중 하나입니다 요소를 복사하면 다른 요소가 복사됩니다 이번에 우리가 말할거야 – 모질라 파이어 폭스에서 모즈 또는 모질라 파이어 폭스 그러나 당신은 그것을 말하고 싶다 그리고 또 하나를 해보자

그것은 실제로 이것을 사용하지 않는 다른 브라우저입니다하지만 꽤 좋은 것을 들었습니다 오페라에 관한 기사 당신이 그것을 사용하는지 모르겠다면 당신은 모든 다른 브라우저들과 호환되도록 모든 것을 할 수 있습니다 여기서 실제 사이트에 어떤 차이점이 보이지 않을 것이라는 간단한 말을하십시오 새로 고침하지만이 브라우저 중 하나에서 열려면 작동해야합니다

그래서 거기에 당신과 함께 호버에있는 네비게이션 색상을 변경하는 방법이 있습니다 아주 쉬운 좋은 효과를위한 부트 스트랩 그래서 나는 당신이 그들을 즐겼기를 바랍니다 웹에 관심이 있다면 구독하고 동영상을 공유하십시오 디자인 아래의 웹 디자인 코스 중 하나를 선택하십시오 코스 및 일부 유료 코스는 YouTube에 큰 할인 혜택을 제공합니다

구독자가 다시 한 번 살펴 보겠습니다 시스템 22의 제이미였습니다 웹 디자인 및 기술 팁 통신을위한 감사의 좋은 하루 되세요

Bootstrap 4 Animating Elements

안녕 얘들 아, 다른 부트 스트랩 4 비디오에 오신 것을 환영합니다 시스템 22의 제이미입니다

기술 팁의 웹 디자인이 곳은 우리가 우리가 작은 슬라이드를 시작한 마지막 비디오는 작은 버튼과 타이틀이 있습니다 지금까지 우리는 페이지를 새로 고침하면 약간의 커스텀 CSS로 애니메이션을 만들었습니다 우리는이 로고가 튀어 오르는 것과 같은 것을 계속했습니다 그 테마는 여기에 우리의 슬라이더 캡션을 움직이게합니다 우리는이 시간에 우리가 미리 쓰여진 대본을 사용하거나 사전 작성된 코드는 우리에게 정말 쉽고, 몇 가지 훌륭한 결과를 얻으려고 animate라는 사이트에 간다

dot CSS 여기에 동영상 링크 아래에 이것은 미리 작성된 CSS의 전체로드입니다 당신의 위치 및 나는 당신에게 그 순간에 그것을하는 방법을 보여줄 것이다 그러나 그들은 매우 많은 것을 가지고있다 당신이 원한다면 당신이 거기에 넣을 수있는 다른 효과는 단지 하나를 선택하십시오 그 애니메이션이 어떻게 움직일지를 확인하십시오

그럴거야 너는 그것을 바로한다 여기에 멋진 효과가 있습니다 실제로 귀하의 사이트에서 이것을 사용하기 위해 당신이 이것을 원한다면 당신이 그것을 다운로드 할 수 있도록 당신을 위해 그렇게 쉽게 만들었습니다 애니메이션 버튼을 다운로드하고 당신이 그것을 칠 때 일어나는 일은 단지 당신에게 줄 것입니다

이 CSS 코드를 사용하면이 작업을 수행 할 수 있습니다 그것은 모든 컨트롤을 선택 트롤 C를 복사 우리는 여기에 우리의 대괄호 텍스트 편집기를 엽니 다 이 대괄호는 자유 텍스트 편집기이며 링크에서 다운로드 할 수도 있습니다 이 비디오 아래에 새 파일을 만들고 복사 한 파일을 붙여 넣으십시오 control-v를 거기에 넣으면 볼 수 있듯이 그것은 단지 흰색 텍스트입니다

괄호 안에 실제로 그것이 무엇인지를 말하지 않고 그대로 저장하십시오 뭐라 부르든지간에 CSS를 뒤에 붙이면 알 수 있습니다 캐스 캐이 딩 스타일 시트이며 안전함을 볼 수 있습니다 CSS를 지금 우리가 읽을 수 있도록 적절한 CSS로 채웠습니다 물론 사용하고자한다면 이 방법을 사용하면 부트 스트랩 인덱스 PHP로 돌아가서 링크를 추가해야 할 것입니다

그 스타일 시트에 나는 이런 식으로 사용하지 않을거야 너에게 이것들을 보여줄거야 그것을 사용하는 더 쉬운 방법은 링크 상대 스타일 시트와 링크를 폴더 또는 방금 저장 한 스타일 시트가 바로 거기에 있습니다 나는 그렇게하지 않을거야 너에게 쉬운 길을 보여줄거야

우리가 animate CSS 사이트로 돌아 가면 이 다른 단추 여기 github보기 그들은 페이지를 게시하고 우리가 아래로 스크롤하면 여기에 주변을 둘러보기위한 온갖 종류의 교육을 제공하지만 보여 드리겠습니다 당신은 간단하게 이것을 지금 아주 쉽게 대신하는 방법을 간략히 설명합니다 우리가했던 스타일 시트를 저장하고 그 스타일 시트를 가져올 수 있습니다 콘텐츠 전송 네트워크 인 CDN은에서 콘텐츠를 가져 오는 것을 의미합니다 웹상의 사이트이므로 모든 작업을 수행 할 필요가 없으며 그렇게해야합니다

이걸로 CloudFlare를 사용할거야 원한다면 그걸 사용할 수있을거야 링크 열기 태그에서 사본을 얻었으므로 CSS 바로 뒤에있는 닫는 태그 여기 ctrl C 우리의 색인에 다시 HTML 여기에 우리는 당신과 그 사람을 위해 이전 동영상과 함께 따라 다니지 않은 Google의 폴더는 우리는 이미지가있는 작은 폴더에 모든 사이트 파일을 저장했습니다 여기에 우리가 만든 바로 indexhtml이 있습니다

대괄호 그리고 이것은 당신이 얻는 것이다 그래서 나는 여기에서 한 쌍을 내려 놓을 것이다 부트 스트랩 코어 CSS와 github 사이트에서 복사 한 내용을 붙여 넣습니다 저기서 난 그냥 정리할거야 제목을 주자 나는 그냥 이 시간 복사 정말 했어 당신 우리가 가서 움직이자

괜찮아 우리가 거기에 넣을거야 그건 우리가 CSS 스타일을 끌어들이는 것을 의미합니다 그래서 우리는 어떻게 그것들을 만들 수 있습니까? 작업 그들의 사이트를 다시 보자 당신 우리가 여기서 내려다 본다면 그 요소에 애니메이션으로 등장하는 수업에서 움직이기를 원한다

계속 애니 메이팅을하면 무한대로 추가됩니다 그런 다음 스타일을 선택하십시오 하고 싶다 여기에 예제가 포함되어있어 텍스트 위에 올려 놓을 수 있습니다 클래스에 div를 넣을 수 있습니다 원하는 클래스에 넣을 수 있습니다

다시 페이지를 벗어난 경우 다시 작은 버튼이 있습니다 거기서이 버튼이나 링크를 누르면됩니다 그러면 다시 말해야합니다 원하는 페이지를 선택할 수있는 페이지 너와 나는 잘 보였으니까 그들은 멋진 애니메이션 애니메이션을 진행하고 있으므로 다시 돌아가 보겠습니다

실제로 이들 중 일부를 저희 사이트에 추가하겠습니다 지금 여기에 여기에 우리 사이트가 있습니다 그리고 이것은 제가 오늘 일하고 싶은 것입니다 여기에 색인이 붙은 HTML 페이지가 있습니다 여기에있는 회전식 자막이었습니다

여기와 우리가 3 개의 슬라이드를 가지고 있기 때문에 여기 한 장의 확대 / 축소를 사용하여 원하는 한 장을 사용하자 당신 그래서 우리는 왼쪽으로 어렴풋이 확대 오른쪽에있는 줌있어 나는 이들 중 몇 가지를 사용합니다 예를 들어 매우 쉽지만 눈은 대문자로 된 DS를 대문자로 나타냅니다 L은 당신이고 당신은 그것을 넣어야합니다 바르게 그래서 나는 애니메이션 수업을했다 또는 애니메이션을 사용하고 자본을 확대하는 루프를 사용하자

나는 말할 수없고 볼 수 없다 그것이 완료되면 우리가 원했던 것은 이것이 우리의 첫 경미한 자막을 원하면 여기에 자막을 넣을 수 있습니다 단락 전체를 사용하거나 여기에서 차단하십시오 우리가 구했던 버튼은 우리에게 돌아 가자 사이트가 새로 고침되어 이제 애니메이션이 조금씩 확대됩니다

당신 그래,이 요소에 적용하자 우리는 다른 슬라이드를해야합니다 다른 슬라이드도 같이 보겠습니다 난 그냥 그대로 복사하고 붙여 넣을거야 나는 다르게 할거야

이 애니메이션을 오른쪽으로 확대하고 왼쪽으로 확대 할 것입니다 나는 이것들을 가지고 실험 해보면 당신 자신의 것이되고 당신은 ctrl에 저장하는 정말 멋진 효과가 사이트로 돌아가고 새롭게 하다 여기 첫 번째 슬라이드가 있습니다 두 번째 슬라이드가 왼쪽으로 움직여야합니다 생각합니다 우리가 가고있는 바로 그 때 그리고 제 3의 오른쪽 당신 저기서 조금 밖에 없지만 네가 원하는대로 할 수있어

그래서 여기에 뭔가를 적용 해보자 나는 이것을 몇 번 복사 할 것이라고 말하면 약간의 마진을 준다 클래스의 위쪽과 아래쪽의 새로운 부트 스트랩은 마진 위쪽에 MT를 쓸 수 있습니다 그것은 하나에서 다섯 가지로, 가장 많고 하나는 가장 작고 바닥면 충분하지 않다면 일반 CSS를 추가해야합니다 몇 번 우리가 여기에 올 것입니다 사이트에 다시 말할 컨트롤 우리가 간다

우리는 지금 여기서 일할 무언가를 얻는다 페이지 좋아, 다른 하나를이 페이지에 추가하겠습니다 그래, 왼쪽으로 돌릴거야 그래, 나는 그 사이트를 다시 사용하겠습니다 다시 복사하겠습니다

그 계급 내말은 우리가이 권리를 얻는 지 확인하고 싶지 않으면 작동하지 않을 것입니다 다시 말해서, 당신이 h1이나 P 또는 네가 잘하고 싶어하는 것은 무엇이든 해보자 이 시간대는 열거 나 쉼표로 닫힌 것과 같습니다 거기에 우리 작은 코드에 붙여 넣어서 움직일 수가 없어 그래서 오른쪽으로 회전하는 것은 왼쪽 아래의 자본 D 자본 L에서 회전하지 않았습니다

athol 나는 왼쪽으로 기울어 진 회전하고 나는 거기에 가고 싶지 않다 케이트와 우리는 그걸 복사하고 우리는 단락 텍스트에서 할 것입니다 혹시 거기에 이미 클래스가 있으므로 그냥 복사 한 후 붙여 넣으십시오 이미 여러 클래스를 갖는 것은 괜찮습니다 이건 맞아

지금 자본은 거기에있다 나는 그것을 말하는 것은 확실하다 그리고 우리가 무엇을 얻었는지에 관해 안다 그들은 당신이 볼 수 있습니다 그렇게해서 분명히 수업을 복사 할 수 있습니다 당신이 당신의 두개골에 원한다면 내려주세요

하지만이 모든 다른 딜러는 제가 생각하기에 확실하게 거기에 도착했다 이거 넣어 줘 이 모든 다른 팁들을 여기 거기서 새로 고침해라 유코 예 내가 그걸 가지고 노는 것과 같은 장소의 애니메이션은 무언가를 얻는다

그것은 당신에게 맞는 스타일이지만, 같은 스타일을 유지하고 싶을 수도 있습니다 전적으로 당신 만의 시간과 물건을 바꿀 수 있습니다 그냥 거기를 읽어라 그 github 페이지에 대한 설명은 여기에 있습니다 그것으로하고 그것이 당신에게 정말 쉽다고 말한 것처럼 다음 비디오에서 나는 이것으로보고 싶습니다

모든 것이 잘 작동하는 페이지이지만 실제로보고 싶은 내용은 이들이 실제로 애니메이션으로 표시되는지 확인하려면 그들이보기에 다시 올 때 그것은하기 쉽고 우리는 미리 작성된 다른 코드를 사용하십시오 이렇게 있으면 유용하다고 생각하길 바랍니다 웹에 관심이 있다면 공유하고 동영상을 구독하십시오 개발은 우리가 위대한있어 아래에 좀 걸릴 무료 웹 개발 수업 또한 훌륭한 프리미엄 수업이 있습니다 YouTube 가입자에게 엄청난 할인 혜택을 제공합니다

다시 한번 이것이 시스템 22의 Jamie와 웹 디자인 및 기술 팁이었습니다 지켜봐 주셔서 감사합니다 좋은 하루 되세요

Bootstrap 4 Eye Catching Hero Text Effect

안녕 얘들 아, 다른 부트 스트랩 4 비디오에 오신 것을 환영합니다 시스템 22의 제이미입니다

웹 디자이너의 기술 팁 우리가 만든 마지막 비디오에서 차분함 우리는이 애니메이션 스크립트를 사용하여 사물을 애니메이션으로 만들었습니다 그들은 여기에 와서 내가 좋은 약간의 코드를 발견했다 너를 데리고 가면 정말 눈길을 끄는 영웅의 텍스트 종류의 여기에 그것은 코트 펜에 있고 화재 야 제시를 위해서 로버트 거기에 이름이 있는데 이건 거의 거의 시차가없는 종류의 화면의 아무 곳이나 마우스를 움직이면 효과가 적용됩니다

그 주위에있는 일종의 움직임은 정말 멋져요 여기에 우리를위한 모든 코드가 있습니다 여기에 HTML과 CSS가 있으며 여기에 약간의 CSS가 있습니다 그 중 필요한 것은 필요하지 않지만 우리는 잠시 후 그것을 통과 할 것이며 여기에 이 마우스 종류의 이동 효과를 발생시키는 JavaScript 비트가 발생합니다 슬라이더 바로 아래에 뭔가 있는게 좋을 거라 생각 했어

여기 또는 영웅 섹션에서도 가질 수 있습니다 그래서 괄호를여십시오 이것은 대괄호로 된 텍스트 편집기입니다 이것은 무료입니다 이 사이트의 링크 아래에서 다운로드 할 수 있습니다

indexhtml 우리가 작업해온 파일,이 페이지에 CSS를 사용하고 있습니다 특정 페이지 우리는 우리가 가지고있는 한 페이지 만 가지고 있습니다 여기에 우리 스타일 괄호가 있습니다 우리의 슬라이더가 있습니다

죄송합니다 여기에 우리의 nav가 있습니다 바로 아래에 슬라이더가 있습니다 Annie보기를 사용하는 작은 섹션을 가져 와서 움직여서 우리가해야 할 일이 무엇인지 보자 뒤로 한번보기 만하면됩니다

아주 간단합니다 바로 거기에 다시 복사 해 봅시다 색인 도트 HTML 거기에 섹스를하러 와서 우리 멋진 회전 목마가 여기 있습니다 그 밑에있는 것들을 내가 바꿀거야 나는 이걸 그냥 div로 만들거야

기본적으로 그들은 메인 (Maine)이라고 불리는 것을 만들었습니다 사용 나는 그들이 그것에 대한 이유가 있다고 확신하지만 그 div를 만들거야 그리고 거기 닫는 div가 있고 나는 그것의 모두를 encase하기 위하여려고하고있다 자체 섹션이므로 스타 섹션이므로 복사 해 보겠습니다 우리가 넣을 새로운 영웅 텍스트에이 섹션을 사용하겠습니다 거기에 두 번째 하나는 내가 다른 섹션 ctrl X를 encase하는 데 사용됩니다 잘라내어 붙여 넣기 닫기 섹션 태그 나는 그 컨테이너가 필요하지 않습니다

Tex right 바로 거기에서 지금 깔끔하게 따라 가자 그것 거기에 불필요한 가스를 없애고 우리는 아주 멋지게 간다 좋아, 여기이 섹션 안쪽에 여기에 코드를 붙여 넣을거야 방금 복사 한 것을 다시 복사해야하고 Ctrl 키를 누른 상태에서 Z를 실행 취소해야합니다 물론이 섹션 태그를 복사하면 왼쪽 클릭 드래그와 다음 ctrl C 사이트로 돌아가서 우리가 원하는 곳으로 가져오고 Ctrl V를 붙여 넣습니다

거기서 우리는이 부분을 깔끔하게 정리하고 가로 질러서 탭 탭에 넣습니다 좋은거야 이제는 컨테이너에이 섹션이 있습니다 이것을 주다 container 다른 이름은 그냥 TX라는 텍스트를 호출하는 것입니다

우리 자신의 CSS 였으므로 HTML을 복사했습니다 다시 보자 그러나이 CSS를 복사해라 나는 그것을 전부 붙잡고 나서 우리는 갈 것이다 이를 통해 우리가 지키고 자하는 것을 결정하고 우리가 사이트로 돌아 가지 않는 것을 결정합니다

여기에 스타일을 붙이자 이제 나는 약간의 제목을 주겠다 나는 그것을 영웅 텍스트로 계속 언급하지만 나는 그것이 우리보다 아래에 있기 때문에 추측한다 회전 목마 그것은 영웅 섹션이 아니지만 나는 여전히 그걸 부름 음, 괜찮아요하지만 저는 정말로하고 싶지 않았습니다

저는 말하고 타이핑하고 있습니다 좋아, 거기에 우리의 제목 드롭 다운과 CSS의 그 비트에 넣어 보자 우리가 가끔씩 다시 탭해야합니다 그것을 정돈하는 것 – 그것은 그것을해야한다 okay 우리가 여기에있는 것을 보자 그건 내가 필요로하지 않는 텍사스 중심 이것은 사용하고있는 글꼴을 가져 오는 것입니다 여기 HTML이 필요하지 않습니다

왜냐하면 100 % 너비와 높이를 말하는 것이기 때문입니다 우리는 그 시체를 제거 할 수 있습니다 여기에 시체 배경이 있습니다 우리가 그 섹션 ID를 바꿀거야 우리 섹션을 ID로 지정하여 타겟팅 할 수있게합니다

우리는 X가 X를 작성했기 때문에 X가 htx를 작성했다는 것을 말할 것입니다 시체가있는 곳에서 해시 태그를 바꿀거야 ID가 아니기 때문에 클래스이고 페이지 텍스트 배경색입니다 그것들을 일종의 밝은 회색 색으로 만들 거에요 당신이 잘 원한다면 꼭 지키라

나는 당분간 그것을 남겨 둘 것이다 우리가 필요로하지 않는 너비와 높이를 필요로하지 않는다 폰트 패밀리가 필요한 이유는 그것이 철도 텍스트라고 말하는 것이기 때문입니다 그들이 여기에있어 그것이 포함되어 있기 때문에 그것은 필요하지 않습니다 포함되어 있습니다 어쨌든 부트 스트랩에 제목 그래, 우리가 그 h1 태그 때문에 계속 할 수있다 h1로 생각하면 그것은 기본적으로 큰 글씨입니다

오 오 그것은 단지 제목 태그와 자막이므로 제목과 부제가 필요합니다 우리는 그것을 바꿀 수 있습니다 우리가 그것을 필요로 할 때 아주 좋아요 좋아요 당연히 우리는 자바 스크립트가 필요하다

바로 여기에 모든 왼쪽 클릭 드래그 Ctrl C를 복사합니다 copy 우리의 다른 스크립트와 마찬가지로 indexhtml로 돌아가십시오 이제 우리는 별도의 자바 스크립트를 만들 수 있습니다 우리가 꽤 많은 것들을 가지고 있기 때문에 이것을 위해 파일을 만들고 그것을 가져온다

여기에 가보지 만 작동하는지 아마 다른 비디오에서 그렇게 할 것입니다 스크립트이기 때문에 일부 스크립트 태그를 열어 내부에 넣어야합니다 일부 스크립트 태그 우리는 그것들을 분리하고 우리가 방금 복사 한 스크립트의 일부를 붙일 것입니다 내부 그리고 다시 나는 그저 거기를 가볍게 두드리는거야 이것은 마우스 움직임이 어떻게 영향을 미치는지 지시하는 것입니다

해당 텍스트 뒤에있는 이미지의 배경 위치 당신은 저것을 저장하자 사이트를 새로 고침하고 섹션에 있어야합니다 우리가 지금 당장 원했던 것처럼 보이지 않을 수도 있지만, 우리는 거기에 갈 것입니다 그 뒤에있는 이미지 인 마우스를 움직이면 볼 수있는 부분이 있습니다 텍스트가 멋지게 움직이기 때문에 우리는 우리가 여기에서 원하는 것처럼,이 div에 조금 더 많은 높이를 줄 필요가 있습니다

나는 거기에 그라디언트를 가지고있는 배경색을 줄 것이다 그러나 당신은 할 수있다 간신히 그것을 보아라 그것은 미묘하고 미묘한 종류 다 그러나 내가 원하는 것이 아니다

바로 여기에 우리가 조금 더 많은 높이를 줄 텍스트를 바꿀 것입니다 우리는 div 안에 열을 넣을 것이고, 열을 줄 것이므로 다시 돌아 가자 우리가 어떻게 할 수 있는지 보아라 좋아, 우리 컨테이너는 여기에 우리 섹션이있다 먼저 우리 섹션에 약간의 패딩 (padding) 위쪽과 아래쪽을 주자

과 우리가 실제로 아주 미묘하게 보일 수있는 배경색을주세요 다시 우리가 확실히 볼 수있는 것은 물론 우리가 텍스트를 바꾸고 싶습니다 우리가 거기에 넣으려는 것, 그래서 여기로 돌아가 보자 우리 섹션에는 배경 선형 그래디언트가 있습니다 색상 및 꽤 자주 사용하는 색상은 회색과 같은 종류의 EEE입니다

당신은 흰 배경을 사용하고 있습니다 여분의 섹션은 조금 더 두드러져 보입니다 위쪽 및 아래쪽 패딩 (padding top and bottom) 나는 100 픽셀을 말할 것입니다 우리가 높이를 줄 수 있도록 높이를 좌우로 나는 하나의 속성 만 할거야 10px는 아무것도하지 않을 것입니다

하나의 속성이 상위 100 위를 차지하기 전에 내 동영상보기 아래쪽으로 100 백 왼쪽 두 100 것입니다 맨 위 바닥과 두 번째는 무엇이든간에 왼쪽과 오른쪽이 될 것이며 물론 개인을 할 수 있습니다 괜찮아요 그렇게 말하면서 우리에게 어떤 차이가 있는지 알아보십시오 섹션은 훨씬 더 깊어 야하며 밝은 회색 색상이 뒤에 있어야합니다 거기에 우리가 간다

바로 거기에서 원했어 내 말은 코드를 위해 로버트에게 두 줄로 나눠 줄 수는 있지만 거기에 당신의 이름이 필요 없으면 우리가 원하는 것을 그곳에 두자 그냥 HTML 스크롤로 돌아가서 여기에 내 철자가 맹렬한 부트 스트랩이라는 부트 스트랩이 있습니다 awesomeness 같은 것을 알고있다 너와 여기 내가 뭔가를 집어 넣을거야

html5와 css3을 좋아하고 평소와 마찬가지로 내가 뭘하고 있는지 복사해라 자신의 것을 자신의 것으로 만든다 jQuery 자바 스크립트 디자인 물론 나는 멋지다 나는 그것에 대해 많은 생각을 두지 않았다 그 두 단어 사이의 휴식은 자연적으로 깨질 수 있습니다

그래서 ctrl은 슬레이트로 돌아가서 지금 확인해 보겠습니다 거기에 우리는 그것을 깨뜨린거야 음 괜찮아, 그건 내 생각에 대단하다고 생각해 그 글자가 너무 가깝기 때문에 그 글자가 그들이 거기에 있기 때문에 나는 그들이 당신이 잘 묘사 한 것을 볼 수 있다는 것을 좋아할지도 모른다는 것을 의미한다 마우스를 움직이면 그 작은 부제가 있습니다 우리가 거기에 넣는 것은 그냥 그 텍스트를 조금 더 직면하게합니다

그건 우리 HTML로 돌아가서 그들이 가지고있는 걸 보게 될거야 우리가 여기에 복사 한 CSS의 일부 annal 제목이 나는 fontsize 생각해야한다 내 줄 간격 – 8 사진 잘 말하자면 – 그것 때문에 – 그것이 8 시까 지 긴축하고있다 픽셀이라면 3 픽셀을 말하고 그 픽셀이 차이점과 새로 고침 그들은 거기에 손대지 않고있어 조금은 분명히 연주 할 것이라고 생각한다 주변에서이 철도 글꼴을 사용할 필요가 없습니다 원하는 글꼴을 Google에서 실제로 가져오고 싶습니다

그것을 철도로 가져 오면 우리는 400 800과 900 중량 너무 좋아서 나는 박쥐들에게 상당히 행복하다 정말 많이는 아니지만 실제로 애니메이션 클래스 중 하나를 추가하면됩니다 나머지 사이트처럼 움직입니다이 작업을 매우 빠르게 수행 할 것입니다 일부 코드 만 복사하십시오

여기에서 다른 섹션으로부터 떨어져서 떨어져서 우리는 우리가 오른쪽으로 밀어 부치게되었던보기를 사용한다 나는 간다 그 모든 일이 내가 그 마지막 거꾸로 된 쉼표를 ctrl 지금 복사하여 제목에 넣으십시오 공간이 있는지 확인하십시오 거기에 네, 거기에 두 개의 거꾸로 된 쉼표가 있습니다 그 하나를 없애 버리자 우리는 결국 하나를 원한다 오른쪽으로 미끄러지 듯이 똑같은 일을 해보겠다

나는 이것을 지울 것이다 거기서 우리는 그 길로 간다 나는 마지막에 두 배가 없다 나는 말할 것이다 이 것을 위해 왼쪽으로 슬라이딩하고 우리가 스크립트는 여전히 아래의 모든 항목에 대해 작동합니다

우리가 여기서 약간 다른 것들을 보았다 이 순간에 여기 아래의 항목에 대해 작업하고 있습니다 그들은 실제로 가장 쉬운 방법은이 하나의 예를 복사 대체 일관성 우리가 여기에서 노력하고있는 하나는 우리가 가지고있는 그런 방법으로 행복한 택시입니다 당신은 이미 거기에 남아있을 것이라고 말하거나 살인을 저 지르지 않도록 할 것입니다 이게 아직 효과가 있는지 확인해야 해

좋아, 나는 이것이 다른 모든 것들과 여전히 작동 할 것이라는 것을 확실히 할 것이다 그래서 컨트롤이 무엇인지, 그리고 내가 무엇을하고 있었는지, 그냥 작업하고 있다고 가정 해 봅시다 이 작은 하나는 여기에 애니메이션이 없기 때문에 여기에 있습니다 그래서 새로 고침하자 멋지게 미끄러 져서 괜찮아

그 일들이 우리를 위해 움직일 거라는 것을 확인하십시오 모든 것이 잘 작동하는 것 같습니다 저것을 미끄러지는 좌로 시키 십시요 대신 나는 그것을주의하지 않았다 나는 나가 이었다는 것을 짐작한다 다른 하나를 너무 많이보고 내가 여기에서하고있는 것을보고 싶다면 애니메이션의 우리의 이전 비디오를보고 되돌아 본다 또한 Annie는 이전에이 두 개의 동영상을 보았습니다 사이트를 다시 볼 수있게 해 주셔서 감사합니다

괜찮 았고 슬라이드가 있습니다 아직도 일하고있는 작은 탄력있는 공 것들이 많이 있습니다 여기에 내가 너무 많은 사람이 사이트지만, 단지 좋은거야 카메라와 다시 카메라가 어떻게 움직이는 지 보여주는 데모 그들은 거기에 와서 거기에 가서 멋진 영웅 텍스트를 추가하는 방법이있다 귀하의 부트 스트랩 4 웹 사이트에 나는 물론 모든 HTML 웹 사이트에서 작업 할 것입니다 다시 한번 이것이 시스템 22의 Jamie와 테크 팁의 웹 디자인이었습니다

당신이 공유하고 구독하고 싶다면 즐거웠 으면 좋겠습니다 우리의 youtube 채널은 웹 개발에 관심이 있다면 아래의 코스는 훌륭한 무료 코스가 있으며 프리미엄도 있습니다 YouTube 구독자에게 큰 할인 혜택을주는 강의 보고있는 주셔서 감사합니다 좋은 하루 되세요

Bootstrap 4 Change Nav Link And Nav Brand Color On Scroll

안녕 얘들 아, 다른 부트 스트랩 4 비디오에 오신 것을 환영합니다 시스템 22의 제이미입니다

웹 디자인 및 기술 팁 통신 잘 나는 우리가 연주하고있는 또 다른 질문을했다 이 바보 같은 작은 부트 스트랩 4 사이트 주위에 몇 가지 효과가있었습니다 우리는 약간의 효과를 만들어 냈습니다 스크립트를 사용하면 특정 금액을 아래로 스크롤하면 탐색 바가 변경됩니다 색깔과 나는 누군가에게서 질문을 가지고 있었다

그리고 그것은 나에게 묻고 있었다 그리고 단지 그것을 발견한다 만약 내가 링크와 navbar의 색깔을 원한다면 브랜드도 그렇고 내가 수집 한 것은 그들이 배경 그곳에서 그들은 navbar 브랜드의 색깔을 바꾸고 싶어합니다 마우스 오른쪽 버튼으로 클릭하고 검사하여 여기에 Google 크롬을 사용하고 있습니다 환상적인 경위는 navbar 브랜드이며 분명히 볼 수 있습니다

링크 육체가 우리가 변화시키고 자하는 색을 찾는다 그래서 이제는 파란색 배경을 상당히 어둡게 유지해야합니다 그게 우리가 네게 달린 것 같아하지만 난 그걸 복사 할거야 가치가있다

우리가 바꿀 수 없으면 우리는 보게 될 것이다 그 색깔을 바꿔라 나는 그걸 새로 고쳐서 어떻게 되찾았 을까 그 스크립트를 만들려고합니다 그냥이 색깔을 복사 할 것입니다

여기에 복사 했으니 까 여기에 우리의 대괄호 소프트웨어가 있습니다이 텍스트 편집기는 대괄호 텍스트 편집기입니다이 비디오 아래 링크에서 다운로드 할 수 있습니다 여기에 페이지의 CSS 스타일을 사용하고 있습니다

이것은 훨씬 쉬워 질 것입니다 우리는 별도의 스타일 시트를 가지고 있지 않습니다 방금 복사 한 색상의 클래스를 만들어 보겠습니다 나는 그것이 닫히고 닫힌다는 것을 당분간 ABC라고 불렀다는 것을 나는 모른다 우리는 그 텍스트에 영향을 미칠 색상 사촌을 말하고 싶습니다

내가 방금 복사 한 색상은 잘하면 그것은 내 안에 아직도있다 오, 그래 클립 보드 바로 거기에 우리가 그렇게 우리가 무슨 일이 일어나고 싶어하는 것 같아요 중요한 수업을 추가해야 겠어 나는 앞으로 나아갈거야 우리가 이미 가지고있는 스타일을 덮어 쓰게 될거야 당신은 그것을 작동하지 않으면 시도 할 수 있습니다

그 중요성을 더하고 싶지는 않아요 당신은 우리가 그 것들을 원한 색으로 수업을 만들었으니 괜찮습니다 이제 ABC라고 부르기 위해 바꿀 것입니다 이제는 약간의 JavaScript를 추가해야합니다 내가 할 일은 내가해야할 일이야 내가 다른 대본이 될거야 내가 대본을 쓸거야

여기 그리고 비디오의 끝에서 나는 당신을 위해 화면에 그것을 잡을 것이다 그래서 너는 그것을 복사 할 수 있습니다 왜냐하면 제가 확신하기 때문에 그것을 정확하게 복사하는 것이 중요합니다 정확하게 복사하지 않거나 사물을 쓰는 경우 JavaScript로 알 수 있습니다 잘못하더라도 그들은 모두 제대로 작동하지 않습니다

우리는 실제로 그 명령을 다시 사용할 것입니다 이제 편의를 위해 그것을 복사하는 것은 중괄호를 열었습니다 이제 우리는 몇개의 둥근 괄호를 열어 말할 것인가? 달러 기호와 오팔 둥근 괄호 우리가 그 스크롤을 사용할거야 브래킷 바깥쪽에 도트 스크롤 위쪽 그래서 우리는 아주 작은 일이 거기에서 계속되고 있습니다 그리고 우리는 그것이 같은 양을 위해 가고 싶다고 말 할 것입니다

실제로 스크롤하기 전에 스크롤하려는 픽셀이 위에서부터 적용됩니다 나는 우리가 그것을 아래로 스크롤 할 때 이것을 본다면 우리 사이트로 돌아 간다 가는 60 픽셀 나는 거기서 우리의 영웅 섹션의 높이라고 생각한다 아마 그 색깔을 바꿀 것입니다 그래서 우리는 이것을 동일하지만 분명히 취소 할 것입니다

너는 너와 네가 원하는대로 너를 설정할 수있어 좋아요 스크롤 톱과 우리는 그것이 더 큰지 말하고 싶습니다 우리가 여기에서 정상에서 내렸던 것에 따라 60는보고 있지 않고 있었다 당신 다른 중괄호 세트를 열어 보겠습니다

우리는 무엇을하고 싶은지 말하고 싶습니다 우리는 그 수업을 추가하기를 원합니다 우리가 방금 만든 CSS 클래스 인 ABC라는 색 그래서 달러 기호를 열어 라 또 하나의 둥근 브래킷 세트 거꾸로 쉼표로 말하고 싶다

그 클래스 ABC는 꽤 기억하기 쉽지 않았어 내가 전화했기 때문에 기쁘다 이제 괜찮아 그런 다음 거꾸로 된 쉼표를 닫으십시오 우리는 160 번으로 내려 가면 그 수업에서 말하고 싶었습니다

또는 1060 내가 말을해야 우리가 말할거야 전에 언급했듯이 당신이 이것을 정확히하는 것이 정말로 중요합니다 수도를위한 자본과 수도는 정확해야합니다 기본적으로 다른 클래스를 만들어서 이렇게하도록하십시오 입 색상이라고 부르 자구

아니면 그냥 짧은 애플 리케이션을위한 최종 석탄이라고 부르 자 당신이 원하는대로 무엇이든 부를 수 있습니다 닫히다 한 개의 반전 된 쉼표와 거기에 약간의 세미콜론을 넣을 것입니다 다음 비트를 읽으면서 간다 이제 우리가 간다

이제 우리는 우리가하고 싶어한다 달리 말하면 다르게 말하고 싶다 거기서이 작은 곱슬을한다 그래서 만약 이런 일이 일어난다면, 그렇지 않으면 우리는 다른 것을 말해야합니다 거기에 더 많은 곱슬이 열렸어

우리가하고 싶었던 것은 수업을 제거하는 것입니다 그래서 저는 할 것입니다 그 줄 복사 당신 거기에 추가하는 대신 제거하라 아래쪽으로 올라가면 다른 단어를 지우는 것이 좋습니다 수업을 마치면 원래 색상으로 돌아갑니다

거기에 마지막으로 세미콜론이 있습니다 그래서 우리는 너를 모두 닫아야한다 그걸 조금 움직여서 모두 정리해 놨어 아빠, 알았어요 둥근 브래킷을 닫고 둥근 브래킷을 닫지 않습니다

세미콜론을 사용하지 마십시오 이걸 조금만 움직여 보겠습니다 탭 키를 치면 탭으로 이동하는 다른 방식으로 다시 이동하고 싶습니다 어떤 것이 잘못되면 그냥 확인해야합니다 아무데도 깔끔한 것 같아요

160을 알았어 그게 바로 우리가 필요로하는 그 ctrl을 저장하자 이제 우리의 ABC를 위해 우리가 만든 작은 수업처럼 추가됩니다 그것이 일어날 때까지 그들은 색채로 저장되었습니다 그래서 최종 석탄을 호출하면 ABC가 제대로 될거야

여기 그리고 그것은 색깔을 바꿀 것입니다 이제 ABC 클래스를 복사하고 우리가 그 색을 바꿀 색으로 바꿀 수있는 모든 것 지금 Barbara와 여기에 우리의 navbar 브랜드가 있습니다 우리가 그것을 우리의 nav 링크에 추가하기를 원한다는 것을 보도록하겠습니다 물론 당신은 다른 어떤 것도 할 수 있습니다

그 특정한 색으로 색을 바꾸고 싶을 때 스크롤 후 괜찮아요 내가 생각하기로는 모두 ctrl로 저장하자 실제로 최상위 새로 고침까지 작동하는지 보겠습니다 변경해야 할 영웅 섹션을 지나쳐 라 Ballu와 그들이 했어

왜 이것이 작동하지 않는지 알아 내고 알아 내십시오 좋아 보이네 문제는 내가 코드를 작성했지만 괜찮 았어 스크립트 세금 나는 다른 태그가 붙은 후에 태그를 붙였다 X를 제어하고 스크립트 태그 안에 붙여 넣기 만하면됩니다

이른 아침에 예, 괜찮습니다 거기 가야한다 그들이 내가 좋아야 했어야했던 것처럼 그들이 모두 색깔이 아니었다라고 나에게 경고했다 미안하다고 말하면 이것이 실제로 이번에 작동하는지 보자 다시 Ctrl 키를 눌러 사이트에 다시 저장하십시오

최고 위로 새로 고침 우리가 가서 거기서 작동하는지 아래로 스크롤하여 navbar 브랜드와 nav 링크가 모두 해당 색상으로 변경됩니다 그래서 네가 그걸 가지고있어 네가 네 질문에 대답했으면 좋겠다 지금 이걸 가지고 올거야 그러면 그걸 복사해서 그냥 그걸 없애자 갭 거기에 저장하려면 Ctrl 키를 내가이 확대하고 그냥에 그것을 떠날거야 몇 초 동안 화면을 볼 수 있으므로 복사 할 기회를 줄 수 있습니다

스크립트 태그 바깥에 넣은 것을하지 마십시오 귀하의 스크립트 태그 안에 그것은 절대적으로 잘 작동합니다 내가 여기 사용한 클래스를 사용할 필요가 없다고 말하는 것처럼 네가 원하는대로 그들이 무엇인지 기억하고 절대적으로 잘 작동해야합니다 당신 나는 위로 가기로 위로 스크롤 할 것입니다 유리가 있고 거기에 우리가 만든 다른 수업이 있습니다 그 첫 번째 수업을 원하는 것에 추가하는 것을 잊지 마십시오

변경하려는 색상을 nav 링크 자체에 추가했습니다 그리고 거기의 navbar Brian에 그래서 거기에 당신의 질문에 대답하고 당신에게 유용했으면 좋겠다 너는이 비디오를 즐겼다 공유하고 YouTube에 구독하기를 좋아한다 웹 개발에 관심이 있다면 채널 아래를 보아라

거기에서 우리는 또한 위대한 무료 코스를 가지고있다 YouTube 가입자에게 큰 할인 혜택을주는 프리미엄 코스 다시 한 번보세요 이것은 시스템 22의 제이미 였고 웹 디자인은 좋은 하루 보내세요

Bootstrap 4 Create An Image Gallery With Lightbox Effect

안녕 얘들 아, 다른 부트 스트랩 4 비디오에 오신 것을 환영합니다 시스템 22의 제이미입니다

웹 디자이너 기술 팁 잘 우리가 연주해온 비디오의 마지막 커플 부트 스트랩에있는 이미지가있는이 주변에서 우리는 빛의 쇼 효과가있는 갤러리 그래서 나는 여기에 폴더를 가지고있다 거기에 몇 가지 이미지가있는 작은 폴더가 있습니다 자, 시작하겠습니다 나는 무료 대괄호 텍스트를 사용할 것입니다 에디터는 비디오 아래 링크에서 다운로드 할 수 있습니다

새 부트 스트랩 템플릿이라는 확장 기능을 사용하면 무료입니다 확장 관리자에로드하여 방금 약간의 부트 스트랩을 만들었습니다 즉시 사이트 또는 인스턴트 페이지를 지금 저장해야합니다 여기 갤러리 폴더에 제가 우리에게 보여준 이미지 파일이 있습니다 index

html로 말하면 너는 여기에 우리가 가진 폴더가 있고 여기에있다 우리가 방금 저장 한 새로운 색인 파일은 두 번 클릭하면 열립니다 당신의 브라우저에서 선택의 여지가 여기에 그것은 꽤 재미 있지만 그것은 navbar와 약간의 텍스트가있는 단지 약간의 부트 스트랩 템플릿 이제 미리 미리 작성된 코드를 사용하려고합니다 Ashley DW의 비디오 아래 링크를 무료로 다운로드 할 수 있습니다 라이트 박스를 만들 때 여기에 필요한 모든 것이 있습니다

페이지를 스크롤하면 이미지 예제도 있습니다 이 div 전체를 개봉 div 또는 거기에서 닫는 div에서 복사하십시오 누가 이걸 만들지는 모르지만 시간을 절약하기 위해 나는 그가 가지고있는 것을 사용하려고합니다 여기 그리고 우리가 아래로 스크롤하면 그들은 조금 필기구가있는 부분은 그 아래 새로운 섹션 그 부분에 우리가 복사 한 것을 붙여 넣기 만하면됩니다 그래서 우리는 실제로 그 임금에 뭔가를 가지고 있어야합니다

이 사이트로 돌아가서 우리가 새로 고침 할 때 템플릿이 있습니다 이미지는 인터넷에서 끌어 오기 때문입니다 우리는 거기에 갈 그들은 실제로 열어 본 모든 일을하지는 않지만 열지는 않았지만 우리가 정말로하고 싶은 것, 그리고 약간의 공간을두고 싶습니다 그 행들 사이에서 그래서 우리는 무엇을 얻었습니까? ~ 않는 한 나의 m4 마진과 쇠고기 바닥과 우리는 4 가지를 말할 것이다 이 멋진 새로운 부트 스트랩 클래스 아래의 행 괜찮아

우리가 거기 새로 고침하자 우리는 그들 사이에 약간의 공간이 있습니다 좋아, 그럼이 일을 우리가 원하는 방식으로 만들어 보자 여기에 당신을 사이트로 우리가해야 할 일을 정확히 알려줌으로써 최신 CSS를 얻고 이 CDN 콘텐츠 전송 네트워크의 JavaScript 파일 다운로드를 도와야합니다이 사이트에서 곧바로 다운로드 할 수 있습니다

해당 링크를 클릭하십시오 때로는이 페이지들이 사라질 것입니다 너는이 비디오를보고있어 아래의 링크가 나에게 이메일을 보내지 않으면 나는있을거야 코드를 보내 드리면 코드를 보내 주시면 여기 있습니다

이 링크를 클릭하면 여기에 CSS가 필요한 CDN이있는 페이지가 있습니다 그것은 실제 스타일링입니다 그래서 저는 우리의 것을 다시 복사 할 것입니다 괄호는 다른 스타일 시트와 함께 상단에 배치합니다 스타일은 여기에 있습니다

여기이 시트는이 스타일 시트 아래 놓이지 말라 우리는 뾰족한 브래킷 링크를 연다 스타일 시트이므로 rel은 같고 스타일 시트이고 href는 방금 복사 한 내용을 넣을 곳입니다 거꾸로 된 쉼표 사이에 그래서 그것은 CSS를 끌어들일 것입니다 여기에 CSS가 있습니다

저기서 우리 페이지로 돌아가 보자 자바 스크립트를 여기에 우리가 제이의 복사본을 제어하는 ​​우리가 한 그냥 잘라낸 스크립트입니다 Jaso는 나머지 부분과 함께 맨 아래에 놓습니다 여기서 스크립트는 일부 스크립트 태그를 열어 놓을 것입니다 스크립트 및 소스 s RC 각 코스와 두 사이에 붙여 넣습니다 거꾸로 쉼표 거기에 우리가 복사 그냥 시계 같은 J입니다

우리의 스크립트 태그는 우리가해야할 일이 무엇인지 보도록하겠습니다 우리는 거의 거기에 있습니다 네 명이이 페이지로 돌아 간다 우리는 CSS J를 가지고 있습니다 여기에 약간의 스크립트가 있습니다

이 페이지는 달러 기호에서 복사하여 작은 세미콜론으로 표시합니다 ctrl C 여기에 우리 대괄호 소프트웨어에 다시 넣으십시오 스크립트입니다 원시 스크립트이기 때문에 스크립트 태그 안에 넣어야합니다 그리고 우리가 거기에있는 그 두 가지 사이에서 우리가 복사 한 것을 속도를 내 보자

조금만 기다려주세요 jQuery 스크립트가 조금 있습니다 거기 또는 우리가 거기에있어 자바 스크립트 스크립트 올바른 자바 스크립트 버전을 가져오고 있습니다 우리는 온라인 이미지를 가지고 있습니다 우리는 라이트 박스를위한 ESS 스타일링을 제공합니다

Ctrl 키를 누른 채로 사이트를 다시 방문해 보겠습니다 새로 고침하면 많이 볼 수 없습니다 차이가 있지만 이미지를 클릭하면 열리는 것을 볼 수 있습니다 그곳의 멋진 라이트 박스와 다양한 이미지를 스크롤 할 수 있습니다 그걸 꺼내기 만하면됩니다

그것과 좋아, 우리는 그들의 이미지를 잘 원하지 않는다 자신의 이미지를 원하지만 이미지를 넣고 변경하면됩니다 이 라운드 조금 그러자 우리 두뇌 소프트웨어로 돌아 간다 내가 말했듯이 나는 이미지는 이미지라는 폴더 안에 있습니다

나는 아마 그것들을 모두 사용하지 않을 것입니다 하지만 거기에 1에서 17까지가 있는데 IMG라는 폴더에 있으므로 내려갑니다 우리의 이미지를 여기에 넣으십시오 href는 실제로 이미지가있는 곳입니다 그래서 이미지라고하는 폴더에 있습니다

여기에 각각 하나씩 있습니다 단순히 여기에 복사하여 실제 미리보기 이미지를 얻습니다 하나는 이미지 자체에 대해 동일한 작업을 수행합니다 그래서 h2 너 당신 대괄호를 사용하여 마우스를 가져 가면 올바른지 확인 할 수 있습니다 이미지가 원하는가? 저것을 저장하고 우리의 위치 등을 맞댄 가고하자마자 보시다시피 여기에 새 이미지가 있고 잘 작동합니다

그게 바로 부트 스트랩이있는 작은 라이트 박스 갤러리를 만드는 것이 얼마나 쉬운 일입니다 정말 쉽고 원하는 방식대로 유지할 필요가 없습니다 당신이 원하는대로 그리드 시스템을 부트 스트랩으로 원하는대로 할 수 있습니다 환상적인 3 개의 열로 만들어 보겠습니다 그것은 그것들 중 4 개가 될 것이고 나는 이것을 아래에 복사 할 것임을 의미한다

그리고 그것은 꽤 예쁘고 우리가 여기있는 곳에서 6 7 우리는 그 컨트롤을 사이트에 다시 저장합니다 거기에서 새로 고침해라 당신은 벽의 정상 3에 당신의 foggle 작은 이미지를 얻는다 당신이 믹스 앤 매치 (mix and match) 할 수 있고 좋은 갤러리 효과를 얻을 수 있도록 다른 비디오에서 우리는 몇 가지 갤러리 스타일을 만들어 보겠습니다 정말 쉽게 할 수있는 놀이가 있어야하며, 특히 사진 또는 귀하의 사이트에서 뭔가를 강조 표시해야합니다

배울 점이있어서 즐겁게 지내기를 바랍니다 공유하고 싶으면 웹 디자인에 관심이 있다면 YouTube 채널을 구독하십시오 아래를 내려다보고 우리의 무료 코스 중 하나를 택하십시오 또한 프리미엄이 있습니다 YouTube 구독자에게 큰 할인 혜택이있는 다시 한 번보세요

시스템 22와 웹 디자이너의 제이미였습니다 좋은 하루 보내세요

WordPress Remove The Divider Line Between The Main Content And Sidebar Area

안녕 얘들 아 및 다른 WordPress에 자습서에 오신 것을 환영합니다 시스템에서 제이미 22입니다 웹 디자인과 테크 팁은 조용하지만 우리는 전에 이것을 다루었지만 누군가 나에게서 그 부분을 놓친다 고 말한 이메일이나 메시지 여기에서 사이드 바와 메인 콘텐츠 사이의이 줄을 제거하는 동영상 CSS로이 작업을 수행합니다 때로는 실제 추적하기가 어려울 수 있습니다

Google 크롬을 사용하고 있습니다 환상적인 검사 도구가 있기 때문에 멋지다 f12 키를 누르면 키보드가 나타나거나 키보드를 클릭하면됩니다 특정 지역을 강조 표시하고 마우스 오른쪽 버튼을 클릭하여 아래로 이동하십시오 이 특정 라인이 지금 당신을 위해 그 지역을 선택할 지 점검하십시오

당신이 일종의 이 콘텐츠의 오른쪽 가장자리 또는이 콘텐츠의 왼쪽 여백이지만 우리가 아닙니다 이 콘텐츠를 여기에서 살펴보고 CSS에서 찾지 않을 것입니다 이 CSS를 편집하려면 일단 관리자를 열어두고 확인하십시오 당신은 요소와 오른쪽 창 스타일에 있습니다 다른 영역에있는 당신의 것을 가지고 있으면이 작은 세 개의 버튼을 클릭 할 수 있습니다

그리고 그것을 옆에 가져라 또는 당신은 잠금을 풀 수 있기 때문에 여기에 중간에 떠있는 것입니다 일반적으로 나를 위해 일하는 바닥에 그것을 선호하므로 전체를 볼 수 있습니다 여기에 내용이 아주 잘 들어 있으므로이 작은 것을 찾는 것에 대해 알아 보겠습니다 바로 여기에서 팔아서 내가 말한 것처럼 그것을 제거 할 수 없는지 확인해 보라

오른쪽에 여백이있을 것입니다 그 섹션에 있지 않고 켜져 있지 않습니다 우리가 사이드 바에 내려 간다면 사이드 바 마우스 오른쪽 버튼으로 클릭하고 선택하면 사이드 바를 볼 수 있지만 실제로 그 라인을 선택할 때 볼 수 있습니다 더 멀리 달려서 바로 거기에 당신이 말한 것의 일부가 아닙니다 그 부분 페이지의 주요 콘텐츠의 실제 위치는 어디입니까? 올라가서이 코드 중 일부를 여기에서 시도해 보겠습니다

여기에 주요 지역 ET가 있습니다 Divi 테마를 사용하고 있습니다 절대적으로 그렇습니다 너가 그것을 밖으로 시도하고 싶으면 너는 이것의 밑에 연결에서 그것을 밖으로 시도 할 수 있는다 비디오 그래서 여기에 우리가 우리가 조금 아래로 미끄러 져 주 영역을 가지고있어 여기에 컨테이너가 있습니다 그런 다음 파란색과 녹색으로 강조 표시된 영역을 보면 그것은 그 안에 실제로 있습니다

그래서 우리가 한 번 더 내려 가면 나는하지 않습니다 네가 말할 수 있는지 안다하지만 파란색으로 강조 표시되어있다 내가 나가면 그 비디오는 회색으로 나온다 내가 바로 그 앞에 저기로 돌아 가면 그것은 파랗다

그게 내가 여기에서 벗어나고 싶다고 말하면서 나는 클릭 할거야 그냥 내 CSS로 이동하면 여기를 클릭하기 만하면 스크롤 할 것입니다 내가 실제로 그것을 잘 찾을 수 있는지보기 위해 여기에별로 없다 너 너 당신 라피가 바로 거기에있을거야

여기 위의 컨테이너 클래스를 강조 표시했습니다 아래쪽에서 맨 아래까지 주 내용 컨테이너 점이 표시됩니다 배경색은 그걸 가져 가고, 전혀 보이지 않는다는 것을 알 수 있습니다 실제로 표시되는 것은 있지만 배경색이 없으므로 그것을 제거하기 위하여 그것을 볼 수 없다 나는이 작은 것에 의해 다만 right-click를 할 것이다 곱슬 검은 브래킷은 여기에 새로운 라인을 열 것입니다 난 그냥 조금 넣어거야 CSS 코드 표시 코드를 아니요로 설정하면 표시되지 않습니다 괜찮 았어

하지만 일단 우리가 이것을 새롭게 했거든 페이지로 돌아올거야 그래서 그냥 왼쪽 클릭하기 전에이 메인 컨텐츠 컨테이너를 복사하고 드래그 난 그냥 화면 끝까지 내려갈거야 이제 아무 것도 갈 필요가 없어 우리의 테마 옵션들 내가 여기에서 열어 보았습니다

그것은 당신의 메인 컨트롤 패널에 있습니다 여기 Divi 테마 옵션이 있으며 아래쪽에서 오른쪽 아래로 스크롤됩니다 나는 맨 처음부터 시작하겠다 나는 이것에 대해 많은 논평을했다 우리는 실제로 이것을하기 전에 이것을 주석 처리했습니다

그래서 여러분은 그것을 볼 수 있습니다 저는 앞으로 슬래시 스태프가 앞으로 슬래시를 주면 제목을 줄 것입니다 다시 찾는다 나는 틀린 슬래시를 질문하지 않고 타이핑 했으므로 말하고있다 별표의 중간에 릴리를 표시하고 코멘트를 달 수 있습니다

이제는 사이드 바를 제거 할 필요가 없습니다 이제 커플을 내려야합니다 그 코드에 붙여 넣기 만하면 실제로 닫는 것이 필요합니다 그것의 마지막에 둥근 괄호는 정말로 중요합니다 닫힌 중괄호를 한 번 저장하면됩니다

그것은 그들이 페이지로 돌아가서 검사원을 없애 버렸습니다 여전히 거기에 있어야하는 것과 똑같이 있어야한다 당신 그래서 거기에 그 작은 구분선이나 사이드 바를 제거하는 방법이 있습니다 주요 내용과 카테고리 섹션은 지금 내가 말했듯이 내가 여기있다 Divi 테마를 사용하면 요즘 대부분의 것들이 사용자 정의 CSS 영역을 사용하면 테마를 업데이트 할 때 모든 커스텀 CSS는 Divi가있는 커스 터 마이저에도 많이 있습니다

맞춤 설정 도구 우리가 여기서 내려다 본다면 에디션이 있습니다 CSS와 똑같은데 거기에있는 비트와 똑같습니다 그냥 거기에 넣어 대부분의 테마는 지금은 그들이없는 경우 제어판으로 돌아가서 대부분의 WordPress 테마로 해보겠습니다 여기 편집기에서하지만 이것은 정말로 중요합니다

편집장에 넣을거야 테마를 업데이트하면 자녀가 될 수 있습니다 실제로 거기에 넣은 CSS를 덮어 씁니다 귀하의 질문에 대답 희망 마리아 나는 전에 코드를 준 그래서 확신 당신은 아마도 지금까지 해본 적이 있습니다 그러나 그것은 그 작은 것을 제거하는 방법입니다

두 섹션 사이에 줄을 나눌 수있어서 당신에게 도움이 되었기를 바랍니다 YouTube 채널을 공유하고 구독 해주세요 웹 개발에 관심이있는 사람은 아래를 내려다 보았습니다 무료 코스 및 거기에 몇 가지 프리미엄 코스가 있습니다 YouTube 가입자에게 큰 할인 혜택이 주어 지므로 한번 더 살펴보십시오

이 시스템에서 제이미 22 및 웹 디자인 및 기술 팁을 주셔서 감사합니다 좋은 하루 되세요

Bootstrap change a one page scrolling website into to a multi page bootstrap website

안녕 얘들 아,이게 제이미 http://wwwsystem22

net에서 좋은 웹 디자인 통신 훌륭한했다 내 비디오에 게시 된 질문 누군가 한 페이지를 넘기는 방법 다중 페이지 웹 사이트로 사이트를 스크롤하는 것은 실제로 우리가 가지고있는 것은 정말 쉽습니다 우리의 부트 스트랩 한 페이지의 사이트가 여기 아래로 스크롤하면 모든 것을 볼 수 있습니다 사이트는 사실 내가 할 수있는 코스의 일부인 링크를 사용합니다 부트 스트랩 템플릿을 커스터마이징하고 부트 스트랩을 만드는 방법에 대해 알아 보자 웹 사이트는 정말 빠르며 많은 사람들에게이 사이트를 고객에게 판매 할 수 있습니다

우리는 1-1 페이지의 스크롤 사이트를 가지고 있고 우리는 실제로 집에 대한 별도의 페이지가있는 다중 페이지 사이트로 전환하십시오 우리 서비스 팀 등 여기에 실제 웹 사이트가있는 폴더가 있습니다 우리가보고있는 우리의 스크롤 페이지 인 indexhtml이 있습니다 여기에이 폴더를 복사하는 것이 좋습니다

당신이 원한다면 아직도 원본을 가지고 있습니다 무언가 잘못되면 백업이 가능합니다 좋습니다이 과정을 시작하겠습니다 우리가하고 싶은 첫 번째 일은 우리의 index

html 페이지를 복사하여 Ctrl + C를 눌러 복사 할 수 있습니다 또는 마우스 오른쪽 버튼으로 클릭하고 복사 한 다음 사본을 붙여 넣기 만하면됩니다 그리고 저는 그 말을 세 번 할 것입니다 그래서 실제로 네 페이지를 얻었습니다 원본과 사본 3 개가 이제이 사본의 이름을 바꾸기 시작합니다

첫 번째 것은 약 두 번째 서비스와 세 번째 서비스가 될 것입니다 f2를 누르거나 마우스 오른쪽 버튼을 클릭하고 이름을 바꾸고 지금 연락 할 수있는 이름 바꾸기 우리는 효과적으로 4 페이지를 가지고 있고 우리가하고 싶은 것은 각 페이지를 편집하고 우리가하는 콘텐츠를 유지하고 싶지 않은 콘텐츠를 제거하십시오 첫 페이지 인 인덱스 페이지를 먼저 열어 보겠습니다 로드 브라우저로드 항상 인덱스를로드합니다 HTML 첫 번째 또는 인덱스 도트 PHP 경우 괜찮아요

언론 보도입니다 우리 브라켓 소프트웨어로 이것을 열어 보겠습니다 내 동영상을보고있는 사람이라면 대괄호가 자유 텍스트인지 알 수 있습니다 이 소프트웨어를 여기에서 편집하면 아래 링크에서 다운로드 할 수 있습니다 이 동영상은 괜찮습니다 우리가 남길 수있는 색인 페이지의 제목입니다

그게 우리가 할 일은 롤링을 시작하고 우리가 원하지 않는 섹션은 여기에서 우리에 대해 우리가 원하지 않는 섹션입니다 페이지를 빠르게보고, 우리가 원하는 것을 보아라 우리는이 큰 슬라이더를 유지할 것이다 여기 내가 왜 우리를 선택해야하는지, 아니면 그것이 우리가 생각하는 섹션입니다 네 알았어

나는 이것을 정말로 빨리 할 것이고, 계속 가야하고, 뭉치를자를 것이다 당신이 그것을 할 때 분명히 물건을 더 많이 넣고 싶을 것입니다 거기에 우리 괄호에 가자 오프닝 전투 태그를 선택하면 About 섹션에 있습니다 당신을위한 태그를 닫는 것뿐입니다

조금 더 깔끔하게 정리하고 계속해서 삭제하십시오 당신이 원하지 않는 섹션과 ctrl이 이것을 저장하는 것은 우리가 될 것입니다 현재 첫 페이지는 다음 페이지에서도 똑같이 수행됩니다 괄호로 열어 보겠습니다 이번에는 제목을 여기까지 바꿀 것입니다

잠시 후에 링크를 변경하는 방법을 알려 드리겠습니다 여기에 우리 Salida가 있습니다 나는 그 오프닝 섹션 태그를 칠거야 닫는 것을 선택 했으니 그 슬라이더를 없애 버리자 ctrl을 써라

다시 한 번 귀하의 콘텐츠를 검토하고 수정하기를 원할 것입니다 나는 여기서하고있는 것보다 신중하게 다음 페이지로 돌아 가자 우리 대괄호로 열어 보면이 제목을 편집 할 것입니다 브라우저 탭에 나타납니다 메뉴가 나타나면 다시 시도 할 것입니다

기본적으로 모든 것을 접촉 양식으로 가져갑니다 여기에 많은 것들이있어 연락처 섹션을 삭제하면 해당 페이지를 저장하고 다시는 그렇지 않습니다 아무런 문제가 없기 때문에 그것을 통과 할 것입니다 그러나 당신은 똑같이 할 것입니다

다음 페이지에서 이름을 바꿀 것입니다 맨 위에 신속하게 이름을 바꿉니다 서비스 그리고 슬라이더를 없애 버리자 사실 아무 것도 없다고 생각해 그것이 모두 동일하기 때문에 전혀 요점은 당신이 내가 편집하고 싶을 수 있습니다

완전히 다르게 그래서 우리는 효과적으로 4 개의 다른 페이지를 얻었다 이제 indexhtml 첫 번째 페이지로 돌아가 봅시다 이제 여기에 우리가 있습니다 우리가 지금 페이지 상단으로 돌아 가면 우리 메뉴와 우리가 원하는 모든 것이 있습니다

여기서 할 일은 집에 있고 실제로 href를 이름으로 변경하려고합니다 우리의 페이지는 HTML 페이지이고 그 다음 페이지이기 때문에 인덱스 도트 HTML입니다 우리에 관해서는 괜찮습니다 그래서 우리는 우리의 페이지 이름을 기억하고 싶습니다 연락처 및 서비스는 실제로 HTML입니다

이 모든 페이지가 끝나면 HTML로 표시됩니다 여기에 HTML 도트는 어떨까요? 서비스는 우리가 여기에 넣고 싶은 것을 추측합니다 그것은 서비스 HTML입니다 ' 마지막 연락처는 연락을 취하고 우리가하지 않는 것을 지우겠습니다 물론 더 많은 페이지를 가지고 있다면 우리는 더 많은 것을 추가 할 수 있습니다

4 페이지는 우리의 서비스 접촉에 관한 가정을 여기에서 보도록하겠습니다 다른 페이지를 불러올 괜찮은 페이지입니다 여기서 순서가없는 목록의 시작 부분을 붙여 넣기를 원합니다 다른 모든 페이지에 비슷한 메뉴 구조가 있으므로 ctrl을 사용하여 이 ctrl을 그냥 복사하십시오 메뉴에 대한 정보 페이지로 이동하십시오

정렬되지 않은 목록은 모든 것을 선택하고 Ctrl 또는 V를 붙여 넣기합니다 마우스 오른쪽 버튼을 클릭하고 붙여 넣기하면 새로운 메뉴가 생깁니다 여기에 우리 페이지 및 서비스 죄송합니다 너무 많이 선택 했으므로 클립을 선택하면 클립하지 마십시오 여기서 작은 꼬리표를 모두 괄호에 붙이지 마십시오 왜냐하면 만약 당신이 일을한다면 제대로 작동하지 않을 것입니다

이제는 4 번 모두 우리의 페이지는 지금 우리가 우리의 사이트로 돌아 가면 맨 위로 돌아 가자 나는 새로 고침을하면 상단에 4 개의 링크가 표시되고 지금은 4 개의 링크가 있어야합니다 네 개의 별도 페이지가 있어야하므로 브라우저를 새로 고침 해 보겠습니다 우리는 네 개의 작은 링크가 있습니다 여기에 우리의 정규 페이지가 있습니다

우리에 관해서는 별도의 페이지 또는 나는 내가 생각하기에 변경하지 않은 서비스를 색인과 동일하게 만들 것입니다 기본적으로 우리의 접촉 형태 인 연락처와 동일합니다 우리는 여기에 남아 있습니다 우리가 다시 돌아 가면 우리가하고 싶은 마지막 한 가지는 괜찮습니다 지금부터 우리 페이지를 시작하겠습니다

이 메뉴를 편집해야합니다 각 페이지는 우리의 인덱스 페이지입니다 우리가 사용중인 페이지가 활성 상태로 표시되면 스크롤을 제거 할 수 있습니다 더 이상 스크롤하지 않기를 바랍니다 그래서 우리는 수업을 듣습니다

우리의 인덱스에서 활발히 활동하고 있습니다 순간에 대한 우리의 페이지로 이동하고 이번에는 그 활성 바로 거기 또는 우리의 활동을 활성화시키고 우리는 각 페이지에 대해 이것을 수행합니다 상관 없어요 스크롤을 제거하지 않으면 정말 당신이 그것을 알고 그냥 어쨌든 스크롤하지 않을 것입니다 너의 접촉을위한 것 내가 말했듯이 내가 거기에 남겨두면 너는 벗어날 수있다 왜냐하면 우리는 더 이상 스크롤하지 않기 때문에 필요하지 않기 때문입니다

죄송합니다 제가 잘못한 서비스가 있습니다 올바른 서비스에서 제공하는 서비스입니다 당신은 그 순간이 왜 그렇게 달라 졌는지 알게 될 것입니다 우리가 원하기 때문에 다른 활동을 지우는 것을 잊지 마십시오

한 사람은 메뉴에서 활동 중입니다 이제는 사이트를 다시 클릭하면 클릭하면 모두 저장됩니다 여기에있는 일은 이제 각 페이지로 갈 때 어떻게 보입니까? 우리가 거기에있는 페이지에서 강조 표시된 부분은 모두 활동적인 것입니다 끝난 그것들은 한 페이지 스크롤링 사이트를 별도의 페이지가있는 멀티 페이지 사이트입니다 당신은 우리 채널에 가입 해주세요

사이트는 우리가 udemy에 가지고있는 부트 스트랩 디자인 코스의 일부입니다 그것의 밑에 그것을위한 쿠폰을 발견하십시오 bootstrap 위치를 건설하는 방법을 당신에게 가르친다 시작부터 끝까지 매우 빠르며 서버에 업로드 프로세스가 포함됩니다 다시 한번 이것은 http://wwwsystem22net과 http://web-design-and-tech-tips

com의 Jamie였습니다 보고있는 주셔서 감사합니다 좋은 하루 되세요