xe 위젯설치

복구 및 업그레이드 완료.

모두가 정상이나 메인페이지나 다른페이지 위젯화면은 다시 만들어야함.

메인페이지는 포토갤러리, rss 최신뉴스 게시판으로 만듬.

다른페이지는 공백상태 이며,

사진을 올리고 거기에 마우스가 가면 사진이빠뀌는 걸로 바꾸고 싶으나 기본제공하는 위젯 으로는 안될듯 하여 구글링 검색결과

css로 가능할듯,

검색으로 찾은 좋은사이트

http://rwdb.kr/ 참고하여 

http://gudh.github.io/ihover/dist/index.html 화면처럼 꾸며보기

코드는

hover effect 5

<!-- Left to right-->

<div class="row">

  <div class="col-sm-6">

 

    <!-- normal -->

    <div class="ih-item square effect5 left_to_right"><a href="#">

        <div class="img"><img src="images/assets/rect/9.jpg" alt="img"></div>

        <div class="info">

          <h3>Heading here</h3>

          <p>Description goes here</p>

        </div></a></div>

    <!-- end normal -->

 

  </div>

  <div class="col-sm-6">

 

    <!-- colored -->

    <div class="ih-item square colored effect5 left_to_right"><a href="#">

        <div class="img"><img src="images/assets/rect/10.jpg" alt="img"></div>

        <div class="info">

          <h3>Heading here</h3>

          <p>Description goes here</p>

        </div></a></div>

    <!-- end colored -->

 

  </div>

</div>

<!-- end Left to right-->

일단 다운받은 파일을 ftp로 내 서버에 디렉토리 만들고 다운받은 화일 통채로 업로드,

사용할 이미지도 따로 디렉토리 만들고 업로드후

코드수정 

코드 첫줄에

<link href="경로/ihover.css" rel="stylesheet">

추가후 이미지 경로 수정후

위젯페이지에서 새로만들기 -> 내용직접추가 -> 코드내용 복사 붙여넣기.

<link href="경로/ihover.css" rel="stylesheet">

<!-- Left to right-->

<div class="row">

  <div class="col-sm-6">

    <!-- normal -->

    <div class="ih-item square effect5 left_to_right"><a href="#">

        <div class="img"><img src="경로/9.jpg" alt="img"></div>

        <div class="info">

          <h3>출력 글자</h3>

          <p>밑에 작은글씨 출력 글자</p>

        </div></a></div>

    <!-- end normal -->

  </div>

</div>

<!-- end Left to right-->

작동안됨, xe 에드온 중에서 prettyPhoto 이미지 뷰어와 리사이즈

위젯페이지에서는 사용안함으로 변경후 정상작동.

css 라는것을 전혀 모르지만 검색하고 옮겨보니 된다.

i30 신형

2016년 9월 ~