Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.149.24.204
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Картинка в личном статусе для ucoz
Сообщение оставлено 13.02.2011 в 09:21:13 | Сообщение #1

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

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

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

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

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

___________________________________________________________________________________________________________________________

on load="toValue('statusImg', '/xstatuses/1.png');"
___________________________________________________________________________________________________________________________

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

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

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

< div style="display:none;" id="entImgSt"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR><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"> <BR></div>
___________________________________________________________________________________________________________________________

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

<style type="text/css">#stImg {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer} <BR>#stImg2 {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer;display:none;} <BR>#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;} <BR>.stImgt {cursor:pointer;padding-left:1px;} <BR></style> <BR><script type="text/javascript"> <BR>function toValue (toId, toVal) {document.getElementById(toId).value=toVal;} <BR>function toSrc (toIdSrc, toSrcSrc) {document.getElementById(toIdSrc).src=toSrcSrc;} <BR>function toHide (toHideId) {document.getElementById(toHideId).style.display='none'} <BR>function toShow (toShowId) {document.getElementById(toShowId).style.display='block'} <BR>function toShowLine (toShowLineId) {document.getElementById(toShowLineId).style.display='inline'} <BR></script>
___________________________________________________________________________________________________________________________

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

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

___________________________________________________________________________________________________________________________

<in put style="display:none;" id="statusImg">
___________________________________________________________________________________________________________________________

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

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

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

var statimg = $("#statusImg").val();
___________________________________________________________________________________________________________________________

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

othe r4: statimgha,
___________________________________________________________________________________________________________________________

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

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

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

<?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$, однако, это усложнит работу.

___________________________________________________________________________________________________________________________

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика