jQuery tabmenu2

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333} a{color: #333; text-decoration: none;} .tabs {width:600px; border:1px solid #ccc;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px; text-align: cen..

2021.12.14

jQuery tabmenu1

CSS /* CSS Document */ *{margin:0; padding:0} body{margin: 20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {position:relative; width:600px; border:1px solid #ccc;} .tabs a.tab{position:absolute; display:block; width:84px; text-align:center; font-size: 16px; background: red; color: #..

2021.12.14

웹 개발을 하기 위한 PC 세팅

웹개발을 하기 위해서 PC에 아래 3가지 세팅이 필요하다. 1. 가상서버(버추얼 서버) 설치 - 본인 PC의 특정 폴더를 서버로 만든다. (Arpache 가상서버) 2. 데이터 베이스 설치 (MySQL) 3. php 설치 (사용할 웹 개발 언어) 위 3가지를 합쳐 AMP 이라고 한다 (Arpache, mySQL, php) 3가지를 한번에 설치해주는 XAMPP라는 개발 도구가 있다. XAMPP 다운로드 및 설치 후 언어설정을 위해 UTF-8 세팅을 해줘야 한다. XAMPP 다운로드 및 설치 위 3가지를 한번에 설치해주는 XAMPP 개발도구가 있다. 아래 사이트에서 다운로드 할 수 있다. 무조건 최신 버전을 설치하면 안되고 호스팅 버전에 맞춰 설치해야 한다. XAMPP Windows > 5.6.40 버전 설..

2021.12.13

jQuery main slide fade ps lr

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} img{border:0; vertical-align:top;} ul, li{list-style:none;} .main{position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; height:380px; overflow:hidden;} .main .gallery li{display:none} .main .dock{width:330px; position:absolute; left:450px..

2021.12.13

jQuery main slide

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul, li{list-style:none;} img{border:0; vertical-align:top;} .main{position:relative; width:1000px; height:420px; overflow: hidden} .main .gallery{position:relative; left:0; top:0; width:5000px; height:380px; overflow:hidden;} .main .gallery ul li{float:left;} .main .gallery_text{position: absolute; top: 150px; width: 100%; } .main ..

2021.12.13

jQuery main slide - fade

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} a{color:#333; text-decoration: none;} img{border:0; vertical-align:top;} ul li{list-style:none;} @keyframes ani { from {transform: scale(1);} to {transform: scale(1.5);} } .main{ position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; heigh..

2021.12.13