Уважаемые пользователи skript-na-ucoz.ucoz.ru. Вы найдете у нас на портале - и сможете скачать бесплатно различные программы для вебмастеров и не только, фильмы, игры, все для фотошопа, скрипты для ваших сайтов, бесплатные шаблоны, модули, хаки и релизы популярных CMS таких-как: Datalife Engine, WordPress, Joomla, Drupal, Ucoz и многое другое, а также обсудить и получить помощь на нашем форуме. С Уважением Администрация skript-na-ucoz

Картинка в личном статусе
После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!
14.05.2010, 20:26

Этот скрипт VfriendsAdmin написал для своей соцки, но думаю распубликовать его для других социальных сетей.

Картинки, думаю, найдете сами, можете взять к примеру эти - тык, ток делить их будете сами

И так, приступим. У вас уже стоит скрипт статуса? Продолжаем работу. В идеальном случае, картинки я загрузил в папку xstatuses в корне, с именами 1, 2, 3 и т.д.

Страница добавления/редактирования материала:

Приставляем к следующее (это позволит делать определенную картинку при отсутствии ее, к примеру, если пользователь не выбрал картинку к своему статусу, она будет стандартной, т.е. 1.png):

Code
onload="toValue('statusImg', '/xstatuses/1.png');"

Ставим кнопку для выбора картинки:

Code
<img style="display:inline;" id="stImg" onclick="toShow ('entImgSt');toShowLine ('stImg2'); toHide ('stImg')" src="/xstatuses/1.png">  
<img style="display:none;" id="stImg2" onclick="toHide ('entImgSt');toHide ('stImg2'); toShowLine ('stImg')" src="/xstatuses/1.png">

И ставьте куда захотите следующее (это сами картинки, из которых необходимо выбирать):

Code
<div style="display:none;" id="entImgSt">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/1.png');toSrc ('stImg', '/xstatuses/1.png');toSrc ('stImg2', '/xstatuses/1.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/1.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/2.png');toSrc ('stImg', '/xstatuses/2.png');toSrc ('stImg2', '/xstatuses/2.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/2.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/3.png');toSrc ('stImg', '/xstatuses/3.png');toSrc ('stImg2', '/xstatuses/3.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/3.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/4.png');toSrc ('stImg', '/xstatuses/4.png');toSrc ('stImg2', '/xstatuses/4.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/4.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/5.png');toSrc ('stImg', '/xstatuses/5.png');toSrc ('stImg2', '/xstatuses/5.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/5.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/6.png');toSrc ('stImg', '/xstatuses/6.png');toSrc ('stImg2', '/xstatuses/6.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/6.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/7.png');toSrc ('stImg', '/xstatuses/7.png');toSrc ('stImg2', '/xstatuses/7.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/7.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/8.png');toSrc ('stImg', '/xstatuses/8.png');toSrc ('stImg2', '/xstatuses/8.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/8.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/9.png');toSrc ('stImg', '/xstatuses/9.png');toSrc ('stImg2', '/xstatuses/9.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/9.png">  
<img class="stImgt" onclick="toValue('statusImg', '/xstatuses/10.png');toSrc ('stImg', '/xstatuses/10.png');toSrc ('stImg2', '/xstatuses/10.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/10.png">  
</div>

Все урлы меняем естественно на свои.

Далее, вставляем в следующее:

Code
<style type="text/css">#stImg {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer}  
#stImg2 {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer;display:none;}  
#entImgSt {position:absolute;margin-top:10px;border: 1px solid #c0cad5;padding:4px;background-color:#fff;margin-left:3px;width:188px;height:21px;line-height:26px;}  
.stImgt {cursor:pointer;padding-left:1px;}  
</style>  
<script type="text/javascript">  
function toValue (toId, toVal) {document.getElementById(toId).value=toVal;}  
function toSrc (toIdSrc, toSrcSrc) {document.getElementById(toIdSrc).src=toSrcSrc;}  
function toHide (toHideId) {document.getElementById(toHideId).style.display='none'}  
function toShow (toShowId) {document.getElementById(toShowId).style.display='block'}  
function toShowLine (toShowLineId) {document.getElementById(toShowLineId).style.display='inline'}  
</script>

Это сами CSS и скрипт. Неисправление стилей ведет к большому ужасу.

Активируем любое доп. поле.
Ставим в любое место:

Code
<input style="display:none;" id="statusImg">

Теперь находим примерно следующее:

Code
<script type="text/javascript">  
$(document).ready(function(){  
$("#addst").click(function(){  
$("#loadstat").show();  
var ssid = $("input[name='ssid']").val();  
var statmess = $("#status").val();

сразу после var statmess = $("#status").val(); ставим:
Code
var statimg = $("#statusImg").val();

Там же после message: statmess, ставим:

Code
other4: statimgha,

other4 - цифру 4 заменяем на номер вашего доп. поля.

Вид материалов:

Ставим сразу после:

Code
<?if($OTHER4$)?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="$OTHER4$"><?else?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="$OTHER4$"><?else?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="/xstatuses/1.png"><?endif?>

Стиль картинки настроен под меня, поэтому и его правьте под себя. $OTHER4$ - естественно меняем на переменную вашего доп. поля.

Если у вас по каким-то причинам нет
, то тогда ставим код выше перед каждым $MESSAGE$, однако, это усложнит работу.

Конец.

Категория: Скачать Скрипты для Ucoz бесплатно | Добавил: Kenik | Теги: картинка, статусе, скрипты для ucoz, личном
Просмотров: 236 | Загрузок: 0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Для просмотра мини профиля,войдите на сайт как пользователь.
Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Анализ сайта skript-na-ucoz.ucoz.ru Top.Mail.Ru

Яндекс.Метрика
Сейчас online
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня наш сайт посетили
Счетчик пользователей
Сегодня нас посетило
Счетчики сайта
  • Счетчик юзеров
  • Всего юзеров: 1196
    За месяц: 0
    За неделю: 0
    За вчера: 0
    Сегодня: 0
  • Счетчик материалов
  • Всего файлов: 10240
    Всего новостей: 31
    Всего статей: 0
    Темы форума: 2521
    Коментариев: 16
    Фотоальбом: 3
    Скачали: 10240
    Каталог сайтов: 35
    Онлайн Игр: 213
    Онлайн Видео: 8596
    Партнеры сайта
    Стать партнером Стать партнером Стать партнером
    Популярное
    Скачиваемое
    Интерестное