Лайки материалов 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 | |
|