TOP ON 줌라 버튼

  • 유형 - 당신의 Joomla 사이트까지 페이지를 스크롤 할 수있는 플러그인.

 

  •  페이지의 Rusifikator 최고.

 

페이지의 탑 -이 플러그인은 줌라 사이트 페이지를 스크롤 할 수 있습니다. 2.5 - 줌라 1.6을 지원합니다. 사이트의 정면 부분에서 (그것의 정상에) 상부로 이동 버튼이 표시됩니다. 이 플러그인은 사용자가 "여러 화면"을 스크롤해야하는의 전체보기를, 긴 자료를 포함하는 사이트에 유용 할 것입니다. 페이지 상단으로 돌아 가야하고, 예를 들어, 사이트의 다른 섹션 메뉴를 검색하거나 탐색 사용하여 사용자가 페이지를 아래로 스크롤하거나 수직 스크롤 막대를 사용하거나 키보드의 키 누를 필요가 페이지 위쪽 등등을. 그리고 당신은 단지에 나타나는 마우스 버튼을 클릭하면 상단을 상단으로 이동합니다.

페이지 상단의 주요 특징은 다음과 같다 :

  • Joomla를 1.6, 1.7, 2.5을 지원합니다.
  • 설치의 용이성 및 조정의 용이성.
  • 다국어 지원.
  • 유연한 스타일링 버튼.
  • 텍스트와 이미지로 버튼 등을 지원합니다.

검토는 페이지 1.8, 줌라 2.5의 위쪽이 작성 (01.03.2012) 버전의 같은 최신에 대해 수행됩니다.

줌라 최대 버튼은 특정 설계 주어진 필요에 따라 귀하의 사이트에 사용자 정의 할 수 있습니다. 이제 페이지 (아래 그림)의 조정 플러그 최고 살펴 보자.

페이지의 설정 맨 위로

  • 옵션 위치를 공개 버튼은 버튼에 도달 한 후 표시됩니다, 당신은 높이 (픽셀)을 설정할 수 있습니다. 즉, 사용자가 "위로"버튼을 불러올 페이지 아래로 "스크롤"로 얼마나 많은 지정됩니다.
  • 당신은 배경 그림 버튼으로 사용하려면, 옵션을 생략 버튼 텍스트 는 언어 파일에서 텍스트를로드 제거하여이 작업을 수행 할 수 있습니다.
  • 옵션을 포함 항상을위한 AT 최고, 당신은 당신이 항상 페이지의 화면 상단에서 시작해야 함을 나타냅니다. 당신이 페이지 하단에있는 앵커를 사용하여, 다른 사이트의 페이지를 참조하는 경우 예를 들어,이 옵션을 사용하지 않도록하는 것이 좋습니다.
  • 스크롤 매끄럽게을 . 그것은 부드러운 페이지 스크롤의 사용을 할 수 있습니다.
  • 지속 시간 스크롤 . 이 옵션을 사용하여 (임의의 단위) 부드러운 스크롤의 속도를 설정 할 수 있습니다. 1000 개 임의 단위 = 1초.
  • 스크롤 전환 . 이 옵션을 스크롤 할 때 "효과"를 설정 할 수 있습니다. 옵션이 활성화 된 경우 작동 매끄럽게 스크롤을 . 당신은 열두 제자 중 하나가 사용할 수 있습니다 "효과."
  • 위치 링크 . 당신은 페이지의 "업"버튼을 표시 한 여섯 장소를 선택할 수 있습니다. 오른쪽에서 왼쪽, 중앙, 오른쪽 또는 왼쪽 아래, 중앙, 위.
  • 이 옵션의 사용 스타일 수 있습니다 또는 사용자 정의 스타일의 참조의 사용을 비활성화합니다. 이 옵션이 비활성화 된 경우, 귀하의 사이트 서식 파일의 스타일을 사용할 수 있습니다. 활성화 된 경우에 고유 한 스타일의 디스플레이 버튼을 설정할 수 있습니다 , 링크 스타일을 .

의 몇 가지 디자인 옵션 버튼을 살펴 보자. 당신이 이미지 "위로"버튼으로 사용하려면 먼저 비트 맵 편집기에서 생성하고 사이트의 폴더에 저장합니다. 예를 들어, 사용자가 만든 (또는 인터넷에서 발견) 한 파일은 호출 버튼 . PNG 와이 폴더에 위치한 이미지 웹 사이트의. 그 다음의 내용을 링크 스타일 과 같을 수 있습니다 :

더 읽기 :   업데이트 된 플래시 플레이어를 WINDOWS 8

#gototop{width: 70px;height: 30px;background-image: url(/images/button.png);}

파라미터는 어디에 높이가 버튼 화상의 폭과 높이를 나타낸다.

당신은 문제가 발생할 수 있습니다 때 화면의 가장자리에 "스틱"의 이미지. 당신은 이미지의 "캔버스"(예를 들어, 어도비 포토샵 비트 맵 편집기) 버튼 만 자체를 그리기 이상의 크기를 만들 수 있습니다. A "중복"부분이 투명했다. 당신이 사이트에있는 버튼을 오른쪽 하단에 위치하고있는 경우에, 다음 사진은 왼쪽 상단에 배치해야합니다 어도비 포토샵에서 "캔버스"합니다. 의 매개 변수 조정 의 폭높이를, 당신은 웹 사이트에 표시 버튼 (가장자리에 "고집"없이) 아름 다운 달성됩니다.

하지만 당신은 텍스트와 배경의 형태로 "위로"버튼의 표시를 사용자 정의 할 수 있습니다. 버튼 위에 마우스 커서를 가져 가면이 경우 테두리 너비 버튼, 색, 버튼 배경 색상, 글꼴 색상과 배경 색상과 글꼴을 편집 사용할 수 있습니다. 그것은 다음과 같습니다 :

#gototop{border:0px solid #000;margin:5px;padding:5px;background-color:#9BDCED;color:#000000;} #gototop:hover{background-color:#D4EFF6;color:#8A6D51;}

어디 매개 변수 국경 : - (픽셀) 스트로크 버튼의 두께, 고체 - 획 색상, 여백 - (픽셀) 브라우저 윈도우의 가장자리에서 공간, 패딩 - 버튼 텍스트의 패딩 (픽셀) 국경 ( "UP"이라는 단어). 즉,에 의해 패딩 , 당신은 증가하거나이 이미지의 도움으로 구현되어 있지 않은 경우, 버튼 자체를 감소시킨다. 사용 된 배경 - 색상 - 배경 색상 (마우스 포인터의 초점 외부), 색상 - (마우스 포인터의 초점 외부) 글꼴 색, #의 gototop : 호버 배경 사용 - 색상 - 마우스에 초점 배경의 색상, #의 gototop : 호버 색상 - 마우스 초점 글꼴 문자의 색상 .

이 플러그인 위의 Joomla 사이트를 볼 수있는 것처럼 당신은 문제가되지 않습니다.

페이지의 맨 위로 당신이 사이트의 가용성을 향상시킬 수 있습니다. 가기 등산은 여러 가지가 있다는 사실에도 불구하고, 페이지의 맨 위는 여전히 사용자에게 유용하고 편리 할 것입니다. 그러나, 템플릿은 브라우저 창의 폭의 100 %를 위해 설계되었습니다 해당 사이트에서 "위로"버튼은 페이지의 내용을 대체 할 수 있음을 기억 가치가있다. 그래서 당신은 신중하게 페이지의 작업 탑을 검토하고 사용자를 할 수없는 경우 결정해야한다.

페이지의 Rusifikator 최고

페이지의 균열 위쪽을 다운로드합니다.

 

관련 항목

  • 개요 DJ-MegaMenu. 줌라 메뉴 모듈
  • 개요 DJ-SUGGESTER. 줌라 사이트에서 팝업 창
  • 개요 태그 변환. 줌라 태그
  • 줌라 검토를 com_tags. 라벨 재료를 추가
  • 페이지의 Rusifikator 최고

 

유용한 링크 :

  • 프로그램의 공식 웹 사이트.

TOP TO 스카이 라인 스크롤 - 버튼 페이지 맨 위로

당신이보고있는 페이지의 상단에 빠른 수익을 제공하는 다음 버튼. 이전에 유사한 확장 설명 «위쪽 어뎁 투스의»를 , «페이지 상단보기» , «SmoothTop»는 반복적으로 블로그 독자에 문제가 발생했습니다. 우리는이 개발 책망가 발생하지 않습니다 바랍니다.

맨 위로 스카이 라인 스크롤

DEMO

Joomla를
2.5, 3.0

다운로드

버전
2.0

1 단계 : 확장 설치

  • "설치 및 CMS의 Joomla 확장을 활성화!"

2. 설정 단계. 탭 "플러그인"

개발자 확장은 사진을 제외하고, 개별 플러그인 설정을 위해 필요한 모든 매개 변수를 제공하고 있습니다. 우리는이 차이를 제거하고 버튼 이미지의 선택을 제공합니다. 필요한 경우, 이미지 크기는 그래픽 프로그램에서 줄일 수 있습니다.

이제 직접 설정 :

맨 위로 스카이 라인 스크롤

  • 관리자 사용 - 제어판 사이트에있는 버튼을 사용하여
  • 엔진 - 애니메이션 버튼에 대한 자바 스크립트 라이브러리의 선택 - jQuery를
  • 이미지 배경 사용 - 폴더«이미지»의 사진과 함께 아카이브를 풀고 이미지를 선택

텍스트 블록 :

맨 위로 스카이 라인 스크롤

  • 텍스트 버튼 텍스트 -
  • 제목 - 당신이 마우스를 가져 가면 나타납니다 버튼의 이름,

맨 위로 스카이 라인 스크롤

당신이 볼 수 있듯이, 버튼이 표시하지만 배경을 변경하는 것이 바람직하다. 이렇게하려면 다음 블록이있다.

맨 위로 스카이 라인 스크롤

  • 사용되는 색상 배경 - 배경 색상
  • 컬러 텍스트 - 버튼의 캡션의 색상
  • 컬러 백그라운드 호버 - 버튼에 초점을 맞춘 배경 색상
  • 호버 텍스트 색상 - 당신이 가져가 텍스트의 색상
더 읽기 :   목적의 서버 연결 채널은 무엇입니까

배경을 변경하고 다음 화면 옵션 버튼을 얻을.

맨 위로 스카이 라인 스크롤

마지막 블록은 버튼의 배열에 대한 책임이있다 :

맨 위로 스카이 라인 스크롤

  • 위치 조정 - 버튼은 왼쪽 또는 오른쪽, 상단 또는 하단에 위치 할 수있다
  • 반경 국경 - 버튼의 모서리 라운딩 값
  • 왼쪽의 오프셋 / 오른쪽 - 왼쪽과 오른쪽의 변화
  • 상위 오프셋 / 결론 - 상단과 하단의 변위
  • 왼쪽 및 오른쪽 패딩 - 패딩 왼쪽과 오른쪽으로
  • 상위 및 결론 패딩 상단과 하단에 패딩 -

3. 설정 단계.
탭 "고급 설정"

추가 옵션 설정 :

맨 위로 스카이 라인 스크롤

  • 지속 시간 스크롤 - 길이를 스크롤 (500 = 0.5 초)
  • 스크롤을 전환 - 효과를 페이지를 이동할 때
  • CSS는 사용자 정의 - 필드는 다른 스타일을 삽입

소셜 네트워크에이 글을 다른 친구들과 공유 할 수 있습니다.

 

  • 댓글 (3)
  • 명 Vkontakte ()
  • Google+에
  • 페이스 북 ()

언어를 선택하세요

폴란드어영어 독일의 스페인어 프랑스의 이탈리아의 포르투갈어 터키의 아라비아 말 우크라이나의 스웨덴의 헝가리의 불가리아 사람 에스토니아의 중국어 (간체) 베트남의 루마니아어 타이어 슬로베니아 슬로바키아의 세르비아의 말레이 사람 노르웨이의 라트비아의 리투아니아의 한국의 일본의 인도네시아의 힌디 어 히브리어 핀란드의 그리스의 네덜란드 체코의 덴마크의 크로아티아의 중국어 (번체) 필리핀 우르두어 Azeybardzhansky 아르메니아의 벨라루스어 벵골어 그루지야의 카자흐어 카탈로니아의 Mongolski 러시아어 Tadzhitsky Tamil'skij 텔루구어 Uzbetsky


코멘트를 추가

당신의 이메일은 공개되지 않습니다. 필수 필드가 표시됩니다 *