<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/yGivth0Awe4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/yGivth0Awe4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><title>3D transform navigtion bar</title></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><style></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>body{</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>background:#f2f2f2;</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>}</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar{</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>max-width: 1100px;</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>margin:auto;</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>margin-top:100px;</b></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>}</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>.menus{</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>padding:25px;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>background:yellow;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>box-shadow: 10px 10px 5px grey;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>float: left;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>margin; 1.5px;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>width: 120px;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>text-align:conter;</b></span><b></b></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>}</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>a{</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>text-decoration:nonr;<br>font-size: 20px;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>font-weight:bold;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>}</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>.menus:hover</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>background: green;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>transition: ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-webkit-transition;ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-moz-transiition; ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>transform:rotate(360deg);</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-ms-transform:rotate<b>(360deg);</b></b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-webkit-ransform:rotate<b>(360deg);</b></b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>}</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>a:hover{</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>color:white;<br>transition:ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-webkit-transition:ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>-moz-transition: ls;</b></span></span></p><p><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b>}</b></span></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></style></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="navbar"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="menus"><a href="#">Home</a></div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><div class="menus"><a href="#">Movie</a></div></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><div class="menus"><a href="#">Music</a></div></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><div class="menus"><a href="#">Callery</a></div></b></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><div class="menus"><a href="#">Download</a></div></b></b></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><div class="menus"><a href="#">Contact</a></div></b></b></b></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/x2hdO15luS0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/x2hdO15luS0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML 로고 디자인 tag</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="KO_Yoon"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><title>Navbar with logo</<b><title></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="logo"><a href="#"><img src="logo.png"></a></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><nav></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <ul></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li><a  href="#">Home</a></li></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>        <li><a  href="#">Musiic</a></li></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>        <li><a  href="#">Download</a></li></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b>        <li><a  href="#">Event</a></li></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b>        <li><a  href="#">Products</a></li></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b>        <li><a  href="#">About</a></b></b></b></b></span><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b></li></b></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b>        <li><a  href="#">Contact</a></li></b></b></b></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </ul></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></nav></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p> </p><p>https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default</p><p> </p><p> </p><p><span style="color: #000000;">조회수 280,924회</span> <span style="color: #000000;">2017. 10. 14.</span>HTML 및 CSS가 포함된 브랜드 로고가 있는 Navbar. 여기에서 소스 코드 다운로드: <a href="https://techmidpoint.com/" target="_top" class="ke-link">https://techmidpoint.com/</a> 더 많은 동영상. ========================== 검색 상자가 있는 HTML 및 CSS 탐색 모음: <a href="https://www.youtube.com/watch?v=b0s34..." target="_top" class="ke-link">https://www.youtube.com/watch?v=b0s34...</a> 소셜 미디어 아이콘으로 반응하고 투명한 탐색 메뉴 : <a href="https://youtu.be/5GqPX7c4HTU" target="_top" class="ke-link">https://youtu.be/5GqPX7c4HTU</a> 멋진 오버레이 가입 양식 | HTML, CSS 및 xxxxJavaScript: <a href="https://youtu.be/OMHKc1McF_4" target="_top" class="ke-link">https://youtu.be/OMHKc1McF_4</a> 검색 상자가 있는 반응형 탐색 모음 | HTML 및 CSS: <a href="https://youtu.be/TJFkTSOXbys" target="_top" class="ke-link">https://youtu.be/TJFkTSOXbys</a> 로그인 양식이 있는 탐색 모음 || HTML 및 CSS: <a href="https://www.youtube.com/watch?v=H0z_I..." target="_top" class="ke-link">https://www.youtube.com/watch?v=H0z_I...</a> 스트림이 있는 CSS 커피 컵 || HTML 및 CSS: <a href="https://www.youtube.com/watch?v=uffko..." target="_top" class="ke-link">https://www.youtube.com/watch?v=uffko...</a> CSS 배경 애니메이션 | HTML 및 CSS : <a href="https://www.youtube.com/watch?v=SXAdZ..." target="_top" class="ke-link">https://www.youtube.com/watch?v=SXAdZ...</a> CSS 그리드 레이아웃 | HTML 및 CSS : <a href="https://www.youtube.com/watch?v=qKVNv..." target="_top" class="ke-link">https://www.youtube.com/watch?v=qKVNv...</a> HTML 및 CSS가 포함된 전체 화면 로그인 양식 : <a href="https://www.youtube.com/watch?v=5I2HQ..." target="_top" class="ke-link">https://www.youtube.com/watch?v=5I2HQ...</a> CSS 연기 텍스트 애니메이션 : <a href="https://youtu.be/UYtoTqlJyks" target="_top" class="ke-link">https://youtu.be/UYtoTqlJyks</a> HTML과 CSS를 사용한 멋진 애니메이션 검색 상자 : <a href="https://youtu.be/OuOGy0R2SWc" target="_top" class="ke-link">https://youtu.be/OuOGy0R2SWc</a> 호버에 멋진 CSS 테두리 애니메이션 | HTML 및 CSS: <a href="https://youtu.be/4xR_bvdtz3s" target="_top" class="ke-link">https://youtu.be/4xR_bvdtz3s</a> HTML 및 CSS가 포함된 3D 소셜 미디어 아이콘 : <a href="https://youtu.be/cEUBl5NbX-s" target="_top" class="ke-link">https://youtu.be/cEUBl5NbX-s</a></p><p> </p><p>브랜드 로고가 있는 Navbar</p><p> </p><p>https://www.youtube.com/results?search_query=HTML로고</p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>HTML 로고 디자인</b></b></span></p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
다음검색
첫댓글 https://www.youtube.com/results?search_query=HTML로고
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default