How to design horizontal scrolling menu using Html and css

오늘은 너에게 보여 줄께 가로 스크롤 메뉴 디자인 방법 크기를 조정하면 효과가 나타납니다

오늘 우리는 이런 종류의 메뉴 내 채널을 구독하지 않았다면 구독하십시오 편집을 위해 나는 사용했다 숭고한 텍스트 당신은 그래서 더 멀리 비디오로 이동하자 여기에 새 파일이 있습니다 먼저 이걸 저장해 봅시다

데스크톱에 저장하십시오 여기에 텍스트 장식 밑줄 효과를 제거한다 이제 변경 사항을 살펴 보겠습니다 여기 우리는 약간의 변화를 볼 수 있습니다 하지만 여전히 우리는 어떤 스크롤링 함수 그래서하자 그것을 만든다

우리가 추가해야하는 스크롤 기능을 가져온다 과다 자동 및 공백 쓰레기 이제 당신은 변화를 볼 수 있습니다 이제 크기를 조정 해 봅시다 지금 여기서 볼 수 있습니다 변화 이 방법으로 디자인 할 수 있습니다

아름다운 스크롤 메뉴 내 동영상을 시청 해 주셔서 감사합니다 내 채널을 좋아하고 구독하세요

Diseñando una página web con HTML, CSS y Javascript – Primera parte

J & G Proyectos Web의 새로운 비디오에 오신 것을 환영합니다 Jeancarlos Molina가 Ica-Peru에서 항상 인사드립니다

이번에는 할 것입니다 HTML, CSS 및 Javascript로 처음부터 웹 페이지의 새로운 자습서 분명히 틀린 것은 아니지만 언제나 알고있는 플러그인이나 프레임 워크를 사용하지 않고 나중에 순수한 HTML 및 CSS로 이해하는 방법 일부 프레임 워크 나 플러그인을 사용하는 것이 더 좋습니다 이전에는 비슷한 페이지지만 이제 다른 스타일을 사용하고 다른 것들을 추가하겠습니다 너무 좋아서 며칠 전 페이스 북에 게시 한 디자인입니다 나는 몇 가지를 바꿨다,이 페이지는 반응 적이다, 봐라, 나는 크기를 줄인다

이제 여기에 버튼이 있습니다 작은 버튼이있는 메뉴입니다 Javascript를 사용합니다 만약 내가 더 많이 줄이면 그것은 하나의 칼럼에있는 것처럼 여기 있습니다, 그것은 완전히 반응합니다 이 디자인은 데모, 템플릿을 기반으로합니다

여기 w3layout에서 찾았습니다 이전에 우리가 볼 수있는 곳에서 보여 줬던 웹 사이트입니다 어떤 디자인은 영감을주고 배우기도합니다 웹입니다 봐요

매우 비슷합니다 분명히 여기에 이렇게 추가하지 않은 것들이 있습니다 예를 들면 시간이별로 없기 때문에 기본 사항을 다했습니다 갑자기 다른 동영상에서 더 많은 것을 추가 할 것입니다 다른 것들을위한 메인 페이지를 만들어 보자

우리는 나중에이 페이지를 디자인하기 시작합니다 메인 페이지 우리가 여기에서 시작하려면 무엇이 필요한가? 폴더, 나는 아무것도 갖고 있지 않은 CSS 폴더가 있습니다 약간 심상을 가진 img 폴더 및 나는 묘사에 당신을 연결에서 남겨 둘 것이다 arche tajo에는 경찰이있다 나는 아무것도없는 티나에서 시작하는 더 이상 그런 것이 없다 나는 흥미있는 파일을 만들 예정이다

크라이슬러 피하다 덴마크어가 새로운 것을 발견한다 나는 약간의 지식이 이미 필요했던 튜토리얼처럼 느낀다 화요일에 갑자기 설명하자 rk 예수님은 기쁨입니다 이 경우는 우리가 고전 지식을 가지고 있지 않고 생성 된 파일과 둔화 된 HTML 및 스타일 파일 포인트가 chivo 스타일은 본사가있는 CSS 폴더로 이동해야합니다

이 PSI는 내가 여기 상속 인 활성 파우더 스타일을 가지고 있습니다 우리는 그 힘과 zago 갈망 인 zablah를 날아간다 봐봐 내가 앤티예요 브린과 직장에서 폴더를 가지고 당신이 그것을해야합니다 또한 이 로고는 좋은 파일 열기 폴더이며 폴더를 선택합니다 그들은 일하러 간다 그것을위한 maquillara 폴더를 여는 소심한 웹 페이지 엔티티 본성과 안내자가 아니라 펠타 평등을 권장하는 쪽을 선택하십시오

포트폴리오는 여기에서 잘 작동합니다 나병의 다른 자산과 두려워하는 모든 것은 당신에게 릴을 남겨줄 수 있습니다 우리가 본능을 분명히 할 필요가없는 비디오를 보여줍니다 아주 열심히 항성 하나 90 그것은 링크를 적극적으로 할 수 있습니다 수천 명의 고전적 구조를 작성하는 지름길 예 예 새로운 itunes camba action은 실제 구조의 각주입니다

이름과 제목이 더블린 (dublin) 인 경우 여기 아래에 다른 lache recudida 링크는 그 아이들이 tss 폴더가 좋다는 CSS 운명의 작은 cesses는 cs에 연결되지 않을 것입니다 잘 그리고 ejidos 메타 던지기 판매에있는 유로 또한 추가 수준 점 saleapaga 응답의 배치는 페이지가 어떤 것에도 적합 할까 우려했다 화면 크기 신화 2 킬로그램 vp 그러나 그것은 커버하지 않는다 그리고 그것이있다 그리고 그 그리고 그는 나를 나에게 만들었다 sacchi 같은 아이콘도 파란색 성 일부 비디오 전에 관심이 돈은 오클리를 떠날 것이고 튀니지의 시간은 그렇게되지 않을 것이다

여기에서 우리는 castalla 아이콘을 가지고 있습니다 나는 소스를 가지고 있습니다 우리를 찾기 위해 키스하고 사이클 페이 스북을 넣어 이것은 내가 얼마나 많은 돈을 모을 지 모르니 빨리 건강을 유지하라 치유한다 나는 여기서 말한 시간을 가지고있다

그 좌석은 옆에 나란히 놓여 있습니다 소녀를 앉게하고이 이름으로 나는 ico 이름을 부를 것이다 여기에 여기 약탈자 sherlyn을 보존하기 위하여 온다 connio melo 예를 들면이고 무엇에서 당신이 볼 수있는 것을 사용할 수없는이 아들을 다운로드 할 수있는 퓨레 마음이 있고 그가 새 서버를 갖지 않았을 때 그는 아무 것도 할 수 없었습니다 지역 보안 사이트가 '정신을 차려 입지 마라 복식과 메탈 스탈린은 인도 출신이다

나는 복사 할거야 그리고 나는 css 아래에서이 멜로와 싸울거야 그 중 한 명은 그 사람의 fontàs에 대한 갈망하는 아이콘이라고 부릅니다 나는 내가 ratito를 잘 알고있는 근원을 돌았 다 그래서 우리는 할 수있다

여기에서 시작하고 미리보기로 이동하면 실제로이를 저장합니다 if 당신이 여기 당신이 당신의 폴더에 키스 할 것입니다 성운은 히스타민 주사를 나타내며이 실시간은 또한 당신이 아주 잘한 팀은 내가이 견해를 축소시킬 것이라고 생각하지 않습니다 먼저 작게 할 수있는 작은 구멍이 경멸 당한다 처음에는 모바일 목록이며 이미 데스크톱 크기로 올라갈 예정입니다

본사를 보여주기 때문에 그녀와 같은 두 회사가 지금있다 여기에서 나는 그것을보기 위해 대표단에 간다 어떻게 보일 지 너무나 좋아 보이기 시작했다 여기와 여기에 inglewood html과 히틀러 클래스와 섹스 클럽 섹스 이미 축에 라벨을 붙일 수 있습니다 컨테이너 용기의 내용을 제한하는 나를 위해 봉사 할 용기 시간 페이지 및 여기에 계정을 봐 페이지는 우리의 폭행 기금 및 모든 것입니다 그리고 여기까지 뻗어서 똑같은 것은 그 이후로 똑같습니다

잘 통제 된 그렇다면 어떻게 여기에서합니까? 운전자에게 카운터는 파일을 놓을 수 있습니다 나는 새로운 느낌이 들지 않는다고 느낍니다 서쪽은 광기처럼이 하나에서 단결합니다 그들은 당신과 함께 태어나지 않을 것입니다 갑자기 당신은 나중에 MS-2가 아닌로드 할 수 있기 때문에 수업에갑니다

디스크에 클래스 로고와 동일한 스파크 시간이있어 Leonor Lopez의 이름과 경비원의 이름 그리고 동시에 나는 그것이 힘과 디젤에 여기에 있으면 학급과 함께 아무것도 치지 않을 것이다라고 말했다 당신은 여기에서 볼 수 있습니다 나는 라틴계 인 제목을 조난이나 장소에 넣을 것입니다 메뉴 레이블에 샤론 l 서핑 이벤트에 올리면 24 올리세요 클래스와 dyn 그들 안에 라벨은 여기에 그들을 시작했다 그들의 사람들이 그들에게 강요하는 코스와 나를 잘 던져서 의사가 피어싱 할 수있는 다른 페이지들과 약 227 나는 다른 사람들이 어떻게 호스에 대해 서로 말을하는지 안다는 것을 응원했다

여기 그들은 그것들을 더 두드러지게 연결시키고 우리가 seattle 프로세서들을 떠나는 또 다른 방법으로 연결시킨다 하지만 이것들과 그것들과 심지어 내가 가지고있는 것은 이미 당신을이 순간에 묶어 놓았습니다 마침내 내가 할 일은 이들에게 가서 33 엔으로가는 것이다 모든 좌석 모든 것에 도움이되는 것은 아닙니다 음식 이쪽이 동쪽 일거야

그렇지 않으면 그들이 할 수 있지 않을거야 andoain 잘 봐 나는 바람둥이가 guaita의 안에서 그리고에서에 대해 말한다 나는 수업에서 라벨을 가지고있다 단지 법을 떠나라 Emiratis는 반에 의해 세르비아 사람에있다 2 그것을한다 여기에 당신은 여기에 없으며 우리는 irak와 sss로 간다

그 두 소스의 소스를 가져올 sgs dgs가 있습니다 모든 내용에 대한 소스 및 리넨 접근성에 대한 또 다른 강점 그리고 기금에 따르면 디자인은 sampdoria에 달려있다 mallorcan burgas를이 lafuente에 배치하는 것을 혼동하지 마라 나는 이것에서 원한다 이것을 사용하는 경우는 매우 그렇습니다

여기 내가 여기있는 것의 더 이상은 여기에서 근원을 추정하지 않는다 나는 킬로 또는 소나무를 쓴다 반복적 인 팀 lg 추종자들 이 나쁜 나는 보통 내가 발톱을 가졌다는 것을 안다 그리고 나서 너는 사람들이 나에게서 나에게 포즈를 취할 수있다 나는 chaves를 끝내므로 아이콘을 클릭하기 위해 클릭하고 연결하려고합니다

포틀랜드에서 이라크의 CSS 코드를 읽었습니다 거기에서 콩 빈 쿨레를 찌를 것입니다 거절당한 소스와 여기에서 적용된 영화는이 경우처럼 태어납니다 제목이나 치타 스 패치 134 chis 516을위한 것입니다 나는 그 남자에게 모든 헤드 라인을 말할거야

아무도 이것을 제거하지 않습니다 제목에 대한 소스의 유형입니다 나는 그들이 다스린다고 생각한다 이것이 각각의 일반적인 망명 편지 사이의 공간이라는 것입니다 그것을 5 번 포트로 구분하면 각자 내가 가야하는 기준 방이 보였다 그 미네랄이 25와 다른 미네랄을 붙인 것을 좋아하지 않으니까요 여기 건강한 삶의 원천은 셀레스트 멘 사지 토 미라가있다 boludos 여기에서 읽으십시오

그리고 건강은 같은 방법으로 더 많은 것을 말하거나 요청합니다 분명히 또 다른 쉬운 주제이지만 출처가있는 원주민입니다 치즈를 좋아하는 사람들은 그것이 여기 있다고 생각합니다 nira perez 우리는 모두 밖으로 나가는 성도들이 열려있는 성도가 아니며 여기에 샘물이 나왔고 에두아르도 라라가 천 바퀴를 쳤다 죽음과 그는 혼자이거나 집이 여기 d2에서 당신을 감싸고 있습니다

그들은 소스 요금을 밝힐 수있는 짧은 의심을했다 라틴어 copleston 나중에 나는 이것을 내려 놓을거야 x 그리고이 당신과 함께 근원을 지정했다 이전의 한 사촌 이니, 당신에게 그에게 당신을위한 표를 던지려는 사람이었습니다 그러한 종류의 문제는 식료품 저장실과 심지어 간장 같은 것들이 인터넷에 전화하면 북동쪽에서 바다에서 다운로드 할 수도 있습니다 다운로드도 매우 잘로드되어 있으며 지금까지 시작하겠습니다 분명히 saiz와 높이 스타일을 사용하고 판매 된 상자 인생의 모든 작은 것들이 무엇을 위해 무엇을하는지 설명 할 것입니다

환경 라벨의 100 % 이상을 차지하고 있습니다 사람들은 어때? 이것은 당신이 바라는 바를 이미 설정할 수있는 간단한 기본 사항입니다 우리는 빛으로 시작하지 않을 것이고 간신히 말하면서 나는 느릴 것입니다 시트에 몇 가지 나는 술집에 기반한 것처럼 그것을하지 않거나 그것이 될 수 있다면 그것을하지 않을 것이다 당신은 이상적으로 예멘을 좋아하지 않습니까? 스타일을 가꾸는 것보다 훨씬 더 많이 그가 조금 더 될 것입니다

리듬이지만 아름다운 링크가 만져서 호세를 표현하고 있습니다 유전자와 가장 먼저 할 일은 당신이 가장 기본적인 60에서의 결투 높이를 원한다는 것입니다 컨테이너에 자아가 더 많으므로 그는 우리가 거기에서 언급했다 현장 및 연방 준비 법에 제한을 가하는 회계사 앨범에서 그릴 때까지 또는 다른 앨범에서 그릴 때까지 다른 앨범을 놓으십시오 그것은 담배를 피우는 사람이기 때문에 이벤트가 있기 때문에 거기의 약간의 집은 빗나 갔다 블록 요소입니다

ic 40 픽셀과 같은 라인 요소는 32입니다 내가 여기있을 때 내가 아는 학위 이 흥분된 정액은 그의 코드를 인용 할 때 이것을 인용 할 것이다 그 공기 klum 폴로 여전히 '나는 그 하얀 색으로 당신을 빌려주지 않을거야 거기 배너를 부여하거나 지우지 않고 배너가 올라간다 ayelén 특정 방법은 작은 버튼에 불을 붙이면 관심 없음 및 stat3 리그의 이정표는 치료법이므로 x는이 센트럴리 방식으로 보인다 수직과 5 개의 섬의 점보와 함께 거의 orosia와 지금까지 보이지 않는다 그것은 오늘날 세계가 b에서 어떻게 살아가고 있는가에 대한 것입니다

당신은 한 달 안에있는 사람들에게 간다 네, 여기서 멈출 수 있습니다 거기에서 벗어나기 위해 포지션을주고 나는 092에 활동 충분하고 분 단위로있을 것입니다 웹 메뉴에서 arenal에서 모든 스타일을 제거하는 아름다운 s의 항해와에 바덴 마들렌 지금이 경우 alda는 모든 것을 제공해야하므로 아래에 있습니다 이 사진은 여기에서 모두 60 픽셀이었습니다

너비가 100 %이기 때문에 우리는 이미 모두에게 조나스 옥수수 1 컵을주었습니다 비율 내가 할 일은 여기서부터이 성취에 이르기까지 그들을 보지 마라 그것을 극복하는 것에 해병대가있는 공간이 있다는 것을 프로에 위배하십시오 그들과 악마도 멜로 기생충 ldu과 메뉴에 그것을 줄거야 초록색의 기초가 될 것입니다

나는 이것이 티가 존재하지 않는다는 것을 원합니다 그 다음에 여기에 소비자를 묶어 놓아야한다 사이에 공간을 포함 폴란드어 스트레스 또는 이모와 같은 세부 사항 레벨은 그의 유기체를 연결 한 사람이고 우리는 그를 여기 볼 것이다 lucila see 그들이 너 안에 요리하는 방법 우리는 갈 것이고 이것처럼 두지 않을 것이다 네가 역을 유지하는 것처럼 우리가 그에게 준 onu를 눌러라 그 공간을 유지하다 그럼 집에 없기 때문에 그는 여기이 앨범에 돛대에 대한 뉘앙스는 이미 똑같은 방식으로하는 것이지만 유순한 광산에서는 더 중요합니다

진행 상황을 보아서 가장 강인한 차가 그것을 추진하는 것이 이미 좋다 그리고 전체 구석에있는 사람들을 위해 그리고 그가 능력있게되기 위해 제거한 것들 그래서 그것은 좋아 보인다 그래서 나는 그것을 더 이상 보지 않기 때문에 계속되는 연기 다 이제 우리는 구타와 조율의 메뉴를 디자인하려고합니다 링크는 읽음이 그들을 읽지 못하게하는 라벨임을 기억합니다 2 a 의사는 η가 멘톨이 아니라는 것을 보여줍니다

덩굴 나는 화소 색 아버지가 10 분의 1을 줄 것이다 2 detrick 그러한 밑줄을 긋는 시대의 상태의 색깔은 그들이 가지고 있지 않은 것과 내가하려고하는 것 그것은 2,000 명이 넘는 패스가 경기를 통과하는 이벤트 인 경우입니다 흰색 바탕에 색상을주는 마우스 선물 더 많은 시간을 보내지 말고 교회에 갈 것입니다 왜냐하면 2015 년에는 이미 그 문어이고 이미 그 부분에 이르기까지 이미 그 부분은 운동 선수들과 함께 벌써 일어난 일입니다 사교 및 아키 이 흉상이 아이콘은 그가 슬퍼하고 울부 짖었을 때만 나타납니다

그래서 아주 좋은 표를 얻었습니다 거기서 그들은 Aragonese를 먹었습니다 성공은 여기에있다 충분히 활용되지 못하는 kim work alex g 그래서 나는 중국인 나환자의 모습을 만들거야 내가 수천을 소유하고있어

meo 파일이며 put 폴더의 js 폴더에서 비행 할 스타일입니다 여기서 말하기를 중단하면 국가를 가리키고 심지어 총점을 여기 hob의 sarral volodymyr가 bob에 있고, 여기에 링크 할 것입니다 왜냐하면 그 시점에 호텔과 파리는 어떤 것을 사용할 것이기 때문입니다 알리 누가 나에게 이걸 쓰려면 무엇이 필요한지 아는 사람은 volpe local과 napo 또한 스파이크 bayly에서 나는 메뉴에서 당신과 당신을 pt 수있을거야 네트워크의 당신은 1000과 하나의 섹션 asad과 제인의 합병 비율에 그 포트 js에서 사치품의 tussam 또는 shakira와 화면을 반죽 그래서 우리가 할 첫 번째 일은 20nm 변형의 몇 가지 변수를 만드는 것입니다 그것은 저장하지 않을 것이다

이 경우 최고의 사람은 스팸이고 알리는 나와 떨어져 있습니다 그래서 그 메뉴 시간 또는 오히려 btn 알렉산더 부표 메뉴에 어떤 요소의 문서 점과 같은 요소와 그 ID와 이 요소를 수정 한 사람이 여기에 있습니다 tn과 검은 언덕의 변수는 그들이 당신을 어디에서 읽는지 이웃을 생각할 수 있습니다 그곳에 내가 여기서 낮잠을 구할 것이다 여기에 아무것도 저장되지 않을 것이다

발레가 말하는 이드의 스타일은 메뉴의 노동이다 이제 범죄는 clark이 여기에있는 버튼을 클릭하는 것은 새로운 베테랑을 베테랑으로 지내고 다음 이벤트를 진행할 것입니다 너가 할 때이고 너가 알 l 것을 무언가를 적용 할 때 있으 십시요 나는 기능을 갖게 될 것이고 그것은 내가 할 일이다 – 나는 낮잠 aldag가 vélez와 하나의 학급에 추가하게 될 것이다 우리는 부이의 중단 이후 그것이 부름을받지 않을 것이라고 믿는 어떤 수업을 가지고 있습니다 너를 공개적으로 보여주는 것이 틀렸다는 것을 보여줘

네가 여기 있는게 아니야 테네시에서이 동쪽으로 220 동에 칠리 칠 수있어 여기에서 시작 13pt 그때까지 내가 말하는 것은이 버튼을 클릭 한 것으로 계산된다 여기에 그들은 저장된 댐이 있기 때문에 그들은 리그와 알다 코냑에 있습니다 당신이 클래스 또는 스타와 quico sabaté와 그 규칙을 보여줄 규칙을 엉망으로 만들 것입니다

그것을 여기에서 여기에서 싸우십시오 나는 이것을하기 위하여려고하고있다 이미 얼음 인 것을 보인다 이 모델에 적어도 백 퍼센트의 전기를 그들에게주기 위해 여기에있다 며느리는 그걸 포기하지 않고 여기서 수업 3과 yandel 쇼를 만들 것입니다 집 박물관 atinele 0 당신은 내가 당신을 사랑하는 이들을 teldat 할뿐만 아니라 여러 지역 네트워크 비디오를 찾을 수 있습니다 이 초기 -100 % 점토 아이콘 수업을 따라 온 낮잠 원래 위치로 되돌아 가려하다 그 다음 우리는 그가 여기 저기에 뛰어 올랐던 방법을 보자

나는 여기에있다 그리고 그것은 단지 견본이다 그러나 미친 alatrista 모두 그렇게 여기에서 그 점의 dap 변화에 4 개의 센터 긍정과 지금 긍정 그들은있다 업데이트 알림을 두려워하지 않으면 아래쪽으로 이동하십시오 여기보기에 그것이 작동하지 않는 당신이 그것을 취급해야 그림입니다 제공 지역 및이 배들 클릭 할 때마다이 메뉴에 추가됩니다 쇼와 그것의 mozart 클래스는 0이다

그리고 그것이 수줍어했기 때문에 100 % varese ca osasuna baleares 및 siles 연구 시간을 어떻게 생각하는지 다시 생각해보십시오 예언자에서 우리는 이것을 말하지 않지만 css 순수한 세부 사항은 중재자 예를 들어 이전 모바일 및 문제가 이미 반환 나는 이제는 다른 세상을 찾기 위해 일하기 위해 운동을했다 우리는 현재 잘 작동하는 기능과 심지어 avila를 확인합니다 자 이제 2 개의 래펠을 가져 가자 그리고 너는 여기서 일어난다

그리고 우리는 banna를해야만한다 서로의 제목은 무엇 이었는가? 그리고 동시에 이것의 진흙 투성이의 조금은이 별장을 valente 할 예정이다 ~이다 여기를 잘 보시면 이미지를보고 내부에 퍼팅을해야합니다 컨테이너 대행사가 전체 너비를 차지하므로 클래스 및 이것은 라벨이 확장 된 것처럼 될 것이며 멕시코에서는 블레이저가 될 것입니다 콘테이너와 같은 수준에 콘도르 품목을 초과하고 포장하십시오 제목을 붙이고 이것을 h2와 쌍 정적 점을 씹어서 지적했다

natori 마을에서이 길을 잘게 썰어 거기에서 그들을 제거해야합니다 대니얼 (Daniel) 나는 어떤 수업도 듣지 않아서 그것은 강요하고 알을 단 하나 수준에서 여기에서 가득 차있는 연결 예약했다 그리고 alice dellal ndaje mg 부분은 HTML 형식으로 구조적으로 JPS 파일을 가리 킵니다 명예의 리자 그리고 여기서 우리는 당신에게 당신이 씌워 줄 제목을 줄 것입니다 좌석 및 교육 그리고 적어도 이것을 복사 할 수 있고 b의 킴에게 벌써 주중 하나가 있습니다 여기에 llanera는 계정 주변의 공간이 줄어들었고 싱가포르의 배가에 관한 싱가포르의 베가 발리가없는 바다 때문에 그들은 여기에서 산다

바디 밀크 mb에서 하이라이트 시간에 따르면 그런 marcel 더 진실하고 시간 태양 구조에서 벗어날이 마린 제로 무언가를 가질 수있는이 사람 벌써 가지고있는 술집과 술집 높이 그래서 내가 이기면 그렇게 해보자 여기이 바나나 일은 몰리너 바 스타일은 일반적으로 행해지는대로 알빈을 잰다 이라크에서 클래스를 만들고 클래스가 갑자기 선택된 billups 메뉴를 사용하면 항상 다른 요소가 있으므로 lille bekele 여기 dslr은 흰색을 알고 배경은 흰색입니다 그 중 천국의 나나는 제거되고 의식과 에벨 릭은 점차 줄어든 에스텔라를 태어나는 라벨링을 제한함으로써 그 첫 번째 기호가 이것은 dudince의 공로 클래스에서 홈 페이지를 읽고 공부합니다

당신이 다른 페이지에있을 때 선출된다 예를 들어 코스 페이지는 선거인이며 여기에 여기에 여기있는 날이 있습니다 이미 dic을 언급 했으므로 너와 네가 우리에게 말하기 때문에 너는 갈라지는 유대와 부드러운 너는 연결되어있어 개선하는 것이 좋다 그리고 지금까지 측면으로 황폐화되었다

그 중 b는 여기에 터키인들 사이에 있고, 링에서와 동일하게 적용된 셀 선택 쉘에 적용되었습니다 폭동의 대부분은 돛대를 반복 할 때 가장 좋다 이제 예술과 착륙선 둘 다 우리가 먼저 그들에게 원자가를 주려고합니다 내가 알바니아 2를 적게 넣을 아키 엔 아름다운 원리의 부전승으로 왜냐하면 투표의 천사가되기 때문에 사과가 경로라고 생각하기 때문입니다 데이비스는 고화소가 아니기 때문에 거기에 그다지 중요하지 않습니다

아래에서 픽셀 지금은 피하기 위해 모든 것을 다 커버하십시오 상대 위치와 카드를 적용 할 수 있어야합니다 지금 나는 로한이 일어나서 뒤를 따라갈 것이고 뒤에서는 덮지 않을 것이다 지금 투표 할 제목 날이 지금은 비어 있습니다 예 그들은 나를 여기에 와서 읽기 흰색과 뭔가 이상한 내가 거기있을거야 tito 2에 저항합니다

토픽이 나오고 이제는 quarter라고 말하면됩니다 32 쪽과 다른 범죄는 그대로 모바일에 있으며 우리는 그들이 보이라고 말한다 doces가 보이는 제목 나는 cgt라는 제목으로 가고 있습니다 죄송합니다 그 단락과 나는 목적지로 갈거야 왜냐하면 나머지는 여기에서 오는 everton 일 뿐이니까

그래서 2 악취로 시작하자 그것은 운전자가해야 할 일이다 위에 올라라 그것이 내가 자리에 앉기를 원하는 방식이고, 내가해야 할 일은 우리가 tineo에서 22 페이지의 짧은 repossi 위치는 그 때 빛이 없다 2 50 %와 50 % 법률 xy는 당신의 관심사이다 그것을 절대적으로 완전히 처리하고 100 %를 흰색과 흰색의 니콜라 사이토 같은 색깔이 좋은 사람은 남자 62 나에게는 elmander가있다 나는이 부분을하는 것에있어서 다른 부품을 보는 눈이있다 이 야자키의 향수는 메리 엘렌과 요크까지, 나는 프랫을 위해 나는이 리그 코드를 여기에서 최소화 할 수 있는가? 그래서 그것은 많은 HTML 코드를 귀찮게하지 않는다

그래서 우리는 득점 원을 만들려고합니다 그가 수업에서 다치게 될 것 인 이래로 학급 mei lan 사용과 더불어 잡음은 그렇지 않다 그들에게 갈기를주십시오 그리고 지금 여기 또한 법에 의해 사용되고 있습니다 주어진 인구를 제한하여 내용을 제한하고 우리는 싸울 것입니다

이 칼럼 k3 칼럼니스트 여기에 여기에 우리는 수백 수천 개의 섹션 중에서 수업 및 기사와 함께 선택한 수업 하나는 그들이 각각의 내부에 진정한 세 가지 모습을 보게 될 것입니다 태그 같은 시간에 나 자신에게 말한 엿보기는이 어려운 제목에서 볼 제목이 열립니다 기억 추기의 지름길이라면 자라는 종족으로 직접 가라 동료들에게 나에게 자일스를 만들어라 대괄호 지금 당장은 그렇게 될 것입니다

바로 h2를 h2로 놓을 것입니다 kiel 클래스와 열심히 그리고 거기에 또한 열쇠와 바구니에 나를 준다 제목과 달러를 넣는 것이 좋기 때문에 세 가지 모양으로 열거됩니다 10 월 29 일 황소의 그리스가 가두리에 가면 진짜 페이지에있다 토마스 페레즈 그래서 그들은이 제스처와 함께 제목 3과 같은 시간 단락과 낭종을 알려줍니다 그리고 작가의 단락에서 북동쪽의 나머지는 만들어지지 않았고 거기서 그들은 그들에게 벌금을 부과하지 않으며 심지어 부과 할 타주 야 기록을 밝히기도한다

당신이 xunta하고 클래스 힐스 호텔에 의해 예술이나 양심 수 있도록 출구 너의 기둥에있는 세 기사와 내가 분노를 가지고있는 각 기사 안에 img 연결된 이미지가 있고 이미지를 멈추고 두 번째는 멈 춥니 다 음식을 올린 e2 클래스입니다 제목을 보면 우동이 들어 있습니다 두 개의 일괄 처리 및 채널 내에서 그리고 그것은 실수였습니다 나는 지금까지 모세트와 그 퇴임 기념 기념식의 그것들 중 하나 나 둘을 위해 두 가지를 가지고있다

incognito quezada 귀하의 존엄성은 모든 강철 파일 gades를 매우 충성하게합니다 그래서 여기에 우리는 요즘이 일을 시작하려고합니다 우리가주는 아주 좋은 10 년은 여기에 묶여 있습니다 산트 조안의 색상과 같은 색상의 색상 이 여기로부터의 우리 170의 lic 그러나 수천의 표의 하얀 색의 balain 중의 1 개 20 킬로가 이미 잃어버린 모래 더미에서 날아간다 그리고 여기는 아주 가깝고 갑자기 배너를 만들 수 있습니다

30의 스케이트 투표의이 mahler는 또한 당신에게 새로운 siat의 우편물을 보낸다 기준은 실제적으로 존재하며 학생들은 외부에있을 수 있습니다 2 달러는 당신이 다른 소금에 의존하는 일을 사랑하게 만들 수 있습니다 여기의 일부는 내가 매우 빛이없는 화장실입니다 격납고가 그 다음에 둘 다되고 GBA가 절정에 이르면 줄이기 위해 만들어졌다

섹스를 연마하거나 코스 종류와 함께 렌더링하면 그 종류의 코스는 봉급을받을 것이고 다섯 번째는 타이틀 과목이되지 않을 것입니다 그런 다음 그것을 사용할 수 있습니다 비슷한 스타일의 두 섹션을 제안합니다 그래서 나는 시간이 지나면 볼 수있는 도장을 찍을 것입니다 그들은 우리가 이곳에 연구실을 배치 할 것이라고 말하면 방은 2 %이고 에스토니아는이 네 명의 다이버 중 네 명이있을 것으로 예상됩니다

제목이며 각 채널 내의 해당 열의 채널 내에서 멕시코에 알려라 그리고 나는 이전의 하나가 cech의 것 인 것처럼 그것을 할 예정이다 기도하는 의사를 태운 후 빨간색과 검은 색 숫자의 여기서 같은 시간은 설명 23과 같을 것입니다 disc에서 babel fiction course 수업은 822 년에 3d가 될 것입니다 제목은 여기에 있습니다 h2n2 2h 12 아이콘이 패배합니다 집안에 세번째로 우리가 그를 넣고 싶으면 세실 코스와 같은 시간에 클래스 동조와 동북 10 가스를주고 볼 수 그것은 매체가 표적에 많은 1910 년을 의존 할 수 있고 그 때까지는 확실 할 수 있습니다 바로 가기를 누르십시오

그리고 jezabel은 수업 과정을 통해 세션을 갖습니다 우리가 여기서 언급 한 것처럼 제목기만은 특별하게 만드는 용도로 사용하는 것은 스타일을 가지고있는 기본입니다 용서가 만료되었다는 제목의 잘 제목이 만들어졌고, 어리 석음 laxe 코스 칼럼이 네 곳있다 그것들과 각자 안에 계보의 종류가 있고 멕시코에서 이별 한 계보가 있습니다 포함 할이 최하위 도로 바이알이 될 클래스 코스 설명 그 편지와 화장실 3 나는 바로 여기에 실업이 많이 시험되었다

우리는 앞쪽에있는 유전자에 대한지지를 여기에두고 싶습니다 시장을위한 걷어차 기에서 돕는 것은 베스트 그러나 읽는 것을 결정했다 언젠가는 힘이 더 리듬의 튜토리얼이 될 것입니다 심지어 3 청취자와 함께 웰 섹션의 ml 세트는 이미 매우 좋았으므로 많은 일을 해봅시다 여기에서 끝내자 스타일을 아주 잘 넣으 려하고 여기에 우리가 갈거야 뭔가 다른 것을해라

거기에 우리는 제목을보고 놓치지 제목을 사냥 estros 그 사실입니다 제목 세션 제목이 아니기 때문에 항상 이벤트가 될 것입니다 나는 결혼하지 않았다 왜냐하면 우리는 눈물이 아니기 때문이다 닫기 및 zenten 그들은 덜 귀엽다 색깔은 여기에서 그리고 일반적인 스타일의 기본 즐 로티 인 것 언급하겠습니다

이미 다른 여러 섹션이 이미 여기에서 투표 할 것입니다 여기 도착한 모든 것이 바로 여기에 있습니다 장군이 될 수 있으며, 그것은 당신에게 달려 있습니다 여기 전체 레이스는 자연 자원에 대해 아주 잘 설명되어 있습니다 cerati은 텍스트를 포함하는이 시장은 항복을 선택하는 것입니다 이미지와 cimmyt보다 충분히 높았습니다

그래서 그는 그의 모습과 20을 집행했습니다 이 osn 천사는 연무에 의해 주머니 위치에 상대적으로 우리가 당신에게 줄 것 인이 허구의 과정 0-0으로 제거하고 커다란 부상에 대한 고통은 이미 000이 될 것입니다 4 세계 그것은 하나님에 달려있다 전체 세계에서 얼마나 강한 지 물어보십시오 칠레 전체 표제어를 넣을 수 있다면 칠레 표제는 그의 직함입니다

60시 방향에 베이비 시터로 표현할 수있는 곳이 거의 없을 것입니다 제목에 60 % 논리적 퍼센트 그것은 3입니다 katy 그들은 ds5 yes라는 ​​규범이있는 시간이 될 수 있습니다 이 무언가에 모든 것을 걱정하는쪽에 악천후는 다섯 마리의 돼지를 모든 높이와이 동부의 CD들과 함께 제공된 기회 5 천명의 아버지 5 개의 발바닥은 내가 텍스트를 원했던 스터드가 얼마나 오래 있는지에 달려 있지 않습니다 꽤 많은 살리나 계정 데스 에이스와 책임있는 이들의이 모사 사 판매 이미이 부분과 스트레칭은 더 이상 범인이있다

작은 시간은 이미 2 달러가 넘는 경우에 이미 다른 시간에 suterh하지 않습니다 fura와 휘발성 물질을 연결할 수있는 밀리 아의 유지 보수를 우편으로 보내라 콘텐츠를 제한하려고하지 않는 것은 콘텐츠를 제한하지 않을 것인지 여부에 달려 있습니다 네가 원하면이게 비용이되는거야 여기 그리고 머리카락에 의한 용기의 고갈이 가능하다 그래서 주식과 IEC의 로시와 미래에 우리는 사회적 dc 그것은 dro의 아이콘에 있어야 할 것입니다

나는 그 4 줄처럼 놓을 것입니다 너는 너의 이름을 각각 지정해야만하는 또 하나의 날이있다 그 아이디어를 만들기 전에 이미 4 번, 사회의 매가 오늘 수준 2의 단락을 ghundi social word까지 올리면 레벨 이라크 세속화에 보복을하지 말고 왕과 소토에게 모욕감을주지 말라 그의 시력이 나온다 알콜 트위터는 그들이 우리가 휴대 할 수있는 이름이라는 것을 기억합니다

우리가 그들을 발견했을 때 합의했다 폭풍 그를 위해 모델 틱틱 내가 아는 것은 vélez와 그 모양으로 나는 이미 저격 범을 가지고있다 css amosan trabajito 너무 더 조용하고 미래에 우리가 선택할 것입니다 아라곤의 네 명과 세 번의 백인 스트레스와 세스크와 함께 그게 당신이 모드에 레이블을 붙일 수 있도록 나는 그들이 어디 있는지 그리고 모든 사람들이 아닌지, 그리고 거기에서 그곳에 있는지, 어디서 왔는지를 말할 것이다 닫는 것에 각각 여기에서 너는 이미 네트워크의 lic을 놓아야한다 애도해야했다 사회에 슬퍼하는 협정과 지금까지 dirimirán 왕이 당신 dedyn해야합니다 티켓 가격과 지금 우리가 선택하려고하는 힘이 있다면 2010 년에만 아닙니다

tellta는 격려했다 지금은 모든 ticos 사냥꾼과 지금 좋은 똑똑한 방어와 외출의 그래서, 모든 수업을 진지하게하거나 그들 모두는 내가 좋아하는 것으로 시작한다 그것들의 psu 내에서 오는 것은 그 클래스의 진흙이다 터키의 경우와 마찬가지로이 경우 학교 축구장에 있습니다 모든 아이콘 alex a 밝은 붉은 색 연의 장점 상태 장식과 작은 픽셀 3010으로 그것을해라

Don Vito Chico가 여기에서 볼 수 있으므로이 색의 안경을 착용 할 것입니다 펀드와 바트 라 또는 법원의 유머는 50 만 킬로 50 퍼센트의 빨강을 얻고 우리는 각각의 최고와 예술을 확인해야합니다 50-50의 wii과 그 라인 보완 때문에 여기에 적용되지 않습니다 그리고 터널은 50 층의 딸이 당신도 원하는 40 층을 얼마나 잘 보여주고 있는지 보여줍니다 40 목록과 이것까지 그리고 우리는 당신이 알고있는 것을 지정할 수 있습니다 그는 갑자기 사회에 진입했고 다른 5 명은있을 수 있습니다

아이콘은 콜라 드 아카를 생각하는 클래스이고, 아이콘은 사교와 동시에 치유하고 잘 사는 삶의 내면 저와 존 얌 야들린이 이것을 만들기 위해 다리아에게 맹목적인 부분을주었습니다 그것 때문에 그것들은 그것과 같은 6 마리의 뼈 고래를 극대화했기 때문에 답을 얻었습니다 그래서 그것은 이미 매우 과감한 형제와 컴파일러의 목소리로 날아갑니다 estricary 잘 보정됩니다 / 비디오 borrico에 의해 친구도이 동영상의 첫 번째 부분에 남겨두기 위해 전화를 걸지만 내가 옷을 입을 때 비행 시간을 내면 즉시 다른 부분을 씻을거야 이 기회에 진정제를 읽을 때 이렇게 새들을 키우시오

우리는 강철을 고안 할 수 있고 당신이 우리를 따라갈 수 있다는 것을 기억하면서 기다립니다 당신이 할 수있는 모든 트위터 확장자로 수족관에 의해 잘 믿어지기 때문에 우리를 따라 가서 수건을 상담하십시오 당신이 원하는 어떤 직업에 대해서도 메일로 프로젝트를 만들었습니다 그것이 될 수 있고 거기에서 웹 디자인 코스에 들어갈 것이라는 것을 기억하십시오 자네의 모든 영사가 그래서 만약 당신이 진지하고 호텔이 오면, 그 작가는 스토킹을 구독하고 그 다음에 다른 사람이나 친구와 함께 나타나지 않는다

우리가 볼 수없는이 첫 번째 비디오에 대한 좋은 반응은 줄리안에서 언덕과 우리는 관계에 그것을 본다

How to Work Remotely & Adobe XD to HTML CSS JavaScript Tutorial

Angga Risky 채널에 다시 오신 것을 환영합니다 이 비디오에서는 프리랜서로 원격으로 작업하는 방법을 보여 드리겠습니다

또한 Adobe XD 및 JavaScript CSS HTML로 미디어 플레이어를 수정하는 방법 우리는 먼저 Adobe XD 소프트웨어를 사용하여 디자인 한 후 나는 발리에서 내 친구에게 전화해서 우리를 도울 것이다 HTML 및 CSS에서 작동합니다

좋아, 모두들, 곧장 가자 Ok, 우리는 Adobe XD를 사용하여 디자인을 마쳤습니다 그리고 예, 우리는 Yein에게 전화해야합니다 그녀는 지금 발리에 있습니다 하하하

우리는 지금 전화해서 HTML CSS와 JavaScript 작업을 도와 줄 것입니다 응, 내 핸드폰 어디 있니? 먼저 전화하게 내놔 Hi Yein, 방금 디자인을 마쳤습니다 도와 주실 수 있습니까? Yein : 그래요 좋아, 어떻게 디자인을 당신에게 선물 할까? Yein : 아마도 화상 통화에 Appear

in을 사용할 수 있습니다 좋아, 그럼 너를 외모에 전화 했어? 예, 그는 우리를 도우 려하지만 우리는 먼저 그에게 디자인을 보여줄 필요가 있습니다 어떻게? 나타난다 그냥 가라 이제 우리는 Appear에 있고 나는 원격 작업자로 일하는 방법을 보여줄 것입니다

나는 발리의 자카르타와 예린에 아주 멀리 떨어져있다 그러나 Appear를 사용하면 더 쉬울 것입니다 그래서, 이것은 Appear, 안녕 Yein입니다! 디자인을 구현할 준비가 되셨습니까? 하지만 먼저 디자인을 보여주고 싶습니다 그 후에, 나는 자산을 너에게 보낼거야 알았어, 내 스크린을 공유하게 해줘

오, 먼저 확장 프로그램을 설치해야합니다 당신을 위해 Appear extension을 먼저 설치하는 것을 잊지 마라 Ok Yein, 내 화면을 볼 수 있을까요? Adobe XD를 사용하여 디자인을 마쳤습니다 너는 그것을 좋아하니? Yein : 네, 아주 간단합니다 이 웹 사이트는 아는대로 사진 작가 또는 비디오 제작자를위한 웹 사이트입니다

이럴 수있어? Yein : 아, 그래, 문제 없어 클라우드에이 디자인을 업로드하겠습니다 그 후에 나중에 액세스 할 수있는 링크를 제공 할 것입니다 그러나 Yein, 우리는 HTML과 CSS도 배우고 싶습니다 나중에 화면을 기록 할 수 있습니까? Ok 친구, 그건 아주 쉬웠다

맞지? 그래서 프리랜서와 리모컨으로 일한다면 Appearin을 사용할 수 있습니다 팀과 협업하기 좋아, 내가 일할 수 있도록 모든 자산을 준비하고 Yein에게 보냅시다 자, 여러분,이 비디오에 대해 많은 것을 배웠습니다 첫째, 어떻게 원격으로 작업합니까? 둘째, 팀과 함께 프리랜서로 일합니다

셋째, Adobe XD를 사용하여 디자인 만들기 마지막으로 CSS HTML 및 JavaScript를 배우십시오 동영상이 너무 유용하지 않다면 알려주세요 그리고 우리는 비디오 화질을 향상시키고 자합니다 미안해, 조명이 죽었어 그래서 내 얼굴이 불투명 해

인도네시아의 인사말을 시청 해 주셔서 감사합니다 나중에 보겠습니다)

Компиляция CSS- и JS-файлов в Laravel

좋은 하루 되세요! 이 비디오에서는 Laravel Mix를 사용하는 방법에 대해 설명하겠습니다 스타일 시트와 자바 스크립트 파일을 laravel로 컴파일하십시오

방금 Laravel 시스템을 설치했습니다 나는 laratestdev에서 사이트가 열리는 각각 laratest 프로젝트를 호출했다 다음은 설치가있는 콘솔입니다 이 프로젝트의 모든 파일을보기 위해 편집기를 살펴 보겠습니다

여기에 파일이 있습니다 맨 마지막에 webpackmixjs라는 파일이 있습니다 우리는 설정을 변경할 수 있습니다

Laravel Mix 시스템 CSS 및 JavaScript 파일을 컴파일합니다 여기서는 JS 파일이 resources / assets / js / appjs 파일에서 컴파일 된 것을 확인합니다 public / appjs 폴더에 배치됩니다

따라서 SASS 파일은 이 파일 또한 공용 폴더로 전송됩니다 소스 파일을 살펴 보겠습니다 resources / assets 폴더에는 js 및 sass 디렉토리가 있습니다 따라서 js에는 appjs 파일이 있습니다

그것으로부터 우리의 JavaScript 코드가 생성됩니다 sass 폴더에서 스타일 시트를 사이트에 추가합니다 생성 후, 여기에 파일이 해당 파일의 해당 아빠에 기록됩니다 이 파일들을 먼저 업로드 해 봅시다 우리 페이지 laratest

dev, 즉 프로젝트의 메인 페이지에 메인 페이지가로드되는 템플릿 파일을 찾으십시오 이렇게하려면 routes 폴더에서 webphp 파일을 엽니 다 사이트의 메인 페이지가 welcomeblade

php 템플릿에서로드되는 것을 볼 수 있습니다 여기에이 템플릿이 있습니다 따라서 스타일 시트와 자바 스크립트 파일을 추가합니다 우리는 다음과 같이합니다 <link href = "{{URL :: asset ( 'css / app

css')}}"rel = "스타일 시트"type = "text / css"/> 이제 javascript 파일을 추가하십시오 <script src = "{{URL :: asset ( 'js / appjs')}}"> </ script> 따라서이 파일의 CSS 스타일은 이전 가능합니다 컴파일이 시작될 SASS 파일로 이동합니다 그냥 복사 해

이 스타일을 잘라내고 불필요한 태그를 제거하십시오 파일을 저장하십시오 assets 폴더로 이동하십시오 새 스타일을 SASS 파일에 추가하십시오 탭을 제거하십시오

파일을 저장하십시오 그러나, 우리가 지금 우리 사이트를 다시로드한다면, 스타일이 완전히 없어 졌음을 알 수 있습니다 그냥, 이것은 우리가 다시 컴파일하지 않았다는 사실 때문입니다 CSS 및 JavaScript 파일에 대해 설명하고이 문제에 대해 설명하겠습니다 열어 라

명령 행 Laragon에서는 터미널 버튼을 사용하여 여는 것을 상기시킵니다 프로젝트 폴더로 이동 – 이미 들어 있습니다 그리고 우리는 npm run dev 명령을 실행합니다 이것은 파일 컴파일 명령 일 뿐이며 이제는 우리에게 적합하지 않습니다 사실 이것은 Laravel의 새로운 설치이며, 아직 설치하지 않았습니다

npm, 즉 명령을 실행하지 않았습니다 npm을 설치하십시오 이 명령을 실행하십시오 그녀는 우리 프로젝트에 설치할 것입니다 폴더 노드 모듈

여기 나는 작은 함몰을 만들고 내가 일했을 때 그것을 말하고 싶다 다음 명령을 사용하십시오 npm install 및 npm run dev Homestead를 사용하여 설치 한 Laravel 오류가 계속 발생했습니다 즉 이 명령은 결과로 실행되지 않았습니다 Laragon 프로그램의 도움을 받아 Laravel을 설치 한 경우 – 내 채널에 별도의 동영상이 있습니다

나는 이러한 오류를 바로 잡을 수 있습니다 명령 행의 모든 ​​명령은 강타로 실행됩니다 따라서 npm install 명령이 성공적으로 완료되었습니다 프로젝트를 살펴보면 노드 모듈 폴더가 추가 된 것을 볼 수 있습니다 가장 중요한 것은 지금이다

이전 명령을 실행할 수 있습니다 그것을 반복하겠습니다 npm run dev 이 명령은 CSS 및 JavaScript 파일을 컴파일하고 공용 디렉토리에서 겹쳐 씁니다 끝났어 작성된 파일

가서 페이지를 업데이트하십시오 – F5 우리는 우리가 스타일 추가됨 다른 명령을 실행 해 봅시다 – npn run watch 그녀는 이전 팀과 같은 모든 것을 수행합니다 파일을 컴파일합니다 그러나 컴파일이 완료되면 소스 자바 스크립트 및 sass 파일의 변경 사항을 추적합니다

변경 사항을 감지하자 마자 즉시 컴파일을 시작합니다 즉 편집은 즉석에서 수행됩니다 나는 그것을 지금 보여줄 것이다 계속하다 우리의 SASS 파일 및 변경 페이지 배경 여기에, 예를 들어, 색상

저장을 클릭하면 컴파일이 발생했습니다 이제 페이지를 새로 고침하십시오 우리는 이미 색을 바꿨습니다 마찬가지로, JavaScript 파일의 컴파일이 작동합니다 아빠에게 간다

assets / js 글쎄, 뭔가를 추가 야후! 편집 작업 – 기뻐할 이유 우리는 구할 수 있습니다 편집이 끝났습니다 우리는 페이지를 업데이트합니다 좋아! 실제로 이것은 Laravel에서 CSS 및 JavaScript 파일을 쉽게 컴파일하는 방법입니다

명령 줄을 추가하여 모드를 종료 할 수도 있습니다 Ctrl + C를 눌러야하는 컴파일 파일을 모니터링합니다 사실 모든 것 관심을 가져 주셔서 감사합니다!

Cara Membuat Template Responsive Dengan CSS Murni – Bagian 1

Bismillahirrohmanirrohim assalamu'alaikum warahmatullahi wabarakatuh 안녕하세요, 친구들, 내 이름을 중보기도에 소개합니다 cv

eaSYstem 채널에서 가져 오기 여기 튜토리얼을 공유하고 싶습니다 간단한 반응 형 웹 사이트 템플릿을 만드는 방법 HTML과 CSS를 사용하여 잘 여기에 나중에 웹 사이트 디자인을 준비했습니다 우리는 우리는 보려고 노력한다 우물 여기있다,이 모양이다 컴퓨터의 바탕 화면 모드에서 우리는 여기서 볼 수있다

맨 위에는 아래의 헤더 메뉴 두 개의 기둥이있다 왼쪽에있는 내용은 오른쪽에있는 것은 사이드 바입니다 다음 밑에는 바닥 글 예 확인 이것은 유행에있는 전시이다 모바일 또는 스마트 폰 이 모드에서는 나중에 숨기다 헤더 메뉴가 옳았다 나중에 우리는 버튼을 만들 것입니다 ~을 위해 전시하다 메뉴 그것을 보이고 숨기기 클릭하면 나중에 나타납니다

우리는 다시 클릭하여 숨 깁니다 그 다음은 이것이 내용이다 이 내용을 훨씬 밑도는 ~이다 그 사이드 바는 이 하나 계속 가다 사이드 바 아래에 바닥 글이있다

아래쪽이 바닥 글입니다 좋아, 시작하자 반응 형 웹 템플릿 만들기 오, 그래 안에 제조하다 이 웹 사이트는 조금 길다 예, 나중에 이 튜토리얼을 일부 파트와 공유 할 것입니다 이 비디오에서 우리는 머리말이나 메뉴 만 우리 친구들이 곧바로 열어 주네

텍스트 편집기 여기 나는 숭고한 텍스트 편집기를 사용한다 세 다음 편집자의 텍스트를 연 후에 우리는 html 파일을 만든다 indexhtml이라는 이름으로 이름이있는 CSS 파일 stylecss 우리는 새 파일 만 우리는 먼저 저장한다

저장하다 다음 우리는 그것을 같은 폴더에 저장한다 한 폴더에 친구가 폴더를 만들어주세요 저장 위치는 친구에게 달려있다 폴더 이름은 무료입니다 친구까지 예를 들면 나는 여기있다

이름이있는 폴더 만들기 desain_web desain_web 다음 html 파일을 위해 우리는 이름을 준다 나는 이전에 언급했다 예 나는 그것을 인덱스라고 부른다html 우물 그리고 친구들은 그 이름까지 달려있다

뭐든간에 친구까지 예 : exercisehtml 또는 tryhtml 및 기타 좋습니다 저는 indexhtml입니다

저장하다 그 후에 잘 그런 다음 CSS 파일을 만듭니다 새 파일 다시 우리는 다시 구한다 이름을 지어 라 스타일 css 이것은 또한 친구와 동일합니다

너는 알지 이 확장은 CSS 여야합니다 확인 우리는 구한다 우리는 indexhtml에 간다

처음 우리는 기본 구조로 시작할 것입니다 HTML 확인 우리는 코딩 중이다 먼저 doctype을 먼저 만든다 doctype HTML 그때 지금 이 함수는 말하다 브라우저에 무엇이 열려 있는지 html 파일 그렇게 나중에 다음은 html 태그입니다 들어가다 그런 다음 우리가 만든 html 태그에서 태그 헤드 우리가 머리 꼬리표를 만든 후에 본문 태그 늘 그렇듯이 ~처럼 이것은 기본 태그입니다

그 다음 body 태그에서 우리는 태그를 만든다 큰 소리로 말하다 제목 또는 직함 html 파일 우리는 단지 그것을 준다 반응 형 웹 다음 우리는 안으로 만든다 머리 태그, 우리는 연결을 만든다 ~까지 CSS 파일, 예 이 CSS 파일 태그 링크를 사용하여 가로장 이 철도 속성에 잘 맞는다

값은 반드시 나중에 틀린 경우 스타일 시트를 수정해야합니다 연결되지 않고 나중에 연결됩니다 href 속성을 만든다 여기있다 우리는 파일 주소를 채 웁니다

CSS 때문에 그래, 나 때문에 여기있어 내부 같은 폴더에있는 하나의 폴더 이름을 써주세요 stylecss 다음 여기에 이렇게 확인 오, 그래, 잊어 버렸어 왜냐하면 우리는 ~을 만들다 반응 형 웹 사이트가 하나 있습니다

그 태그 꽤 의무적 인 즉 메타 태그 메타 이름 속성을 가진 뷰포트 또한 content 속성 너비 이게 맘에 든다 다음 쉼표 오케이 1과 같다 우리는 다시 추가 최대 이걸 좋아해 그 후 우리는 몸 꼬리표에 간다 디자인을 살펴 보겠습니다

나는 그것을 만들었다 웹 사이트를 잘 만드십시오 우리는이 하얀 것을 볼 수있다 이것은 클래스 컨테이너 그래서 나는 한천 용기를 사용한다 기존 요소를 감싸는 데 사용됩니다

여기 예 먼저 div를 만듭니다 ~와 함께 계급 다시 본다 지금 여기서 볼 수 있습니다 이것은 여기는 메인 클래스로 구성되어있다

즉 헤더 이 중간에 ~와 함께 전화를 걸 수있다 연주하다 그 아래에 꼬리말이 있습니다 우리가 먼저 만든다 우리는 먼저 그것을 안으로 만든다 우리의 div 컨테이너는 div입니다

계급 우리는 단지 그것을 복사한다 이것은 재생 중이다 이 바닥 글 우리는 코멘트를 준다 div 헤더 맞다 그 다음 우리는 그렇게하지 말라

잊다 어지럽다 이렇게 다시 해봅시다 div 클래스에서 잘 이것을해라 두 개의 열 또는 두 개의 div가 있습니다 왼쪽은 내용이다 오른쪽은 사이드 바이다

우리는 클래스 이름을 부여한다 너무 쉬워요 다른 div 그것을 만든다 div 계급 왼쪽 수업 다시 복사 다른 것은 맞다 권리 다음 이것은 구조이다

기본 구조 우리는 보려고 노력한다 웹 브라우저 그럼 아직 아직 여기 없네 여전히 비어있는 우리가하지 않았기 때문에 그것을 줘라 내용과 아직 스타일을 주다 확인 다음 우리는 ~ 때문에 나는 이전에 언급했다

이번에는 비디오가 부분 만 만들 것입니다 헤더 우리는 헤더를 만들 것입니다 메뉴 헤더 우리가 사용하는 메뉴 만들기 ul 태그 좋아, ul 다음 ul 리 li 태그에는 태그가 있습니다 또는 하이퍼 링크 다음 href 우리가 만든다 담장 만 이런 집에 우리는 단지 그것을 바꾼다

예를 들어 다운로드 다른 하나 문맥이란? 이렇게 우리는 보려고 노력한다 이것은 목록, 목록 순차적이지 않다 우리는 나중에 메뉴가되다 이렇게 우리 스타일로 간다 잘 우리가 만드는 첫 번째 컨테이너 스타일 컨테이너 우리는 폭을 준다

나는 여기에 가득 차 있지 않기 때문에 여기에 잘있다 그래서 나는 너에게 거리를 줄 것이다 우리는 너비를 960 픽셀로 줄뿐입니다 화소 다음 중간에 우리는 여백을 준다 여백 이렇게 우리가 시도 봐

지금 새로 고침 네, 중간에 있습니다 실제로 그것은 컨테이너입니다 이만큼 큰 물결 무늬가있는 그 후 학급 헤더로 가라 너비를 100 % 다음 높이 그냥 50px 다음 우리는 눈에 보이는 색을주었습니다 색 예를 들면 등불 또는 toska 색상 재 장전하다 이렇게 잘하지만 왜 이것은 고집하지 않고있다

그 이유는 이 ul 태그 ul 태그 스타일을 가지고있다 거기에서 그것은 기본 스타일입니다 그래서 우리는 그것을 재설정하려고합니다 헤더 ul 우리는 리셋 할 것이다 여백 여백 0px 그 다음 패딩 0px 이렇게 재 장전하다 그래도 어떻게 아직 안와? 그것도 ~ 때문에 본문 태그에 기본 설정도있다 기본 CSS 스타일 우리가 시도 body 태그를 다시 설정하십시오

여백에 의한 0px 또한 패딩 우리는 다시로드하려고합니다 hadeuh 전 우리는 메뉴를 만들 것입니다 이 메뉴 우리는 어떻게 우리는 헤더를 만든다 uli li 헤더 주어진 플로트가 남아있다 우리가 보려고하는 것처럼 재 장전하다 이미 및 우리는 그것을 제거하십시오 이 검은 점 내부 리 태그 목록 스타일 스타일을 사용하여 없음 우리는 다시로드하려고합니다

잘 됐어 다음 언제 태그를 붙일 지 ~을 위해 우리는 시도 할 것이다 색깔을 바꾸다 결론을 없애라 확인 헤더 a 우리는 색을 바꾼다 백인이된다 다음 우리는 최종선을 제거하십시오 텍스트 장식 없음 저장 한 다음 다시로드 해 봅니다

이미 최종선을 잃었다 흰색이되면 우리는 거리를 주다 우리는 단지 그것을 준다 너비 100px 또한 우리는 선 높이를 준다 50 개 픽셀 어떻게 아직도 거기에 없지? 너비가 변하지 않기 때문에 디폴트 스타일은 태그 a이다

전시 라인 우물 그래서 우리는 변화해야한다 디스플레이가 블록이된다 우리는 구하기 위해 노력한다 우리는 글쎄, 지금도 우리가있을거야 그것을 내다 ~와 함께 CSS 텍스트 정렬하다 중심 나중에 저장 이미 이게 디스플레이 야

메뉴 그러면 우리는 그렇게하지 말라 우리는 그냥 날 가져 가라 예를 들면 우리는 이 커서 위 경우 바뀔 것이다 글꼴 색 우리는 사용한다 마우스를 가져 가면 : 마우스 오버 색깔을 바꾸다

색깔이 검게된다 좋아, 우리는 다시로드한다 그걸 좋아해 확인 ~을 위해 메뉴 헤더 이미 완성 된 어쩌면 그게 내게 충분 해 다음 비디오를 기다리다

관심을 가져 주셔서 감사합니다 좋아하고 구독하는 것을 잊지 마세요 Wassalamu'alaikum warahmatullahi wabarakatuh

CSS Keylogger – old is new again

이 비디오의 동기는 HackerNews에서 공유 한이 CSS 키로거 예제에서 비롯됩니다 트위터와 reddit 그리고 그것은 대단한 인기입니다

이 예제가있는 github 저장소에는 단지 하루 만에 수천 개의 별이 있습니다 그리고 나는 이걸 아주 매혹적이라고 느낍니다 그러나이 예제를 시작하기 전에 2012 년으로 돌아 가자

거의 6 년 전에이 비디오를 보았던 2012 년에 나는 더 많은 것을 배우기 시작했습니다 보안에 관한 나는 여전히 많은 기초 지식을 읽고 배우고 있었다 <script> alert (1) </ script>가있는 기본 XSS 벡터와 같습니다 그리고 내 친구가 저를 작은 닫힌 해커 컨퍼런스에 초청했습니다

그리고저기서 나는 거기에 속하지 않는 것처럼 느껴지는 완벽한 멍청한 놈입니다 협상 그리고 "스크립트리스 공격 (script-less attacks)"이라고하는 한 가지 이야기가있었습니다 XSS 이후 세계에서 마리오 따라서 제목에서 추측 할 수있는 것처럼 대화의 전제는 자바 스크립트가없는 세계에 관한 것입니다

XSS 문제는 없습니다 가장 먼저 생각한 실험입니다 왜냐하면 여러분이 자바 스크립트 문맥이없는 HTML 삽입이 드물다 콘텐츠 보안 정책은 조금 드물지만 웹의 웅장한 계획에서 그것이 "관련이 없다"거나, 실제로는 인상적이지 않다고 주장한다 많은 영향

그러나 나에게 이것은 내 마음을 불고 있었다 이것은 연구입니다 이것은 흥미로운 질문을 제기하고 있으며 그것은 많은 것을 생각하게합니다 더 복잡한 방법 오후에는 XSS의 기초를 배울 수 있지만 경계를 확장하고 학습합니다 당신이 얼마나 멀리 걸릴 수 있는지, 그것이 당신이 정말로 잘할 수있는 곳입니다

그래서… 우리가 XSS를 물리 치면 어떤 공격 표면이 남아있을 것이고 그것이 효과를 낼 것입니까? 우선 무엇보다도 목표가 무엇인지 생각해야합니다 XSS의 목표는 무엇입니까? 따라서 일반적으로 우리는 액세스하지 않아야하는 데이터를 도용하거나 액세스하려고합니다 피해자가 방문하는 대상 웹 사이트에 삽입 할 수있는 HTML로이 작업을 수행하십시오 그래서이 이야기는 다양한 기능을 사용하여 다양한 기술과 기법을 보여 주며 사이트에서 다른 종류의 정보 키 스트로크를 기록 할 수도 있고 CSRF와 같은 액세스 형식 일 수도 있습니다

토큰, 암호 또는 신용 카드 번호 이 이야기는 사실 같은 이름의 종이에 기반을두고 있으며 마리오는이 이야기를 여러 번했습니다 시간과 나는 묘사에있는 기록을 연결한다 그러나 우리는 Javascript를 사용하지 않는이 사고 실험을 위해이 이야기에 대한 규칙을 가졌습니다 XSS를 사용하지 마십시오

CSS를 사용하여 CSRF 보호를 완화하거나 우회 할 수있는 방법은 무엇입니까? 및 다른 비활성 물건? 모든 자바 스크립트 atl을 사용하지 않습니다 우리가 할 수 있을까? 글쎄요, 다른 사람들은 이미 몇 년 전에 이것을 했었습니다 그리고 나는 또한 블루햇이 있다고 생각합니다 말하고, 훌륭한 사람도 그것은 sirdarckcat, gareth heyes와 david lindsey이었습니다

그들은 이미 그것을했습니다 그리고 거기에 데모가 남아 있습니다 그리고 그들은 CSS도 사용했습니다 계단식 스타일 시트 그래서 그들은 속성 선택자를 남용하고있었습니다

그리고 그들은 말하고있었습니다 : 이봐, 가치가있는 모든 것을 선택하거나, 모든 입력 요소를 문자 "a"로 시작하는 값을 가지며 배경 이미지를 제공합니다 우리는 문자 "a"를 가지고 있음을 나타냅니다 따라서 첫 글자에 "a"가 있으면 요청을 보냈습니다 b, c, d, e, f, g와 동일합니다 그리고 그들은 또한 마지막 편지 또는 중간에 문자로이 작업을 수행 할 수 있습니다

그들이 할 수없는 것은 제 n 번째 문자를 선택하는 것입니다 그래서 그들은 두 번째 문자가 실제로 a, b, c 또는 뭐든간에 그래서 그들은 많은 일을해야했습니다 이런 일이 일어나기 위해서는 많은 CSS를 작성해야했습니다 그것은로드와 같았습니다

말 그대로 메가 바이트의 물건을 주입해야했습니다 그래서 그것은 실현 가능하지 않았습니다 또한 규모가 조정되지 않았고 공격자는 규모를 원합니다 그리고 나서 마리오는 이것을보다 효율적이고 미친 기술로 보여줍니다 그러나 그가 지적했듯이 배경 이미지를로드하는 속성 선택자를 사용한이 아이디어는 이미 이전에 에두아르도 (@ sirdarckcat – 미안 해요

아무 말도하지 말고), Gareth Heyes와 David (@thornmaker) 그리고 지금 2018 년으로 빨리 감기하자, 트위터로 2 월에 마이크 구 뤼티 에리 (Mike Gualtieri) 누가 분명히 이것을 다시 독립적으로 재발견했다 여기서 CSS 속성 선택자에 대해 설명하고 동일한 배경 이미지를 사용하는 방법을 볼 수 있습니다 로딩 트릭 그는이 일에 많은 노력을 기울였으며 자세한 기사에서는 "Stealing Data" CSS와 함께 "심지어 이러한 CSS 규칙을 제거하는 Chrome 및 Firefox 확장 프로그램을 작성했습니다 보호의 한 형태로 나는 그가 무언가에 비틀 거렸다라고 생각하기 때문에 나는 그를 조금 나쁘다고 느낀다

새로운, 그러나 그것은 단지 재발견이었다 하지만 그래,이 일이 일어날 수 있고 보안에서 많이 발생합니다 서로 다른 팀이 독립적으로, 그리고 몇 년에 걸쳐 물건을 찾습니다 그리고 그것은 매우 모호한 기술이기도합니다 여러분이 들어 본 적이 없을 가능성이 매우 높습니다

브라우저 클라이언트 측 보안에 많은 시간을 소비하지 않는다면 그 전에는 그리고 나는 2012 년에 마리오의 이야기를 보았던 것이 운이 좋았다고 생각합니다 며칠 후이 CSS keylogger 예제가 나타납니다 우연인지 아니면이 기사에서 영감을 얻었는지 확실하지 않지만 사람이 문자를 훔칠 수있는 페이지에 CSS 주입을 시뮬레이트하는 확장 프로그램을 만들었습니다 입력 필드에 입력됩니다 주입 된 CSS를 여기에서 볼 수 있습니다

그것은 입력 암호 필드에 대한 CSS 속성 선택자를 사용하며 값에 따라, 수집 할 서버에 해당 문자를 보내고있는 URL의 배경 이미지를 포함합니다 그것 여기에 하나의 작은 세부 사항이 있지만 꽤 흥미 롭습니다 CSS 속성 선택기가 value 속성에서 작동하는 것을 볼 수 있습니다 따라서 이것은 일반적인 HTML 예제에서는 작동하지 않습니다

입력 된 텍스트는 input 요소의 value 속성을 통해 사용할 수 있지만, 속성 값이 아닙니다 따라서 CSS 선택기가 시작되지 않습니다 그것은 또한 블로그 포스트의 패스워드 훔치기 예제가 실제로 값을 설정하는 이유이기도합니다 입력 요소의 GET 매개 변수를 통해 문자를 추출하려고합니다 따라서 이것은 속성 데이터를 훔치는 기술입니다

이 기법의 또 다른 좋은 목표는 일반적으로 CSRF 토큰으로 설정되는 CSRF 토큰입니다 숨겨진 입력 값 그러나 github 예제는 입력 한 intput에서 작동 했습니까? 매우 흥미로운 작은 세부 사항입니다 본질적으로 무슨 일이 일어나고, 반응과 같은 많은 자바 스크립트 프레임 워크가 반응합니다 필드에 타이핑하는 것과 같은 이벤트에 대해 자동으로 이러한 값을 내부 변수에 전달합니다

또한 input 요소의 value 속성을 적절히 설정해야합니다 그래서 본질적으로 그것은이 예제로 끓일 수 있습니다 각 keyup 이벤트에서 value 속성을 value 속성으로 설정합니다 테스트로서 나는 캐릭터 X가있을 때만 움직이는 단일 규칙을 여기에 정의했다 감지 됨

따라서 이제 필드를 테스트하고 필드에 무언가를 입력하면 값 속성이 업데이트됩니다 따라서 CSS 규칙이 적용되는 X를 사용하여 데이터를 추출 할 수 있습니다 그리고 인 그램 로그인 양식에서도이 동작을 쉽게 볼 수 있습니다 그래서 인스 타 그램이 HTML 인젝션을 가지고 있고 어떤 이유로 자바 스크립트를 실행할 수없는 경우, 이를 사용하여 입력 양식 데이터를 훔칠 수 있습니다 꽤 산뜻한 행동? Ok

그래서 나는이 연구에 대해 이야기하고 싶지 않다 그리고 나는이 연구가 도난 당했음을 말하는 것이 아닙니다 나는 그 (것)들에게 의혹의 이득을, 특히 마이크는 아주 진짜 것과 발견 한 ㄴ다는 것을 보인다 그 자체로 나는 인상적이라고 생각하며 자신이 매우 창의적이라는 증거입니다 생각 내 말은, 나는 이걸 생각해 내지 못했고, 내가 가질 지 모르겠다

나는 단지 내가 그 이야기를 들었 기 때문에 그것에 대해 알았다 그러나 나는 그것이 과거에 행해진 연구의 놀라운 예라고 생각합니다 방법으로 재발견되거나 재 포장됩니다 CSS 키로거 예제에 관심이있는 사람들의 수는 많은 사람들이 그것에 대해 들어 본 적이 없으며, 가능하다는 것을 깨닫지 못했습니다 그리고 이제는 더 많은 사람들이 그것에 대해 배웁니다

그리고 그것은 굉장합니다 그래서 나는 내가 인정하고 내가 원하지 않는 연구 기여가 있음을 분명히 밝히기를 희망한다 이미 2012 년에 들어봤을 때 자신을 보강하는 사람들 중 한 명일 수 있습니다 그러나 나는 이것을 또한 관점에 넣고 싶다 나는 몇 가지 것을 비판해야한다

이름 CSS Keylogger 좋아, 아마 그것을 만든 사람이 얼마나 인기가 있을지 예상하지 못했다 다소 이해하기 쉬운 이름이지만, 대단히 쉽게 이해할 수 있습니다 대부분의 사람들에 의해 그리고 fearmongering입니다

우리가 키로거 (keylogger)를들을 때 우리는 일반적으로 백그라운드에서 실행되는 악성 멀웨어에 대해 생각합니다 모든 키 스트로크를 기록하고, 그것은 두려운 것입니다 그런 다음 때로는 브라우저 키로거에 대해 듣는 경우가 있는데, 이는 이미 조금 더 미묘한 차이가 있기 때문입니다 그것은 일반적으로 자바 스크립트를 통해 하나의 특정 웹 사이트에서 키 입력 캡처를 말합니다 보통 "keylogger malware"기간에 피기 백 승차에 의해 또한 fearmongering이다, 그런 맥락에서 그것은 시스템 전체 keylogger가 아니고 자바 스크립트가 할 수 있기 때문에 그냥 로깅 키보다 나쁜 다른 것들

이제이 CSS 예제는 그보다 덜 충격적입니다 이 특정 예제는 속성 값 및 일반적으로 CSS 주입 만 캡처 할 수 있습니다 XSS는 매우 드뭅니다 이미 2012 년에 발표 된 마리오 (Mario)와 마찬가지로, 더 많은 사고 실험과 흥미로운 연구 질문, 현실적인 무언가보다는 오히려 몇 가지 흥미로운 edgecases가 있습니다

예를 들어 reddit이 허용하지 않는 방법은 자바 스크립트지만 CSS 사용자 정의, 그리고 당신은이 기술이 당신이 보안 문제를 찾고 있지만 대부분의 세계에서는 그다지 중요하지 않습니다 실제 세계에 미치는 영향은 낮을 수 있지만, 이미 말했듯이 그것은 마인드 블로잉 아이디어입니다 거주 가능한 구역에서 새로운 먼 행성을 발견 한 것과 비교할 수 있습니다 많은 사람들이 "이 지구상의 사람들에 대해 관심이있는 사람"이라고 말하면서 우리는 진정한 문제를 안고 있습니다 그러나 그것은 굉장한 연구이며, 기술의 한계를 뛰어 넘고 있으며, 도움이되고 있습니다

우리는 세상을 더 잘 이해하고 있기 때문에 이러한 CSS 공격은 웹 기술을 이해하는 데 도움이됩니다 위협은 더 나아지고 그 자체로 이미 굉장합니다! 그러나 이것이 지금까지 여행을 떠날 때 너무나 많은 사람들이 겁을 먹을 때 문제가됩니다 이 기술과 더 많은 기술은 10 년 동안 알려져 왔으며 이는 걱정할 필요가있는 문제 또는 공격이 아닙니다 차가워지고, 기본 기술 데이터를보고, 익명성에 대해 FUD를 무시하십시오 TOR 사용자 또는 "키로거 (keyloggers)"라고 말하면서 CSS를 비꼬는 방법으로 비꼬는 방법을 고맙게 생각합니다

CSS NAV BAR BOOTSTRAP 4 MODAL

안녕하세요 Skyler와의 협력을 환영합니다

내 시리즈 빌딩에 오신 것을 환영합니다 PHP 프레임 워크로 부트 스트랩 4 웹 사이트 수정하기 이것은 두 번째 비디오입니다 이 비디오의 제 시리즈에서 저는 기능이없는 navbar를 넣을 것입니다 그러면 점보트론 (Jumbotron)을 실행하고 그 다음에 우리 페이지를 일부 CSS는 여기에서 볼 수 있듯이 <div class = "container-flex"> 이제는 div가 페이지 전체에 걸쳐 있음을 알리는 것은 무엇입니까? 계속해서 내 navbar를 시작하겠습니다 <ul class = "navi"> 그럼 나는 <li class = "navli"> 그런 다음 <a class="nava"> 중간에 넣을 것입니다

그럼 내가 여기서 나가서자를거야 나는 그것을 만들기 위해 자르고 싶다 클립 보드에 있는지 확인한 후 다시 붙여 넣으십시오 하나 둘 셋 그들 중 4 명은 이제 마지막 두 가지를 바꿀거야 <li class = "navliri"> 그리고 나는 그들에게주고 그들에게 아이디를 주겠다 <li id ​​= "flt-rt> 그리고 내가 이것을하고있는 이유는 내가 원하기 때문이다

전진하고 그 마지막 두 개를 오른쪽으로 띄우겠습니다 클래스를 사용하지만 ID를 통해이 작업을 수행하는 것을 선호합니다이 경우에도 <a class="nava" id="flt-rt"> 그리고 나서 이것 다음에 나는 가서 registerphp 두 번째 href에 마지막으로 설정할 것입니다 등록 할 링크 및 여기에 로그인을 설정하고 이 중 하나를 참조하십시오 나는이 href를 너무 실제로 소문자에 넣을 것입니다

href = "loginModal"그리고 나서 나는 data-toggle = "모달"이며 이것은 우리가 수행 할 로그인 모달을위한 것입니다 나중의 튜토리얼 이제부터 끝내야겠다 앞으로와 헤더 작품 태그를 삭제 그리고 나서 우리는 그것을 볼 것이고 당신은 당신이 볼만한 것을 볼 수 있습니다 네비게이션 바처럼 우리가 갈 다음 일은 링크 다 do는 우리의 index

php 파일로 가서 헤더를 저장하는 것을 잊지 마라 그러면 우리는 <div class = "container"> 이제 컨테이너가 확장되지 않습니다 container-flex가 이것을하는 반면 전체 페이지는 부트 스트랩 4의 특징이다 우리는 <div class = "jumbotron">에 추가 할 것입니다 우리 웹 사이트 이름과 h1을 h1에 추가하려면 건설 중이다

이제 우리는 그것을 보게 될 것입니다 거기 Jumbotron 그래서 지금 우리가 가서 우리 스타일을 열거야 CSS 파일 그리고 나서 우리는 앞으로 나아갈 것이고 단지 단어 몸체를 대괄호로여십시오 배경색을 검정색으로 변경하면됩니다 우리는 그것을 살펴볼 것입니다

그리고 이제 여러분은 점보트론을 다음으로 볼 수 있습니다 우리가 할 일은 우리가 놓을 내비게이션 막대 작업을 시작하는거야 거기에있는 우리 navi 클래스는 대괄호를 열고 우리는 목록 스타일 유형을 none으로 설정하면 알 수 있듯이이 목록에 다음 스타일이 표시됩니다 우리가 할 일은 여백을 0으로 설정하는 것입니다 패딩을 0으로 설정하면 패딩이 0으로 설정됩니다

그것들을 끝까지 움직일 것이고 모든 패딩을 말로 빼낼 것입니다 이제 오버 플로우를 숨김으로 설정하고 이것이 제어하는 ​​것은 무엇인가? 내용이 너무 커서 숨겨진 부분에 맞게 너무 커지면 어떻게 될까요? 오버플로가 잘리고 콘텐츠의 나머지 부분이 보이지 않게되며 변경됩니다 우리의 배경색이 회색으로 변하면 다음으로 할 일은 우리가 할 일입니다 우리의 nav 목록에서 작업하게 될 것입니다 그리고 우리는이 왼쪽을 떠 다니고 우리는 그 (것)들에게 1px 단단한 백색의 국경을주기 위하여려고하고 이제 우리가 할 다음 일은 우리가 제공 할 형식의 navliri입니다

그것의 국경 권리 없음 그리고 나서 우리는 1px solid white의 border-left를 다음 줄에 넣을 것입니다 우리가 할 일은 우리가 가고있는 스타일이나 목록 아이템 링크에 있다는 것입니다 그 (것)들에게 백색을 착색하기 위하여려고하고있는 구획을 전시하십시오 텍스트를 가운데에 맞춘 다음 패딩을 지정합니다 1em 1em의 왼쪽과 오른쪽에 1em이 될 것입니다 그리고 바닥은 1em이 될 것입니다

그리고 나서 우리는 텍스트 장식을 none으로 변경하려고합니다 그래서 당신이 갈 때 그 위에 올려 놓고 선을 긋지 않는 색을 바꾸지 않는다 그 다음에 우리는 앞으로 나아갈 것이고, 우리는 그것을 잘라서 붙여 넣을 것입니다 우리는 그것을 navliri로 바꿀거야 우리는 똑같이 남겨두고 이제는 펑키하게 보일 것입니다

지금은 그렇지 않습니다 우리가해야 할 일은 #flt-rt 우리가이 일을 할 때 우리는 그들을 바로 부유시킬거야 오, 이제 좋아 보인다 우리가 할 마지막 일은 앞으로 나아가고 우리의 점보트론을 스타일 짓는 것입니다 우리가 그것을 꺼낼 수 있도록 2시 방향으로 여백을 둡니다

navbars 엉덩이의 그때 우리는 그것에게 배경색을 회색으로 줄 것이다 그래서 우리는 몸과 별개로 말할 수 있습니다 그러면 텍스트를 다음과 같이 정렬 할 것입니다 센터는 단지보기 좋고 거기에서 볼 수 있습니다 내가 망 쳤어 navi의 경계를 경계 오른쪽으로 변경해야하고 그것은 맨 아래쪽과 왼쪽 테두리를 버리고 난 그냥 가고 싶다

내가 OCD이기 때문에 내 등록기와 로그인 링크를 전환하면된다고 생각합니다 그런 식으로 나아 보인다 이제 너는 그것을 볼 수있다 튜토리얼 2를 시청 해 주셔서 감사합니다 구독하는 것을 잊지 마세요 우리 웹 사이트에서 우리를 확인하십시오 wwwlearnwithskyler

com

Web Development – Introduction to HTML, CSS and JAVASCRIPT Urdu Hindi

웹 개발 HTML, CSS에 대한 소개 과 자바 스크립트 우르두어 힌디어 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요

채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요

채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요

채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 채널 구독을 잊지 마세요

채널 구독을 잊지 마세요 채널 구독을 잊지 마세요 보고 주셔서 감사합니다

comprendre le web ( Client vs Server Frontend : html css J.S | Backend : php …)part 2/2

클라이언트 언어 외에도 많은 서버 언어가 있습니다 왜 더 많은 언어를 발명 했는가? 대답은 각 대상 언어에 대해 간단합니다

클라이언트 언어 웹 사이트 표시 방법을 설명하기위한 사용자 장치의 인터페이스 언어 내 웹 사이트의 오른쪽에있는 예제 메뉴보기 서버 언어 및 백그라운드 언어는 사이트 작동 방식을 설명하는 데 사용되지만 예를 들어 사용자가 내 사이트에서 계정을 만든 경우에만 목록을 표시하고 싶습니다 예를 들어 많은 서버 언어가 있습니다 자바는 자바 스크립트와 다르다 적어도 하나의 지식 문제입니다 가장 좋아하는 것을 선택하거나 친구가 도움을 줄 수 있습니다

오늘날의 서버 언어 외에도 더 이상 적절하지 않으며 이러한 언어보다 더 쉽게 웹 사이트를 만들 수있는 툴킷을 만들었습니다 이러한 도구는 프레임 워크라고 부르며 언어에 따라 하나 이상의 언어가 있습니다 오늘날 우리는 더 이상 프레임 워크를 사용하지 않고 웹 사이트를 만드는 것을 상상할 수 없습니다 우리에게도 소중한 시간을 절약 해주기 때문에 PHP 코드의 예제는 다음과 같습니다 보시다시피 평범한 사람들이 서버 만이이 코드를 이해할 수 있다는 것을 알아야합니다 개념, 행동 방법 + 간단하게 요약 나는 방문자이다

URL을 입력 할 수 있도록 사이트로 이동합니다 내 컴퓨터 클라이언트가 사이트가 포함 된 서버 시스템에 연결합니다 서버가 백그라운드 언어로 코드를 매시하기 시작합니다 (예 : PHP 코드) 어떤 클라이언트가 이해할 수있는 HTML 응답을 생성 할 것인가? 이 HTML 코드는 브라우저를 통해 클라이언트에 반환됩니다 모든 사람에게 이해하기 쉬운 웹 페이지로 변환하십시오

이것이 사이트의 작동 방식입니다