Для полного доступа ко всем темам форума необходима регистрация

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 212»
Форум сайта по духовному развитию и самопознанию » Пыльца Творчества » Основы сайтостроения » Полезные штучки для сайта (мини-профили пользователей и не только)
Полезные штучки для сайта
_Светлана_Дата: Среда, 31.08.11, 13:53 | Сообщение # 1
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
К каждому владельцу сайта рано или поздно приходит желание сделать свой сайт особенным и порадовать своих пользователей чем-то новым, интересным. В этом разделе как раз и буду выкладывать разные полезные штучки, которые либо украсят сайт, либо облегчат функционирование и внешний вид.


 
             
_Светлана_Дата: Среда, 31.08.11, 14:03 | Сообщение # 2
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Скрипт для мини-профиля пользователей сайта



HTML код профиля:

Quote
<!-- Мини-профиль -->
<div align="center"><script language="JavaScript">
function process(){}
today = new Date()
if((today.getHours() < 12) && (today.getHours() >= 6))
{ document.write("<b>Доброе утро, $USER_FULL_NAME$.</b>")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("<b>Добрый день, $USER_FULL_NAME$.</b>")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("<b>Добрый вечер, $USER_FULL_NAME$.</b>")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("<b>Здравствуйте, $USER_FULL_NAME$. Не спится?</b>")}
if((today.getHours() >= 4) && (today.getHours() <= 6))
{ document.write("<b>Здравствуйте, $USER_FULL_NAME$.<br>Мы рады вас видеть в столь ранний час.</b>")}
</script>
<?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://jscriptix.ru/00.gif" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://master-of-happy.ucoz.ru/disayn_sad/f5b4265aa726.gif" border="0"><?endif?><?endif?><br>
<img src="http://s34.ucoz.net/.s/img/icon/mf.png" border="0"><a id="upml2" href="javascript:openOnClick('mail')">Читать ЛС (<b>$UNREAD_PM$</b>)</a>

<?if($USER_LOGGED_IN$)?>
<?endif?>
<br>
<?if($USER_LOGGED_IN$)?>
<br>
<!-- -->
<script language="javascript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
<table class="gTable1" align="center" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="75%">
<tbody><tr><td valign="middle" width="75%">
<img alt="" style="" onclick="expandit(this)" title="Подробная информация" src="http://master-of-happy.ucoz.ru/disayn_sad/info.png">
<span style="display:none">
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: #cdd2e8; text-align: justify;">
<b>Ваш логин:</b> $USERNAME$<br>
<b>Ваше имя:</b> $USER_FULL_NAME$<br>
<b>Вы родились:</b> $USER_BIRTHDAY$ <br>
<b>Ваш ID:</b> $USER_ID$<br>
<b>Вы здесь: $USER_REG_DAYS$-й день</b><br>
<b>Ваша група:</b> $USER_GROUP$<br>
<b>ID вашей групы:</b> $GROUP_ID$<br>
<b>Ваш IP адрес:</b> $IP_ADDRESS$<br>
<b>Ваш браузер:</b> $USER_AGENT$ $USER_AGENT_VER$<br>
<b>Ваш пол :</b> $USER_GENDER$<br>
<center><?if($IS_NEW_PM$)?><b>$USERNAME$ у вас <a onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">$UNREAD_PM$ ЛС</a> !</b><?endif?></center>
</div>
</span></td></tr></tbody></table>
<!--/-->
<br>
<!-- -->
<table class="gTable1" align="center" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="75%">
<tbody><tr><td valign="middle" width="75%">
<img alt="" style="" onclick="expandit(this)" title="Доступные функции" src="http://master-of-happy.ucoz.ru/disayn_sad/instruments.png">
<span style="display:none">
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: #cdd2e8; text-align: justify;">
<center>
<input class="buttonprofile" onclick="window.open('/index/15-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Список пользователей" type="button">
<input class="buttonprofile" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Изменить сведения" type="button">
<input class="buttonprofile" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Читать ЛС ($UNREAD_PM$)" type="button"><br>
<input class="buttonprofile" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Профиль" type="button"><br>
<input class="buttonprofile" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button"> <br>
</center>
</div>
</span></td></tr></tbody></table>
<!--/-->
<center>
<script language=javascript 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,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=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") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
}
</script>
<?else?>

<br>Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!<br>
<br>$LOGIN_FORM$</br>
<?endif?></center>
<!--/Конец кабинету --> </div>
Прикрепления: 6233282.jpg(40Kb)
 
             
_Светлана_Дата: Среда, 31.08.11, 14:17 | Сообщение # 3
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Это код профиля, который есть на этом сайте. Я сама меняла цвета под шаблон и делала кнопки "Инструменты" и "Информация".

вот еще вид профиля со второго моего сайта "От сердца к сердцу":



основа та же, только цвета другие.

Как эти добром пользоваться?

Заходите на свой сайт и открываете Конструктор шаблонов. Создаете новый блок и заходите во вкладку с HTML кодами. Вставляете код, скопированный из окошка сверху. Затем сохраняете. Профиль готов.

Для тех, кого не устраивают цвета - можно подобрать свои, поменяв в коде
Прикрепления: 1088593.jpg(39Kb)
 
             
_Светлана_Дата: Среда, 31.08.11, 14:38 | Сообщение # 4
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Теперь на счет кнопочек. Вот здесь можно создать свои кнопки онлайн. Там все на анг. языке, но доступно.

С левой стороны идут:

Текст --надпись на кнопке

Шрифты на выбор - жирный, курсив и подчеркнутый, плюс выбор цвета надписи.

Тень, если нужна в надписи и ее цвет,если она нужна.

В каком формате выводить рисунок - лучше берите png, так так качество кнопки будет намного луче.

с правой стороны страницы:

тип кнопки: прямоугольная, с закругленными углами, овальная.
и радиус скругления.

Примечание: в тех кодах, что выложены, кнопку лучше ставить прямоугольную, там окошко под такие идет, а то уголки полупрозрачные от сетки будет видно. smail1

Затем идет тип заливки: однотонная, градиент, двухцветная и пирамида. Поэкспериментируйте - будет видно что и как.
Если два цвета в заливке, то там можно выбрать на свой вкус.

Еще бордюр у кнопки или тени в надписи.

Далее - размер кнопки - свободный-заданный или фиксированный. Лучше делать фиксированный, тогда еслди шрифт крупный, то он не будет ломать кнопку, а просто сделайте его меньше.

Размер кнопки для приведенных профилей - 175px × 23px

Далее, как только все оформите, можете скачать кнопку (Напоминаю, что лучше сохранять в формате png). У меня Мазилла, так я просто сохраняю как обычный рисунок через правый клик мышки.
После того, как вы скачали кнопку -залейте ее в корневую папку сайта. А адрес пропишите в код мини-профиля. а то будут мои картинки стоять))).

Это вот эти строчки:

Quote
<img alt="" style="" onclick="expandit(this)" title="Подробная информация" src="http://master-of-happy.ucoz.ru/disayn_sad/info.png">


кнопка Информация и еще одна строчка:

Quote
<img alt="" style="" onclick="expandit(this)" title="Доступные функции" src="http://master-of-happy.ucoz.ru/disayn_sad/instruments.png">


это Инструменты
 
             
_Светлана_Дата: Среда, 31.08.11, 15:09 | Сообщение # 5
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
И еще один момент - Аватар гостя. Залейте ту картинку, которая вам нравится, для аватара гостей также в корневую папку и ее адрес вставьте в код скрипта:

Quote
<?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://jscriptix.ru/00.gif" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://master-of-happy.ucoz.ru/disayn_sad/f5b4265aa726.gif"
 
             
_Светлана_Дата: Среда, 31.08.11, 15:40 | Сообщение # 6
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Если будут какие вопросы по этим мини-профилям - спрашивайте.
smail7
 
             
SОльгаSДата: Среда, 31.08.11, 16:55 | Сообщение # 7
Танцующая Богиня
Группа: Ученики
Сообщений: 1396
Статус: вне сайта
Спасибо за такие нужные моменты smail2
Установила себе мини профиль с первого сообщения )
Красота то какая smail11
 
             
_Светлана_Дата: Среда, 31.08.11, 16:57 | Сообщение # 8
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Далила)
Спасибо за такие нужные моменты

smail4 smail4 smail4
жаль, что я так и не смогла к тебе попасть, посмотреть.
smail3
 
             
SОльгаSДата: Среда, 31.08.11, 17:02 | Сообщение # 9
Танцующая Богиня
Группа: Ученики
Сообщений: 1396
Статус: вне сайта
Мне это тоже странным кажется )
сайт тоже в укозе )
Знакомая с Казахстана , с Усть Каменогорска, тоже не может сайт даже открыть )

о, я сейчас напишу в техподдержку, спрошу у них, почему так )
 
             
_Светлана_Дата: Среда, 31.08.11, 17:04 | Сообщение # 10
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Далила)
Мне это тоже странным кажется )
сайт тоже в укозе )
Знакомая с Казахстана , с Усть Каменогорска, тоже не может сайт даже открыть )

о, я сейчас напишу в техподдержку, спрошу у них, почему так )

наверное трафик ограничивают от нас.... smail6
 
             
SОльгаSДата: Среда, 31.08.11, 17:11 | Сообщение # 11
Танцующая Богиня
Группа: Ученики
Сообщений: 1396
Статус: вне сайта
чуть позже им напишу ) лазила лазила по форуму у них, нет ни раздела оффтопик , ничего такого где можно задать вопрос не по темам, которые уже выставлены )
покрылась потом от ярости smail8
сижу злая и зеленая smail5

Пока создавать тему буду с юмором smail11
 
             
_Светлана_Дата: Среда, 31.08.11, 17:27 | Сообщение # 12
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
а ладно, скрин потом хоть сделай - посмотрим.))
 
             
KsanaДата: Четверг, 01.09.11, 11:52 | Сообщение # 13
Парящий Ангел
Группа: Друзья
Сообщений: 118
Статус: вне сайта
Свет, а у меня выдало вот что Системой были найдены следующие ошибки:

Не найден код для всплывающего окна.
""
В шаблоне не найден обязательный код $POWERED_BY$

и я не знаю, чего делать...зашла в Конструктор шаблонов, вставила то, что ты предложила и вот... smail3
 
             
_Светлана_Дата: Четверг, 01.09.11, 12:10 | Сообщение # 14
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
ты куда вставляла? Конструктор - тот что на сайте в панеле админа, не заходя в ПУ. Ты сами шаблоны в ПУ не трогай. Как ты блоки новые делаешь на сайте для информеров там и пр. - вот так и создай. и уже в этот блок поставь код во вкладке HTML. Сохрани и все.

Quote (Ksana)
В шаблоне не найден обязательный код $POWERED_BY$

когда переделываешь из стандартного, то юкозовцы просят свой код-ссылку вставлять в новый шаблон.
Quote (Ksana)
$POWERED_BY$

вот это оно и есть. Просто внизу поставь этот код и сохрани.

Quote (Ksana)
Не найден код для всплывающего окна.


а ты весь код скопировала? Может не все? Ты просто нажми "выделить все" и скопируй. Потом поставь в новый блок.
 
             
KsanaДата: Четверг, 01.09.11, 14:04 | Сообщение # 15
Парящий Ангел
Группа: Друзья
Сообщений: 118
Статус: вне сайта
Quote (Нежный_Ангел)
ты куда вставляла? Конструктор - тот что на сайте в панеле админа,
smail3 теперь поняла )))

но приколы у меня не заканчиваются - потом разберусь smail1

спасибочки, Светик smail4


Сообщение отредактировал Ksana - Четверг, 01.09.11, 14:05
 
             
_Светлана_Дата: Четверг, 01.09.11, 14:14 | Сообщение # 16
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Ksana)
теперь поняла )))

Quote (Ksana)
но приколы у меня не заканчиваются - потом разберусь

ты расскажи как ты делаешь пошагово, чтобы было понятно куда и что ты вставляешь.
smail1
 
             
KsanaДата: Четверг, 01.09.11, 14:27 | Сообщение # 17
Парящий Ангел
Группа: Друзья
Сообщений: 118
Статус: вне сайта
Я открыла Конструктор, вошла в добавить блок +
вставило всю информацию
сохранила
получила на выходе название не кабинет, а что-то еще, я сообразила, что не не звала блок
но аватарка закрыла часть текста )))
 
             
_Светлана_Дата: Четверг, 01.09.11, 14:32 | Сообщение # 18
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Ksana)
получила на выходе название не кабинет, а что-то еще, я сообразила, что не не звала блок

потому что блоки контейнеров слева и справа настраиваются отдельно, уже в Дизайне сайта через ПУ. Ты можешь помень название блока как угодно. Щелкни на него дважды, там типа окошка появится, там и поменяй название - "Кабинет" или еще как назови. А размер аватарки - значит большая она у тебя.
та, что у меня здесь - 140px × 132px, до 150 максимум. Попробуй другую авку поставить и посмотреть как оно у тебя будет.
 
             
KsanaДата: Четверг, 01.09.11, 18:09 | Сообщение # 19
Парящий Ангел
Группа: Друзья
Сообщений: 118
Статус: вне сайта
Quote (Нежный_Ангел)
потому что блоки контейнеров слева и справа настраиваются отдельно
понятно ))) но оставлю это на позже smail3

я немного поиграла с этими возможностями, вставила себе часики и руны smail1 smail5 smail5 smail5 здорово
 
             
_Светлана_Дата: Четверг, 01.09.11, 18:13 | Сообщение # 20
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Ksana)
я немного поиграла с этими возможностями, вставила себе часики и руны

ну, с почином тебя!
smail4
Quote (Ksana)
здорово

smail5 smail5 smail5
ты прежде чем новшества вставлять, делай копию шаблона. Тогда если что не так пойдет, то всегда вернуть можно назад будет без потерь и нервов.
 
             
KsanaДата: Четверг, 01.09.11, 18:21 | Сообщение # 21
Парящий Ангел
Группа: Друзья
Сообщений: 118
Статус: вне сайта
Quote (Нежный_Ангел)
ты прежде чем новшества вставлять, делай копию шаблона. Тогда если что не так пойдет, то всегда вернуть можно назад будет без потерь и нервов.
ага, smail3 Свет, что ни слово - то новые моменты...прикольная наука эта - сайтостроение )))

только как ее делают эту копию ???

Quote (Нежный_Ангел)
ну, с почином тебя!
спасибо smail5
 
             
_Светлана_Дата: Четверг, 01.09.11, 18:23 | Сообщение # 22
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (Ksana)
что ни слово - то новые моменты...прикольная наука эта - сайтостроение )))

только как ее делают эту копию ???

давай я этот вопрос перенесу в другую тему и там отвечу, ага?
smail1

вот здесь все расписала как и что
 
             
ИндЖИкаДата: Понедельник, 03.10.11, 02:10 | Сообщение # 23
На волне Реки Жизни
Группа: Друзья
Сообщений: 1098
Статус: вне сайта
Получилось сделать))))) Суперски. Еще правда кнопочки переделать не попробовала)))) Получается, что в мини-профиле и есть форма для входа. Можно тогда блок с формой для входа удалить))))) smail7 smail7 smail7

Светуль, благодарю за описание !!!!!! smail4 smail4 smail4




Я люблю тебя безусловно, из глубины моего сердца. Благославляю каждый твой момент СЕЙЧАС ЛЮБОВЬЮ И ИЗОБИЛИЕМ!!!
 
             
ИндЖИкаДата: Воскресенье, 09.10.11, 02:45 | Сообщение # 24
На волне Реки Жизни
Группа: Друзья
Сообщений: 1098
Статус: вне сайта
Вот мой как выглядит))))))))))))

Прикрепления: 0624959.png(149Kb)




Я люблю тебя безусловно, из глубины моего сердца. Благославляю каждый твой момент СЕЙЧАС ЛЮБОВЬЮ И ИЗОБИЛИЕМ!!!
 
             
_Светлана_Дата: Воскресенье, 09.10.11, 06:07 | Сообщение # 25
Лайф-коуч
Группа: Админ
Сообщений: 9464
Статус: вне сайта
Quote (ИндЖИка)
Вот мой как выглядит)))))))

Умничка! И кнопочки сделала - симпатишно! Только когда ты его покажешь уже?
smail1
 
             
Форум сайта по духовному развитию и самопознанию » Пыльца Творчества » Основы сайтостроения » Полезные штучки для сайта (мини-профили пользователей и не только)
Страница 1 из 212»
Поиск:



Мастерская Счастья  ©2009 - 2017
при использовании материалов сайта, активная ссылка обязательна


HotLogРейтинг@Mail.ruTop SunHome.ruLightRayРейтинг Сайтов Развивающих ЧеловекаRambler's Top100Этот сайт защищен «Site Guard»
Эзотерический портал Живое Знание - место духовного развития и обмена Новым Знанием.Яндекс.МетрикаЯндекс цитирования  
Используются технологии uCoz