JOOMLA КНОПКА ON TOP

  • Тып - убудова, які дазваляе пракручваць старонкі сайта Joomla ўверх.

 

  •  Rusifikator пачатак старонкі.

 

Top of the Page - гэта убудова, які дазваляе пракручваць старонкі сайта Joomla ўверх. Падтрымліваецца Joomla 1.6 - 2.5. Ць франтальнай частцы сайта выводзіцца кнопка для пераходу да пачатку старонкі (да яе версе). Дадзены убудова будзе карысны для тых сайтаў, якія ўтрымліваюць доўгія матэрыялы, для поўнага прагляду якіх карыстальніку неабходна пракручваць «некалькі экранаў». Для таго, каб вярнуцца да пачатку старонкі і, напрыклад, скарыстацца пошукам або перайсці пры дапамозе меню ў іншы падзел сайта, карыстачу неабходна ці пракруціць старонку пры дапамозе вертыкальнай паласы прагорткі, або націснуць на клавіятуры клавішу Page Up і гэтак далей. А можна проста націснуць мышкай на інфармацыю, якая з'явілася кнопку Уверх і перайсці да пачатку старонкі.

Да асноўных асаблівасцяў Top of the Page ставяцца наступныя:

  • Падтрымка Joomla 1.6, 1.7, 2.5.
  • Прастата ўстаноўкі і лёгкость налады.
  • Падтрымка Мультымоўнае.
  • Гнуткае стылёвае афармленне кнопкі.
  • Падтрымка ў якасці кнопкі як тэксту так і выявы.

Агляд будзе праводзіцца для апошняй на момант напісання артыкула (01.03.2012) версіі Top of the Page 1.8, Joomla 2.5.

Кнопка уверх Joomla можа быць настроена пад Ваш сайт так, як неабходна улічваючы асаблівасці дызайну. Давайце разгледзім налады плагіна Top of the Page (малюнак ніжэй).

Налады Top of the Page

  • Опцыя Button Reveal Position дазволіць Вам задаваць вышыню (у пікселях), пасля дасягнення якой будзе адлюстроўвацца кнопка. Гэта значыць, Вы паказваеце на колькі карыстальнік павінен «пракруціць» старонку ўніз, каб з'явілася кнопка «Уверх».
  • Калі Вы хочаце выкарыстоўваць у якасці фону кнопкі малюнак, то опцыя Omit Button Text дазволіць Вам гэта зрабіць, прыбраўшы тэкст, падгружаецца з моўнага файла.
  • Уключыўшы опцыю Always AT Top, Вы паказваеце на тое, што неабходна заўсёды пачынаць адлюстраванне старонкі зверху. Калі, напрыклад, Вы спасылаецеся з адной старонкі сайта на іншую, выкарыстоўваючы якар, які знаходзіцца ў канцы старонкі, то лепш адключыць дадзеную опцыю.
  • Smooth Scroll . Дазваляе выкарыстоўваць плаўную прагортку старонкі.
  • Scroll Duration . Пры дапамозе дадзенай опцыі Вы зможаце задаваць хуткасць плыўнай прагорткі (ва ўмоўных адзінках). 1000 умоўных адзінак = 1 секунда.
  • Scroll Transition . Дадзеная опцыя дазволіць наладзіць «эфект» пры прагортцы старонкі ўверх. Яна працуе, калі ўключаная опцыя Smooth Scroll . Вам будзе даступны адзін з дванаццаці "эфектаў».
  • Link Location . Вы можаце выбраць адно з шасці месцаў для адлюстравання кнопкі «Уверх» на старонцы. Уверсе злева, па цэнтры, справа ці ўнізе злева, па цэнтры, справа.
  • Опцыя Use Styles ўключае або адключае выкарыстанне карыстацкага стылю спасылкі. Калі дадзеная опцыя выключана, то будзе выкарыстоўвацца стыль Вашага шаблону сайта. Калі ўключаная, то Вы зможаце задаць унікальны стыль адлюстравання кнопкі ў полі Link Style .

Давайце разгледзім некалькі варыянтаў афармлення кнопкі. Калі Вы хочаце выкарыстоўваць у якасці кнопкі «Уверх» малюнак, то перш стварыце яго ў любым растравым рэдактары і захавайце ў папцы з сайтам. Напрыклад, файл, які Вы стварылі (ці знайшлі ў інтэрнэце), называецца button . png і знаходзіцца ў тэчцы images Вашага сайт. Тады змесціва поля Link Style можа выглядаць прыкладна так:

Чытай яшчэ:   абнаўляюць FLASH PLAYER НА WINDOWS 8

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

Дзе параметры width і height паказваюць на шырыню і вышыню малюнка кнопкі.

Вы можаце сутыкнуцца з праблемай калі малюнак «прыліпае» да бакоў экрана. Вы можаце зрабіць памер «палатна» выявы (на прыкладзе растравага рэдактара Adobe Photoshop) больш, чым непасрэдна малюнак самой кнопкі. А «залішнюю» частка зрабіць празрыстай. Прычым, калі кнопка ў Вас на сайце размяшчаецца ў правым ніжнім куце, то малюнак кнопкі на «палатне» у Adobe Photoshop павінен размяшчацца ў левай верхняй частцы. Донастроив параметры width і height, Вы даможацеся прыгожага (без «прыліпання» да бакоў) адлюстравання кнопкі на сайце.

Але можна наладзіць адлюстраванне кнопкі «Уверх» у выглядзе тэксту і фону. Пры гэтым Вам будуць даступныя для рэдагавання таўшчыня мяжы кнопкі, яе колер, колер фону кнопкі, колер шрыфта і колеру фон і шрыфта пры навядзенні курсора мышы на кнопку. Выглядае гэта так:

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

Дзе параметр border : - таўшчыня абводкі кнопкі (у пікселях), solid - колер абводкі, margin - водступ ад краёў акна браўзэра (у пікселях), padding - водступ ад тэксту кнопкі (словы "Уверх») да мяжы (у пікселях). Іншымі словамі, пры дапамозе padding Вы можаце павялічыць або паменшыць саму кнопку, калі яна рэалізавана не пры дапамозе малюнка. background - color - колер фону (па-за фокусу курсора мышы), color - колер шрыфта (па-за фокусу курсора мышы), # gototop : Hover background - color - колер фону ў фокусе мышы, # gototop : Hover color - колер шрыфта надпісы ў фокусе мышы .

Як Вы маглі заўважыць кнопкі уверх Joomla сайта з дадзеным убудовай у Вас не будзе праблем.

Top of the Page дазволіць Вам павысіць зручнасць карыстання сайтам. Не гледзячы на ​​тое, што падняцца да пачатку старонкі існуе мноства спосабаў, Top of the Page усё роўна будзе карысны і зручны Вашым карыстальнікам. Аднак варта памятаць, што на тых сайтах, дзе шаблон разлічаны на 100% шырыні акна браўзэра, кнопка «Уверх» можа перакрываць змесціва старонкі. Таму варта ўважліва прагледзець працу Top of the Page і вызначыць, ці не перашкаджае ён карыстальнікам.

Rusifikator пачатак старонкі

Спампаваць русіфікатар Top of the Page.

 

падобныя матэрыялы

  • Агляд DJ-MegaMenu. Модуль меню Joomla
  • Агляд DJ-Suggester. Ўсплывальнае акно на сайце Joomla
  • Агляд Tag Transform. Joomla пазнакі
  • Агляд Joomla com_tags. Даданне метак матэрыялаў
  • Rusifikator пачатак старонкі

 

Карысныя спасылкі:

  • Афіцыйны сайт праграмы.

SKYLINE SCROLL TO TOP - КНОПКА вяртання наверх СТАРОНКІ

Чарговая кнопка, якая ажыццяўляе хуткі вяртанне наверх прагляданай старонкі. Апісаныя раней аналагічныя пашырэння «Adeptus UP» , «Top of the Page» , «SmoothTop» , неаднаразова стваралі праблемы ў чытачоў блога. Спадзяемся, што дадзеная распрацоўка не выкліча нараканняў.

Skyline Павярнуць наверх

ДЭМА

Joomla
2.5, 3.0

СКАЧАЦЬ

версія
2.0

Крок 1. Ўстаноўка пашырэння

  • «Усталёўка і ўключэнне пашырэньні CMS Joomla!»

Крок 2. Налады. Ўкладка «Убудова»

Распрацоўшчык пашырэння прадаставіў усе неабходныя параметры для індывідуальнай налады ўбудовы, за выключэннем малюнкаў. Мы ўхіляем гэты прабел і даем падборку малюнкаў для кнопкі. Пры неабходнасці памеры малюнкаў можна паменшыць у любым графічным рэдактары.

Зараз непасрэдна да налад:

Skyline Павярнуць наверх

  • Admin Enable - выкарыстанне кнопкі ў панэлі кіравання сайтам
  • Engine - выбар бібліятэкі JavaScript для анімацыі кнопкі - jQuery
  • Background Image - распакоўваецца архіў з малюнкамі ў тэчку «Images» і выбіраем выява

Тэкставы блок:

Skyline Павярнуць наверх

  • Text - тэкст на кнопцы
  • Title - назва кнопкі, якое будзе ўсплываць пры навядзенні курсора

Skyline Павярнуць наверх

Як бачым, кнопка адлюстроўваецца, але фон пажадана змяніць. Для гэтага маецца наступны блок.

Skyline Павярнуць наверх

  • Background Color - колер фону
  • Text Color - колер надпісы на кнопцы
  • Hover Background Color - колер фону пры фокусе на кнопцы
  • Hover Text Color - колер тэксту пры навядзенні курсора
Чытай яшчэ:   дзеля чаго ёсьць SERVER CONNECTION CHANNEL

Мяняем фон і атрымліваем наступны варыянт адлюстравання кнопкі.

Skyline Павярнуць наверх

Апошні блок адказвае за размяшчэнне кнопкі:

Skyline Павярнуць наверх

  • Position - кнопку магчыма размясціць уверсе або ўнізе, справа ці злева
  • Border Radius - значэнне закруглення кутоў кнопкі
  • Offset Left / Right - зрушэнне злева і справа
  • Offset Top / Bottom - зрушэнне уверсе і ўнізе
  • Padding Left & Right - водступы злева і справа
  • Padding Top & Bottom - водступы уверсе і ўнізе

Крок 3. Налады.
Ўкладка «Дадатковыя параметры»

Дадатковыя неабавязковыя налады:

Skyline Павярнуць наверх

  • Scroll Duration - працягласць пракруткі (500 = паўсекунды)
  • Scroll Transition - эфекты пры перамяшчэнні старонкі
  • Custom CSS - поле для ўстаўкі іншых стыляў

Падзяліцеся артыкулам са сваімі сябрамі ў сацыяльных сетках.

 

  • Каментары (3)
  • Вконтакте ()
  • Google+
  • facebook ()

Абярыце мову

польскіанглійская Нямецкі іспанскі французскі італьянскі партугальская турэцкі арабская ўкраінскі шведскі венгерская балгарскі эстонскі Кітайскі (спрошчаны) в'етнамская румынская тайская славенская славацкая сербская малайская нарвежская латышская Літоўскі карэйская японскі інданезійская хіндзі іўрыт фінскі грэцкі нідэрландская чэшскі дацкая харвацкая Кітайскі (традыцыйны) тагальская урду Азейбарджанский армянскі беларускі бенгальская грузінскі казахскі каталонская Mongolski руская Таджитский Tamil'skij тэлугу Узбецкий

дадаць каментар

Ваш e-mail не будзе апублікаваны. Абавязковыя палі пазначаныя *