Лайки материалов PHP для сайта uCoz
Первое что при веде uLike показалось, что они точно похожи на те что стоят на Facebook, но Лайки материалов PHP для сайта uCoz созданы для сайта и тем они и хороши. Здесь работа их, это рейтинг, будет ли в положительной стороне или отрицательной.Когда нажимаешь на плюс, то он на время становиться зеленый и если на минус, то красным. Но главное, не нужно страницу перезагружать, все автоматически ставиться. Нашел статью одну под этот скрипт, и там было показано, что один переделал и стали у него оригинальные. Так что можно сказать, и вы можете вмешаться и поставить свое, это может быть как стрелки вниз или вверх, вообщем как минус и плюс и все в этой теме. Установка: 1) С начало файловый менеджер бросаем Папки js и images. 2) Потом подключаем программу FileZilla и через нее грузим папку urate загрузите в на PHP сервер в паку scripts и как это сделать читаем в этой статье по этой загрузке. 3) И не забываем в файле rate в (папке urate) замените http://ВАШ АДРЕС САЙТА/ на Ваш адрес сайта. CSS Код #vote_form {color:#777} #votes_plus {text-decoration: none;color:green} #votes_minus {text-decoration: none;color:#9c4040} #uAvatar {padding:3px;margin:2px;background:url('') #FFF;border: 1px solid #45688E;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; } #uAvatar:hover {background:#eee} .vote_good {text-decoration: none;color:green;padding:1px} .vote_bad {text-decoration: none;color:red;padding:1px} .vote_img {vertical-align:-6px} .ret_ot_ocenka {font-size:11px;background-color: #B8D6DA; padding: 5px; color: rgb(85, 102, 117); font-weight: 600; border-radius: 100px; margin: 5px; cursor: pointer;} В нижнюю часть сайта перед вставляете код: Код <script type="text/javascript" src="/js/urate_reiting.js"></script> <script> var phpurl = '/php/urate/rate.php'; // Путь к php скрипту var entryID = '$ID$'; // ID материала, не трогать var module = '$MODULE_ID$'; // Модуль, не трогать $(function () { rate.getVotes() }) </script> Там где хотите видеть лайки, вставляете код: Код <span id="vote_form"><span id="vote_form"> <a href="javascript://" style="padding-right:2px" onclick="rate.getList('unlike')"><b id="votes_minus">...</b></a><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$" id="unlike"><?else?><a href="javascript://" id="unlike" onclick="rate.vote('unlike')"><?endif?><img src="/images/ocenka/unlike_unactive.png" class="vote_img" width="25" height="25"/></a><span id="total_votes" class="ret_ot_ocenka"><b id="total_votes">...</b></span><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$" id="unlike"><?else?><a href="javascript://" id="like" onclick="rate.vote('like')"><?endif?><img src="/images/ocenka/like_unactive.png" class="vote_img" width="25" height="25"/></a><a href="javascript://" style="padding-left:2px" onclick="rate.getList('like')"><b id="votes_plus">...</b></a></span> На этом завершена установка. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 18 | |
| |