Сначала немного теории:
Почти на всех страницах используется ajax окна и из-за этого идет
подгрузка нужного java скрипта которая непосредственно и отвечает за
создание окна, и исходя из этого данные окна можно содать почти везде.
Почему почти? Повторюсь не везде прописан код jav'ы... А теперь само создание, так как ajax окно состоит и из xml файла, где описано его содержимое, то:
1 шаг. создание xml файла: В любом текстовом редакторе потдерживающем кодировку Utf-8, пишем:
здесь: ID - Уникальное имя xml и ссылки (тот же ID, что и в xml файле) синим - прямая ссылка до xml файла красным - название создаваемого окна фиолетовым - это рамеры окна, где 200 - ширина и 100 - высота соответсвенно зеленым - сама ссылка Ну все ваше ajax окно создано!
Скриншот (от англ. screenshot - снимок экрана) - это изображение,
полученное компьютером и показывающее в точности то, что видит
пользователь на экране монитора.
Простейший способ получения
снимка экрана для Windows — использование клавиши PrintScreen (для
всего экрана) или клавиш Alt + PrintScreen (для текущего окна, если
открыто несколько окон). Снимок копируется в буфер обмена операционной
системы и может быть вставлен и отредактирован в любом графическом
редакторе (например, Paint, Photoshop).
3. Открываем редактор
- Paint (Пуск >> Программы >> Стандартные >> Paint).
Вставляем изображение (Правка >> Вставить). Если необходимо, то с
помощью инструмента выделения корректируем изображение. Сохраняем (Файл
>> Сохранить как) рисунок в формате jpg, png или gif. -
Photoshop. Вставляем изображение. Если необходимо, то с помощью
инструмента обрезки корректируем изображение. Уменьшаем изображение,
если оно превышает максимально допустимые размер, установленные в той
или иной теме. Сохраняем в формате jpg, png или gif. 4. Выкладываем полученное изображение в нужное место.
Совет!
Всегда акцентируйте внимание на детали, ради которой сделан скриншот.
Самый хороший способ - оставить только деталь. Также допускается и
графическое акцентирование (указатели, рамки, подчёркивание и проч.). И
для скриншотов, могу отрекомендовать программу FastStone Capture для
домашнего использования она бесплатна. В целом упрощает общую задачу и
дает ряд дополнительных возможностей.
потом копируете код и вставляете в место того что есть в таблице стилей... он похож вы его быстро найдете
Далее более подробно об этом
Как изменить группу пользователя
1. Панель управления >> Пользователи; 2. Кнопка вверху
"поиск", а также "полный список"; 3. Найдя нужного вам пользователя
нажимаете на иконку "Редактировать" <img
src="http://src.ucoz.ru/img/ma/edt.gif" alt="редактировать">; 4.
Выбираете новую группу пользователя. 5. Чтобы изменения переноса
вступили в силу, пользователю нужно перелогиниться (выйти и зайти).
========================================= Второй вариант более
простой. Нужно зайти на сайт как администратор и перейти на
страницу пользователя, которого хотите перенести. В профиле пользователя
будет список группы, выбираете новую группу и переносите. Кроме этого
вы еще можете удалять пользователей.
Цвета групп
Если вы используете стандартные таблицы стилей
то Админы -красные, Модераторы - синие, Проверенные -зелёные и задаётся это следующими строками:
Code
/* User Group Marks */ a.groupModer:link,a.groupModer:visited,a.groupModer:hover
{color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover
{color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover
{color:green;} /* ---------------- */
Группа Пользователи здесь не указывается и её цвет задаётся первыми
строками таблицы стилей, то есть это цвет общих ссылок. Если вы хотите
ввести для Пользователей свой цвет, то добавляете строчку для groupUser.
Code
/* User Group Marks
*/ a.groupModer:link,a.groupModer:visited,a.groupModer:hover
{color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover
{color:red;} a.groupUser:link,a.groupUser:visited,a.groupUser:hover
{color:#A8C9E2;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover
{color:green;} /* ---------------- */
Каждая новая добавленная вами группа получает обозначение
groupOther(1-10), так как добавить можно 10 групп. Номер группы в этом
случае очерёдность добавления.
Code
/*
User Group Marks */ a.groupModer:link,a.groupModer:visited,a.groupMo der:hover
{color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupA
dmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover
{color:green;} a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover
{color:Yellow;} a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover
{color:DarkCyan;} и т.д. аналогично /*
---------------- */
Цвет можно
назначать как названием на английском так и шестнадцатиричным кодом RGB.
Может ли группа "Пользователи" использоват html-коды? Нет, такая возможность есть только для
групп, в которые администратор САМ перемещает пользователей. Иначе вам
быстро взломают сайт.
Как сделать, чтобы имена
отображались жирным шрифтом в "кто онлайн на сайте и форуме"?
Code
/* User Group Marks */ a.groupModer:link,a.groupModer:visited,a.groupModer:hover
{color:blue;[b]font-weight:bold;[/b]} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover
{color:#bf0577;font-weight:bold;}
но результата нет. Что я не так сделал? Варианта два: 1. Ваша
VIP-группа не Other1 2. В шаблоне ссылка не на тот файл стилей,
который вы меняли. Я создал группу VIP и поставил цвет:
А вообще, пользователь может
просто переподключиться (если айпи динамический) или зайти под прокси, в
этом случае Вы потратите время. Изучайте систему и интернет технологии,
придумывайте "штучки" для подкола неугодных пользователей...
Цвета
ников в сообщениях
Можно ли сделать так, чтобы цвета,
которые я установил для групп, отображались при ответе на форуме, а то у
меня все ники в ответах голубые.
Идём в шаблон "Вид материалов"
форума, находим строчку:
cохраняем шаблон, дальше идём в "Таблицу стилей (CSS)" и вписываем
там следующие строчки:
Code
a.postUser1
{color:#000000;} - цвет группы 1 a.postUser2 {color:#00FF00;} -
цвет группы 2 a.postUser3 {color:#0000FF;} - цвет группы
3 a.postUser4 {color:#FF0000;} - цвет группы 4
Ну и так далее для каждой группы (если у Вас больше четырёх).
Дальше ставим определённый цвет ника определённому пользователю, там же,
в CSS пишем:
Code
.forum_nik1
{color:#F6F6F6;} - цвет ника для пользователя с ID=1 .forum_nik6 {color:#F7F7F7;} - цвет ника для пользователя с ID=6 .forum_nik7 {color:#F9F9F9;} - цвет ника для пользователя с ID=7 .forum_nik4 {color:#A6A6A6;} - цвет ника для пользователя с ID=4
Таким образом можно указать для каждой группы свой цвет, при это
остаётся возможность поставить каждому пользователю персональный цвет
ника в сообщениях форума.
Прочие обозначения цветов
пользователей.
На Главной форума: 1. Приветствуем
нового участника - class="lastUserLink" (если не задан, то имеет цвет
общей ссылки) 2. Поздравляем с Днем Рождения! -
class="userBirthdayLink" (аналогично) 3. Модератор форума -
class="forumModer" (аналогично) 4. Автор темы -
class="lastPostUserLink" (аналогично) Внутри форума на странице
разделов и форумов п.п. 3 и 4 те же классы.
На странице с
сообщениями: 1. Модератор форума - тот же class="forumModer" 2. Ник пользователя - class="postUser" 3. Название группы -
class="postUserGroup" ('то не ссылка, а простой текст и класс
распространяется на оба слова - например, группа: Модераторы)
На
сайте названия групп также определяются классами groupModer,
groupAdmin, groupUser и т.д. Если вы хотите внизу форума сделать
расшифровку цифрового обозначения групп, то поместите в шаблоне внизу
под $BODY$ следующий код
И самое главное - меняя цвета групп озаботьтесь
проверкой, указан ли в шаблоне страницы адрес именно того файла в
который вы вносите коррекции? В шаблоне должна быть строчка:
этот скрипт на js старый называется он glossy единственный его недостаток скожу по секрету то что он изменят и вес фото.. для нормальной работы вес картинки не должен привышать 30-40 кб.. иначе грузится долго,по тому что картинка веси если созранить ее в 2-3 раза больше и за этих прибамбасов
вот картинка оригинал весит 33.56 КБ
а вот что с неи делает скрипт и весит 120 кб
для создания этого вам нужно вставить на странице в
при создание ротатора использовать функцию полный код... и все определения картинки нужно вставить в месте с ссылкой на картинку ,даже можно всю шапку пихнуть,что б не запутаться ,тогда будут выдержаны размеры картинки
» Зарег. на сайте Всего: 47 Новых за месяц: 46 Новых за неделю: 44 Новых вчера: 9 Новых сегодня: 0 » Из них Администраторов: 1 Модераторов: 0 Проверенных: 0 Обычных юзеров: 46 » Из них Парней: 45 Девушек: 2
Заходим в ПУ сайта - информеры - создать информер - [ Счетчики для пользователей · Материалы · всех, по группам, по полу, по дням (сегодня, вчера, 7 дней, 30 дней) ]. Сохраняем Настраиваем дизайн информера Удаляем то что там и вставляем это
Code
<hr><div align="left"><strong><font color="#ffa500"><font face="Comic Sans MS">»</font> </font>Зарег. на сайте</strong> <br> <img src="http://soft-new.at.ua/Images-CTAT/users.png"> Всего: $ALL_USERS$ <br> <img src="http://soft-new.at.ua/Images-CTAT/nm.png"> Новых за месяц: $30DAYS$ <br> <img src="http://soft-new.at.ua/Images-CTAT/nm.png"> Новых за неделю: $7DAYS$ <br> <img src="http://soft-new.at.ua/Images-CTAT/nm.png"> Новых вчера: $YESTERDAY$ <br> <img src="http://soft-new.at.ua/Images-CTAT/nm.png"> Новых сегодня: $TODAY$ <br><font face="Comic Sans MS"><font color="#ffa500"><strong>»</strong></font><strong><font color="#ffa500"> </font></strong></font><strong>Из них</strong> <br> <font color="#ff0000"> </font><img src="http://soft-new.at.ua/Images-CTAT/admin.png"><font color="#ff0000"> Администраторов: $GROUP_4$ </font> <br> <img src="http://soft-new.at.ua/Images-CTAT/gr.png"><font color="#0000cd"> Модераторов: $GROUP_3$</font></div><div align="left"><img src="http://soft-new.at.ua/Images-CTAT/user_gray.png"><font color="#006400"> Проверенных: $GROUP_2$ </font> <br><img src="http://soft-new.at.ua/Images-CTAT/user_orange.png"><font color="#ffa500"> Обычных юзеров: $GROUP_1$</font> <br><strong><font color="#ffa500"><font face="Comic Sans MS">» </font></font></strong><strong>Из них</strong> <br><img src="http://soft-new.at.ua/Images-CTAT/nm.png"> Парней: $GENDER_1$ <br> <img src="http://soft-new.at.ua/Images-CTAT/userw.png"> Девушек: $GENDER_2$ </div>
Вот и все готово. Осталось вставить ссылку на информер или тег на сайте
Очень просто: пример как фон сделан на нашем сайте смотрите пример вокруг рамки новости.
создаем документ размером 4х4 пикселя покрываем его нужным фоном общим к примеру серым далее переключаемся в режим карандаш при этом за ранее выбрав цвет узора полоски и на носим вот такие вот квадратики по 1 пикселю как вы видите что их всего 4 в увеличенном состояний. Для фона не стоит прибегать к ярким или контрастным узорам фон не должен отвлекать глаз а привлекать наоборот Далее вставляем нашу картинку сохранив ее в формате в gif в данный вид кода Как изменить фон сайта?
Как использовать условия Если вы совершенно не понимаете, как работают условные операторы и информации в панели управления для вас мало, то я попробую вам объяснить. Самое главное, чтобы вы настроились на то, что это очень просто. Так оно и есть!
И так, начну с понятий. Условные операторы - это специальные коды-символы, которые могут выполнять какие-то сценарии. Вы можете создать совершенно новую опцию на своём сайте, которая собственно не предусмотрена панелью.
Для начала нужно понять и привыкнуть к составляющим частям самого кода сценария, а это:
- это какое-то условие (код), которое говорит оператору с кем мы имеем дело и с чем работать. Заменяем мысленно фразой «Если есть»;
- это оператор которое выполнит то, что вы скажете, когда условие не соответствует названным. Мысленно заменяем фразой «Если нет»;
- это конец условного оператора, мысленно заменяем «Конец»;
Теперь разберем простой пример, который приводится в панели управления:
(Из редактора страниц)
Code
<?if($USER_LOGGED_IN$)?> Hello, $USERNAME$ <?else?> You are GUEST. Please register. <?endif?>
Что это на нашем языке написано: «Если есть авторизированный пользователь, то «Привет его логину!», а если нет, «Привет Гостю!» и конец.»
Почему? Откуда? Подробней!
Что в данном коде использовалось:
Мы оператору сообщили, что наш сценарий направлен, чтобы поздороваться с теми, кто авторизирован. Мы поставили вместо $код$ следующий $USER_LOGGED_IN$ , то есть сказали «Если есть авторизированный - ». После идет какая-то ваша информация доступна только авторизированным. Однако мы попутно можем использовать условие если они не соответствуют названным, а именно у нас не соответствуют Гости. Значит, мы после информации для зарегистрированных вписываем информацию для гостей.
Мы так же можем исключить Гостей совершенно и вывести информацию только зарегистрированным. Для этого просто не используем «Если нет». Получаем следующее:
Code
<?if($USER_LOGGED_IN$)?> Как хорошо, что вы зарегистрировались! <?endif?>
То есть в данном случае фразу «Как хорошо, что вы зарегистрировались!» видят только те, кто вошёл под логином.
Условием для работы операторов может быть любой код, который указан как работающий в каком-то модуле. В нашем случае (редактор страниц) могут примеры:
<?if($USER_LOGGED_IN$)?> Вы с нами уже$USER_REG_DAYS$ дней! <?else?> Пожалуйста, зарегистрируйтесь. <?endif?>
И так далее.
Условия для сценария можно изменить с помощью дополнительных возможностей, которые поддерживают операторы. Это знаки «=», «>», «<». При необходимости, приравненные разделяются вертикальной чертой. После знака, вы сообщаете оператору на кого направлен весь сценарий.
Code
<?if($код$='условие')?> Я это вижу <?else?> А вот я вижу это <?endif?>
Или
Code
<?if($код$='условие')?> Самое главное, что я это вижу <?endif?>
Пример:
Code
<?if($USER$='Дима')?> Дима, не забудь каждый день читать почту. <?endif?>
То есть, на словах «Если есть логины вошедших и среди них есть Дима (='Дима'), то ему показать это…»
То же самое касается групп, имён, пола, даты и всего что работает из кодов. Ещё примеры:
Code
<?if($USER$='Mike' or $USER$='Lola')?> Дима и Света, вот тайная ссылочка …. <?endif?>
Группы:
Code
<?if($GROUP_ID$=3 or $GROUP_ID$=4)?> Модеры и Админы, все кликаем на рекламу тут… <?endif?>
И т.д.
Однако операторы могут работать друг в друге. Пример:
Code
<?if($USER_LOGGED_IN$)?> Привет $USER$! <?if($GROUP_ID$=3 || $GROUP_ID$=4)?> Не забываем кликать на рекламу! <?endif?> <?else?> Пожалуйста, зарегистрируйтесь. <?endif?>
Сценарий такой: «Если есть вошедшие, то Привет им, а если среди них есть Админы и Модеры, то добавить Кликаем на рекламу, если есть то кто не вошел, то просим зарегистрироваться и конец.»
background-position - задает стартовую позицию фонового изображения. background - объединяет в себе все свойства, которые используются для определения фона страницы. background-attachment - определяет является ли фоновое изображение фиксированным или прокручивается вместе со страницей. background-color - задает цвет фона для элемента. background-image - определяет используемое изображение фона для элемента. background-repeat - определяет как повторять фоновое изображение.
Code
border-bottom-width -задает ширину нижней границы элемента. border-left-width - задает ширину левой границы элемента. border-left-style - задает стиль левой границы элемента. border-left-color - задает цвет левой границы элемента. border-left - объединяет в себе все свойства, которые используются для определения левой границы (рамки) элемента. outline-color - задает цвет внешней границы элемента. border-collapse - способно удалять двойные линии (границы) на месте стыка ячеек таблицы. border-width - задает ширину для четырех границ. border-top-width - задает ширину верхней границы элемента. border-top-style - задает стиль верхней границы элемента. outline-style - задает стиль внешней границы элемента. border-right - объединяет в себе все свойства, которые используются для определения правой границы (рамки) элемента. border-right-color - задает цвет правой границы элемента. border-right-style - задает стиль правой границы элемента border-bottom-color - задает цвет нижней границы элемента. border-bottom - объединяет в себе все свойства, которые используются для определения нижней границы (рамки) элемента. border - объединяет в себе все свойства, которые используются для определения границы (рамки) элемента. border-color - задает цвет для четырех границ. outline - задает внешнюю границу вокруг элементов border-top-color - задает цвет верхней границы элемента. border-top - объединяет в себе все свойства, которые используются для определения верхней границы (рамки) элемента. border-style - задает стиль для четырех границ. border-spacing - задает расстояние между границами ячеек в таблице border-right-width - задает ширину правой границы элемента. outline-width - задает ширину внешней границы элемента.
Code
min-width - определяет минимальную ширину элемента. max-width - определяет максимальную ширину элемента. min-height - определяет минимальную высоту элемента. height - определяет высоту элемента. width - определяет ширину элемента. max-height - определяет максимальную высоту элемента.
Code
font-size - задает размер шрифта. font-weight - определяет толщину символов в тексте. font-style - задает стиль шрифта для текста. font-family - задает шрифт для элемента. font - бъединяет в себе все свойства, которые используются для определения шрифта. font-variant - определяет должен ли текст отображаться капительными буквами или нет.
Code
quotes - задает тип кавычек, которые используются для вставленных цитат. counter-reset - создает или сбрасывает один или несколько счетчиков. counter-increment - используется для увеличения значения счетчика приращений content - предназначено для вставки сгенерированного контента
Code
caption-side - задает расположение заголовка (подписи) таблицы. empty-cells - позволяет определить показывать границы и фон пустых ячеек или нет. table-layout - позволяет определить алгоритм разметки таблицы.
Code
vertical-align - задает вертикальное выравнивание элемента. word-spacing - уменьшает или увеличивает пробелы между словами. white-space - определяет отображение пробелов между словами. text-align - определяет горизонтальное выравнивание текста в элементе. text-indent - определяет отступ первой строки в текстовом блоке. text-decoration - определяет оформление текста. direction - позволяет задать направление отображения текста. line-height - определяет высоту строки. letter-spacing - увеличивает или уменьшает расстояние между буквами в тексте. color - позволяет задать цвет текста. text-transform - контролирует в тексте выделение заглавными буквами.
Code
:lang - добавляет стиль к элементу со специальным атрибутом lang. :hover - добавляет стиль к элементу при наведенной мышкой. :active - добавляет стиль к активному элементу. :first-child - добавляет стилевое оформление к первому дочернему элементу селектора :visited - добавляет стиль к посещенной ссылке. :after - добавляет контент после элемента. :before - добавляет контент до элемента. :focus - добавляет специальный стиль к элементу, который получает фокус. :first-line - добавляет стилевое оформление к первой строке текста. :first-letter - добавляет стилевое оформление к первой букве текста. :link - добавляет стиль к непосещенной ссылке.
Code
list-style - объединяет в себе все свойства, которые используются для определения внешнего вида списка. list-style-position - определяет место расположение маркера списка. list-style-type - определяет тип маркера в списке. list-style-image - заменяет маркер списка изображением.
Code
margin-top - определяет верхний отступ для элемента. margin-right - определяет правый отступ для элемента. margin-bottom - определяет нижний отступ для элемента. margin-left - определяет левый отступ для элемента. margin - задает все свойства отступов в одной строке.
Code
padding-top - задает верхнее поле для элемента. padding-right - задает правое поле для элемента. padding-left - задает левое поле для элемента. padding-bottom - задает нижнее поле для элемента. padding - задает все свойства полей в одной строке.
Code
top - устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов. cursor - определяет тип курсора при наведении мішки на элемент. display - определяет, как элемент должен быть показан в документе. visibility - способно сделать любой видимым или невидимым. right - устанавливает положение правого края содержимого элемента. z-index - управляет расположением элемента по z-оси float - определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон. clip - позволяет определить область позиционированного элемента, в которой будет показано его содержимое. left - устанавливает положение левого края содержимого элемента clear - устанавливает с какой стороны элемента запрещено обтекание другими элементами. overflow - управляет отображением содержания блочного элемента bottom - устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. position - используется для позиционирования элемента.
Вы спросите почему не стандартным способом, .. отвечу, дело в том что я часто наблюдал на ucoz сайтах то что слетает таблица стилеи то есть ссылка на нее, когда создаешь страницу сайта со своей таблицей то ей после каких то обновлений ссылка изменяется стиля на стандартный, что портит дизайн. При использования вывода импорта стиля таким способом в будущем не придаст вашеи странице проблемы так что используйте смело. Лучше всего его заменить пустым полем в быстрой замене шаблона.Далее я приведу небольшой список кодов, которые можно заменить.
Понадобилось изменить вид формы? Это очень просто! Форма поиска на uCoz выводится стандартным кодом $SearchForm$. Сейчас мы его немного настроим под свои нужды... 1. В шаблоне дизайна страницы "Поиск" находим вышеупомянутый код $SearchForm$.
Где: 1. http://site.ucoz.ru/news/ - раздел поиска на вашем сайте, там где пользователи будут искать. 2. class="s_field" - стиль самой формы поиска. 3. style="width:280px" - длина формы поиска. 4. class="button" - стиль кнопки поиска. 5. value=Поиск!" - текст на кнопке поиска.
Смысл установки заключается в создании html страницы, так называемого каркаса, который содержит определенные теги и коды. Для начало изучим основные теги которые нам понадобятся для установки шаблона.
Code
<!-- <header> -->…<!-- </header> -->
это верхняя часть сайта, чаще всего –это шапки сайтов. Но может быть и такое, что особо выделенной верхней части сайта может и не быть.
Code
<!-- <container> -->…<!-- </container> -->
Между этими тегами располагается колона блоков, справа и слева или же с какой-нибудь одной стороны.
Code
<!-- <block> -->…<!-- </block> -->
этот тег непосредственно относится к самому блоку, который располагается между тегами
Code
<!-- <middle> -->…<!-- </middle> -->
Часть дизайна, которая не будет использована в модуле "Форум". Обычно, это центральная часть сайта, находящаяся между Верхним и Нижним блоками.
Специальный код, уникальный для всех страниц сайта. Для чего нужен этот код? Ну например, вы хотите сделать сообщение с предупреждением на форуме, но в определенном разделе. Например, выберем тестовый раздел, и попробуем добавить сообщение только на страницу этого раздела.
1.Переходим на страницу раздела (в нашем случае это forum/2 ) 2.Смотрим значение кода $URI_ID$ для этой страницы:
3.Составляем условие для этой страницы, на примере кода:
Code
<?if($URI_ID$='frForum2')?>Внимание! В этом разделе необходимо создавать темы исключительно по правилам! Создав неправильно тему вы получите бан! <?endif?>
И так, по коду, сообщение будет выводиться исключительно в данном разделе, и ни на каких других страницах форума. Вставлять готовый код нужно в шаблон «Общий вид страниц форума»
Рассмотрим еще один пример. Для того, что бы добавить текст на страницу создания темы, необходимо перейти на эту страницу и узнать код:
Теперь можно легко составить условие:
Code
<?if($URI_ID$='addthread')?>При создании темы следите за своей орфографией! <?endif?>
Этот метод я больше всего использую на своем сайте http://ucozon.ru/
чем он удобен , тем что в него можно встраивать ссылки с тегами, что не сделаешь в других окнах ajax. как выглядит примерный скрипт:
Code
<script type="text/javascript"> vid_rekc = function(){ new _uWnd('myName','Форма заказа на ucozon.ru',300,150,{min:1,shadow:1,header:1,max:1,modal:1,resize:0},'Добро пожаловать на сайт ucozon.ru'); } </script>
Установка обычно поверх ссылки вызова, можно вставить этот скрипт и в js файл убрав предварительно
Code
<script type="text/javascript"> и </script>
и вставлять сам файл таким образом
Code
<script type="text/javascript" src="/ссылка на файл js/ajax1.js"></script>
где уже указывал что такое min:1,shadow:1,header:1,max:1,modal:1,resize:0 в прошлом ответе ,300,150, ширина и высота окна vid_rekc это уникальное имя вызова окна, заметьте что оно есть и в ссылки вызова сама ссылка вызова окна
где
auto тип курсора определяемый броузером
клиента Последняя строка в таблице значений это загружаемый
курсор. URL-адрес курсора, x1.gif -имя файла курсора (обычно
*.cur или *.ani). Согласно CSS версии
2.00 анимационные курсоры не
поддерживаются.
для
картинок где в место cursor.cur вставляем свою иконку курсора то есть
ссылку на нее
Code
style="cursor: url(cursor.cur),
text;"
Это для простого курсора создаем стиль текста help заменяем на любои из
таьлицы нужный курсор
Каждый кто в первый столкнулся с построение и созданием сайта практический не руководствуется элементарным к примеру Тематика сайта Оптимизация сайта Удобство дизайна сайта Понятный контент Эксклюзивность материалов сайта Уважение посетителей Увлекательность сайта Как правило все хотят создать сайт и на 3 день получать с него доход, в скором понимают нужно вложить труд, потом понимают что труд есть но толку от него не какого и начинают спамить свои ресурс на других сайтах, думая что ихний сайт на столько привлекателен что пользователь поселится на нем, но увы проходит снова время и понимание безуспешности накрывает, Другой пользователи скупают сайты забитые контекстом не уникальным с хорошим посещением и сразу врубают всю рекламу за которую платят, кликандеры и все что портит сайт и его репутацию, но по прохождению времени не делая усилия по развитию сайт умирает и пользователи идут на другие сайты. Из этого простой вывод сайт нужно сделать привлекательным, не в коем случае не использовать принудительной рекламы. Понятно для 75% пользователей ucoz цель заработать легко много денег, вы это добьетесь когда будете иметь сайт с посещаемостью более 1000 хостов в сутки, на честной рекламе или в том же "гугле" но без принуждения .
Мы чуток отошли к рассуждениям и наставлениям но вернемся к теме раскрутки, занчить так что необходимо для успеха сайта я писал уже чуть выше, на что нужно нажимать для 100% эффекта так это на уникальность контекста , пишите свое описание к программам но не отходя от сути, пишите сами как установить тот же скрипт, не копируйте текст описания, только хуже будет вашему сайту, и так же возможен бан от поисковика. Еще важно создать навигацию по сайту, сделать понятным и удобным меню , Вы должны понимать чем приятно и просто пользователь будет чувствовать себя на вашем сайте тем больше он будет на нем жить, клепать вот кнопки радио, все чем не нужно пользоваться так же не надо, достаточна одна панель, что бы глаза не разбегались все делать чистенько и просто, у нас много информеров которые будем убирать это лишнее я думаю. Следующий шаг в раскрутке так это оптимизация, уже много везде об этом писалось, но народ как воровал новость вместе с картинкой так и ворует не понимая что сайту хуже чужой хост картинки, Все ссылки с главной страницы убрать это очень важно и не обмениваться ссылками и кнопками, это поисковики видят и наносят ущерб в поисковой системе ранжированию сайта. Регистрируйте сайт в каталогах, закладках, блогах, пишите статьи о вашем сайте с жирными ссылками, используйте тег <h1>, <h2>, <strong>, <em> заключайте названия и оглавления в них, спросите зачем? да затем что это выделения главного ключевого из материала, но только не надо весть сайт в этот тег закрывать, это не принесет не чего, достаточно всего пару предложений важных вашей статьи. И самое простое для удачи сайта это зайдите на свой сайт, зарегистрируйтесь, и поживите на нем 1 день и посмотрите что мешает и нервирует вас и исправьте после.Часто дизайн менять я вам не советую так как это марка и цвет к которому привык постоянный пользователь, я по себе знаю когда крутой сайт и ты привык к дизайну то привыкнуть к новшествам очень трудно, я с отвращением принимаю изменения шаблона, и еще если он уродливей то на сайт не очень возвращаюсь, у нас дизайн не из красивых, просто простои но поменять шаблон мне не хочется, скорей всего по мелочам постепенно будем менять .
Краткая история сайта ucozon.ru Кому интересно прошлое сайта нашего то в 2008 году он был создан мною и тематика его была порно сайтом, так я думал сайт раскрутится , ну прошло время и я не увидел успеха, а только проблемы, сайт наш стоял без дела более чем пол года, так как я не имел времени и занимался другими сайтами и проектами. Общаясь на определенном сайте, мне подали идею о том если я создам сайт с видео уроками то подавшие идею будут ходить на мои сайт регулярно, вот так все и началось, я открыл свой заброшенный сайт и начал делать то во что мало верил если честно ). Сделал первые видео уроки вы можете их просмотреть одними из первых на нашем сайте к примеру моя первая идея как не достать пользователя Успеха я не видел, посетителей так же и пришел к выводу что как не крути нужно изучать опыт удачных сайтов. продолжение следует... Копирование статьи разрешено только с указанием ссылки на сайт http://ucozon.ru, т. е. с указанием первоисточника. 06.01.2012 Продолжать статью не хочется, потому что нашлись типа веб мастера копипастеры которые этот материал копируют и подписывают себя и свой ГС как автора, обидно и понятно, не кто сам себя уважать не умеет, тем более чужой труд. Вставлять на свой сайт историю нашего сайта и писать что ихний сайт создав 2008 году, а сайту и нету даже 1 года.. смешно , смешно что тупость обманутая собственной глупостью не дает понимания простых элементарностей, кому интересна статья тот читает, а кто копирует тот не имеет время на чтение, ему главное набрать по больше текста уникального. Для таких жмотов мастеров копипастеров, пишу одну особенность, текст, контекст должен быть тематическим, и уникальным, то есть первопрестольным в противном случае фильтр АГ-17 обеспечен. Я видел многие сайты, которые копировали мой материал, они гнались, долго за успехом, теперь 60% из них стоят заброшенные потому что терпения не хватило у наглых парней, а поисковики не приняли во внимание эти сайты, вот вам и ключ к успеху. С умом надо подходить, а не с наглостью воровства.
Если размеры ячеек
таблиц изначально не заданы, они "подстраиваются” под объем содержимого
ячеек. По умолчанию границы таблиц не отображаются
(border=0), чтоб назначить минимальную
окантовку, нужно задать
border=1.
Lorem ipsum dolor sit amet consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. ut wisi enim ad minim
veniam…
в первый тег
table нужно
добавить style="float: left; margin: 0 5px 2px
0;" для аналогичного обтекания текстом
справа: style="float: right; margin: 0 0 2px
5px;"
Параметр
cellpadding задает оступ текста от границ
картинки. Если объем текста превышает размеры картинки, она будет
автоматически продублирована нужное число раз (в примере выше 2
раза)
В
значения width и
height вместо многоточий ставятся размеры
картинки (их можно узнать из пункта "Свойства” вашей
картинки)
Разделить пост на две части можно так:
Lorem
ipsum dolor sit amet consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat
Duis
autem vel eum iriure dolor in hendrerit in vulputate velit
esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis …
Линии Оформление саита и для этого типы линий и как их
создавать
Линии можно
применять, например, для того, чтобы делить пост на логические разделы,
отделять друг от друга цитаты, мысли, афоризмы. Замечу, что
цветные линии отображаются на 100% корректно только в
IE Вот она, линия:
ее код:
Далее:
По
умолчанию линия имеет толщину 2 пиксела и некоторую
объемность.
Необъемная
линия:
Повторюсь, что цветные
линии корректно отображает только IE, поэтому иногда проще использовать
клавиатурные или спец. символы:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
оформленные
в виде текстового абзаца:
Можно
выпендриться как-нибудь эдак:
эдак:
эдак:
или
эдак:
Эти
линии представляют собой картинки (и их должны корректно отображать все
браузеры) Собраний таких картинок в сети сейчас пруд
пруди. Наберите
в поисковике divider - и
вперед Если нужно прижать линию к левой кромке записи, вместо
align=center ставьте
align=left к правой -
align=right
Что такое <head> </head> задаются многий новички этим вопросом, если сказать простыми словами в HTML языке это теги в которые заключаются все библиотеки и стили необходимые для работы данной страницы, так же скрипты тоже для этой же страницы. Находится этот тег в верху кода после тега <html> и всегда находится там, иначе и не может быть, Смотрите на скрине фото
<html> <head> Сюда стили и скрипты </head> <body> Сюда сам контекст страницы </body> </html>
Вот сюда и заключаются все вызовы js файлов, стилей , скриптов. Бывает по незнанию языка у многих перестает работать чат, меню, то есть вставлен какой то код и не в head который портит все и создает конфликт с фрэймам к примеру чата.Если тот скрипт перенести в head то все начнет работать должным способом нормально.
Самое главное в повышение популярности ресурса по местам важности:
Правило которое всегда сверху всех правил! Делайте сайт для пользователей, а не для поисковиков и заработка, Пока вы саит не раскрутите вы заработать даже копейки не сможите, по этому пару лет терпения и упорной работы, ну а потом уже результат превзойдет ваших ожиданий, и сайт будет работать на вас исправно.
1. Уникальность материала, то есть описания этого материала или статьи. Не копируйте с других сайтов, это ухудшает позицию сайта в поисковиках только! Поисковики в % соотношение определяю на сколько ваш сайт имеет уникальность текста, статей.
2. Покупайте рекламу на сайтах чистых с хорошим Тиц и ПР, и схожих по тематике с вашим. Не покупайте дешёвые места на сайтах которые не развиты и утыканы попандерами и рекламой, там где линк помойка успеха нет.
3. Все скриншоты картинки, заливать желательно только на ваш сайт, это не маловажная часть в развитие сайта вашего.
4. При написание уникальных статей обязательно в них должны присутствовать слова связанные с деятельностью вашего сайта, в тексте должен быть смысл, а не пустой набор слов для поисковиков. Дело в том что любой пользователь может подать жалобу на вашу статью и когда ребята с Яши прочитают вашу статью то могут сильно рассердиться на ваш сайт, так что смотрите что пишите.
5. Не допускать прямые ссылки на другие сайты, и самое важное не делать обмен ссылками, иначе вы можете попасть в бан. Можно располагать ссылку только тех ресурсов на которых нет ссылки на ваш сайт, можно только создавать многоугольник . Многоугольник это кода вы располагаете ссылку другого сайта у себя, а тот сайт 3 сайта у себя, а 3 сайт вашу ссылку, чем больше углов в этом деле тем лучше для вас.
6. Регистрируйте ваш сайт в каталогах, но не во всех подряд, в белых если то у вас большой шанс поднять быстро индексацию, но этим необходимо заниматься каждые пол года по тому что каталоги долго не живут многие и их банят поисковики, если ваша ссылка будет на сайте забанненом то у вас будут проблемы)
7. Пишите уникальные статьи и выставляйте их на популярном блоге с ссылками на примеры вашего сайта и ссылкой автора Не обязательно писать скрипты, можно делать красивыи дизайн элементов сайта, делать более красивей блоки, виды материалов вот посмотрите на мои виды, они не чем почти не отличаются от стандартных, но их охотней берут пользователи и за уникальности.
8. Все картинки на сайте должны быть подписаны тегом alt="описание картинки" это повышает индексацию ваших картинок и дает приток пользователей на ваш сайт
Создавайте что то свое ,вот как на нашем сайте видео уроков то что необходимо пользователям, то что вам интересно, то что имеет будущее и не забивайте интернет хламом копирования, все равно вы этот сайт бросите со временем когда поймете что успеха не видать. Количеством поисковиков индексацию не победить, я сам убедился в этом , 2 года я потратил на варез сайт, как я только не выгибался но больше чем 200-300 хостов не поднял, и это были те которые больше не возвращались на мой сайт, что очень плохо. После я понял что сайт мои не интересен, все приходят только что нибудь скачать, и только . Я так же сделал и музыку и торрент, и ТВ но все без успеха Что бы перенять с крупных сайтов пользователей не надо копировать на тех же сайтах материал, по тому что пользователи его и там наидут, создаваите свое развивайте свое и тогда будет вам удача и плоды в вашем труде над сайтом.
ПС. Весь материал это моя точка зрения на развитие сайта, не пытайтесь
копировать так как на крупных сайтах скорость сканирования больше чем на
малых, и кого первого про сканировал поисковик и занес в поиск, тот и
будет на первой страницы, а вы будите копировальщиком и вам будет минус
только от этого. По этому заявляю весь материал составлен из моей головы и не для поисковиков, а для пользователей, и я являюсь автором этои статьи и принадлежит она сайту http://ucozon.ru При копирование указывать первоисточник обязательно !!!
Предлогаю вам сделать как на нашем сайте ucozon.ru если вы заходили как гость и скачивали что либо то уже должны быть знакомы с завязочкой Установка Ниже приведенный скрипт - код вставляем в место вот этой строчки если у вас каталог файлов к примеру (в странице вида материалов и комментария)
<script type="text/javascript"> USER_LOGGED = function(){ new _uWnd('myName','Сайт сообщает!',300,200,{min:1,shadow:1,header:1,max:1,modal:1,popup:1,resize:0},'<div align="left">Что бы скачать данный материал вам необходимо <b>кликнуть по рекламе</b> и под рекламой появится прямая ссылка на файлообменик.<br>Что бы не кликать постоянно по рекламе мы вам предлогаем зарегистрироваться <a href="/index/3">регистрация</a></div>'); } </script>
Для этого можно воспользоваться простым способом через onmouseover То есть существуют 2 картинки которые одинаковых размеров и при наведение плавная смена на другую с эффектом hover используем ниже приведенный код
где: ссылка пример/forum/ -ссылка самой кнопки /img1.png ссылка на картинку №1 /img2.png ссылка на картинку №2 Вот в принципе и все, для выравнивания можно добавить стиль , но это уже в другой раз Теперь другой способ уже с помощью стиля работает вот таким способом
Создаем 2 картинки a и b разных цветов ahttp://1x.do.am/TV/img/1a.gif bhttp://1x.do.am/TV/img/1b.gif далее этот код скрипта вставляем между head ...... /head
<script type="text/javascript"> function
nrmurl(){$("#rchp, #normurl").show(); $("#nrml, #chpy").hide();}
function chpyrl(){$("#rchp, #normurl").hide(); $("#nrml,
#chpy").show();} function urlopen1(){new
_uWnd('link',Название',400,600,{align:0,shadow:1,autosize:1,maxh:350,minh:200,resize:0},'ТУТ
ЛЮБОЙ ВАШ БЛОК ИЛИ ТЕКСТ И Т.Д И Т.П');} </script>
В ТУТ ЛЮБОЙ ВАШ БЛОК ИЛИ ТЕКСТ И Т.Д И Т.П - Вписывается любой текст,
можно вставлять информеры, даже форму входа) Все uCoz'вские коды
работают в нем
urlopen1 - 1 это ID Ajax Окна,для каждого окна оно должно быть уникальным!
Теперь там где вам нужна ссылка на открытие окна вставляем вот это
urlopen1 - 1 Должно совпадать с ID кода в Ajax окне!
другой тип проверенный
Это после body
Code
<script type="text/javascript">
function nrmurl(){$("#rchp, #normurl").show(); $("#nrml,
#chpy").hide();} function chpyrl(){$("#rchp, #normurl").hide();
$("#nrml, #chpy").show();} </script>
Это окно: <a href="javascript://" onclick="new
_uWnd('myName','Окно
ajax',300,100,{align:0,shadow:1,autosize:1,maxh:350,minh:200,resize:0},'Тут
впишите Текст который будет отображаться в окне ajax');">Сcылка на окно ajax</a>
Авто-открытие окна делается так: Вставляем куда хотим код
Code
<script type="text/javascript">
new _uWnd('myName','Окно
ajax',300,100,{align:0,shadow:1,autosize:1,maxh:350,minh:200,resize:0},'Тут
впишите Текст который будет отображаться в окне ajax'); </script>
Открытие окна по клику с ID:
Quote
<script type="text/javascript"> $('#ID').click(function
() {new _uWnd('myName','Окно
ajax',300,100,{align:0,shadow:1,autosize:1,maxh:350,minh:200,resize:0},'Тут
впишите Текст который будет отображаться в окне ajax');}); </script>
Открытие окна по клику с Class:
Quote
<script type="text/javascript"> $('.Class').click(function
() {new _uWnd('myName','Окно
ajax',300,100,{align:0,shadow:1,autosize:1,maxh:350,minh:200,resize:0},'Тут
впишите Текст который будет отображаться в окне ajax');}); </script>
как можно без особых трудностей сделать
красивое и динамичное меню для сайта.
Меню выполнено с использованием
изображений, которые Вы с легкостью можете поменять на свои, но для
этого нужно разобраться, и понять структуру самого навигационного
блока.
Данный блок с интересным эффектом при наведении курсора мыши на элемент меню, может пригодится на Вашем сайте.
Шаг1.
Между тегами <head> </head> необходимо вставить код скрипта:
Code
<script language="JavaScript" type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script>
Шаг 2.
Создайте основу навигации и поместите этот код в то место страницы, где
Вы хотели бы видеть свой навигационный блок. Формат кода таков:
Внимание! Вы можете добавлять большее количество пунктов, только
незабывайте создавать дополнительные изображения и присваивать им
соответствующие номера в названии! Пример:
Меню такое же как на сайте ucozon.ru То есть переделанное из нашего меню в такой вот стандарт под сайты подходящие под cs по этому установка такая же что показана в видео уроке моем Видео урок установка меню как на ucozon и редактирование
Установка: эти скрипты с куками, jquery, закрыть\открыть вставляем в head
Операторы служат для
управления потоком команд в JavaScript. Один объект может быть разбит
на несколько строк,или, наоборот в одной строке может бытьнесколько
операторов.
Необходимо знать следующее, во-первых,блоки
операторов, такие как определения функций, должны быть заключены в
фигурные скобки. Во-вторых, точка с запятой служит разделителем
отдельных операторов. Если пропустить точку с запятой, поведение
программы станет непредсказуемым.
Так как JavaScript не имеет
жестких требований к форматированию текста программы, можно вставлять
символы перевода строки и отступа для лутшей читабельности текста.
Ниже описаны операторы, которые используются в JavaScript: break comment continue for for...in function if...else return var while with
Оператор break
Оператор Прерывает текущий цикл for и while, передавая управление первому оператору после цикла.
Применение оператора
Следующий пример добавляет элемент к форме в предположении,что все
элементы содержат числовые значения. Если встречается значение "0",
цикл прекращается.
Code
function CheckValues(form){ var total for (I=0; I<=form.elements.length; I++){ if (element[I].value="0"){ break;} else{ total +=I; document.write("Текущая строка: "+total);} } return total }
Оператор comment
Комментарии - это специальные замечания программиста, чтобы объяснить,
что делает данный скрипт, и они игнорируются интерпретатором.
JavaScript поддерживает следующий стиль комментариев:
Однострочные комментарии начинаются с символа (//). Многострочные комментарии начинаются /* и заканчиваются */. Примеры
Code
/*Начало комментария, а здесь комментарий заканчивается.*/ ...строки кода... // Однострочный комментарий
Оператор continue Передает управление оператору проверки истенности условия в цикле while
и оператору обнавления значения счетчика в цикле for. Важное отличее от
оператора break заключается в том, что оператор continue не прерывает
цикл, а делает следующее.
В цикле while, это переходит назад к условию. В цикле for, это переходит к модернизированному выражению. Синтаксис Continue Примеры Следующий пример демострирует цикл while, содержащий оператор continue, который выполняется, когда переменная i равна 3.
Code
i = 0 n = 0 while (i<5) { I ++, if (i == 3) continue n + = i }
Рассмотрим другой пример, который добавляет элемент к форме в
предположении, что все элементы содержат числовые значения. Если
встречается отрицательное значение, оно не включается в итоговую сумму.
Code
function CheckValues(form){ var total for (I=0; I<=form.elements.length; I++){ if (element[I].value<0){ continue;} else{ total +=I; document.write("Текущая сумма: "+total);} } return total }
Оператор for
Создает цикл с тремя необязательными выражениями, заключенными в
круглых скобках и разделенными точкой с запятой, сопровождаемыми
блоками утверждений, выполненных внутри цикле:
Code
for (initialExpression;condition;updateExpression) { ...строки кода... }
где
Выражение initialExpression используеться для инициализации переменной
счетчика, которую можно создоть с помощью оператора var. Это выражение
необязательно. Выражение condition, которое вычисляется на каждом
проходе через цикл. Если это условие истинно, то выполняются условия
внутри цикла. Это условие необязательно. Если оно опущено, то условие
всегда считается равным истинному, тогда цикл продолжается до ошибки
или до оператора break. Выражение updateExpression, вообще
используется для изменения значения переменной счетчика. Оно тоже
является необязательным. В этом случае можно обновлять значение
переменной счетчика внутри цикла. Примеры Оператор for
создает цикл ,продолжающийся до тех пор пока переменная счетчика i
меньше чем девять, увеличиваю i на однин после каждого прохода через
цикл.
Code
for (var i = 0; i < 9; i++) { n += i myfunc(n) }
Следующий пример создает цикл for, продолжающийся до наступления ошибки
или выполнения оператора break. Переменная счетчика увеличевается на
при каждом проходе цикла:
Code
for (var i = 0; ; i+=2) { ...строки кода... }
Продемонстрируем пример,который представляет цикл, не обновляющий
счетчик. Если счетчик нигде не будет обновлен в теле цикла, его
значение так и останется равным 0:
Code
for (var i = 0; i < 10;) { ...строки кода... }
Оператор for...in
Присваевает переменной поочередно все свойства объекта. Для каждого
свойства цикл for...in выполняет операторы, содержащиеся в теле цикла:
Code
for (var in obj) { ...statements... }
Примеры
Цикл for...in является полезным средством для отладки благодаря своей
способности вывести на экран все свойства объекта в одном цикле.
Code
fanction objectDisplay(obj) { var displayLine; for (var prop in obj) { displayLine =obj.name+"."+prop+"="+obj[prop]; document.write(displayLine+"<BR>") } document.write("End of object"+obj.name) }
Оператор function
Объявляет функции языка JavaScript, требует указания имени name и
списка параметров param. Для того чтобы возвращать значение, функция
должна иметь в себе оператор return, который указывает возвращаемое
функцией значение. Оператор функция вы не можете вложить в другую
функцию. Принято следующее написание этого оператора:
Code
function name([param] [, param] [..., param]) { ...statements... }
Примеры
Эта функция возвращает общую долларовую сумму продажи, когда дано число единиц, продаваемых изделий a, b, и c.
Оператор if...else - это условный оператор, который выполняет первый
набор утверждений, если значение condition истинно. В противном случае
выполняет второй набор утверждений, заключенные в операторе else, если
условие ложно. Если набор утверждений (statments), заключенные в
фигурные скобки {} содержит один оператор, то скобки можно опустить.
Условные операторы могут быть вложены друг в друга без ограничений.
Code
if (condition) { ...statements... }[else { else ...statements... }]
Примеры
Следующая функция преобразует значение минут текущего времени в двузначное число для использования в программе "Часы":
Code
fanction makeMinutes() { var minstring=""; var now = new Date(); var min = Date.getMinutes(); if (min<10) { minstring+=":0"+min;} else{ minstring+=":"+min;} return minstring }
Оператор return
Оператор return указывает значение, которое будет возвращено функцией.
return expression; Примеры
Следующая функция возвращает квадрат ее аргумента, x, где x - это число:
Code
function square( x ) { return x * x }
Нижеприведенный пример соединяет три строки вместе, используя в качестве разделителя запятую:
Code
function stringAssemble(string1,string2,string3) { return string1+","+string2+","+string3 }
Оператор var
Оператор var объявляет переменную varname и дополнительно может
присваевать ей значение. Имя переменной varname может быть любой
идентификатор, и значение может быть любое выражение. Область действия
переменных, является текущая функция или, если переменные, объявленные
вне функции, то весь текущий документ.
Использование var вне
функции необязательно; вы можете описать переменную, просто приписывая
ей это значение. Однако, использование var необходимо в функциях, так
как может быть глобальная переменная токого же имени.
var VariableName [= value] [..., VariableName [= value] ]
Примеры
Code
var num_hits = 0, cust_no = 0
Приведем пример, когда переменная globalString может быть использована
в любой функции или скрипте текущего документа, а переменная
localString видна только внутри функции bracket:
Code
var globalString function bracket(){ var localString="["+globalString+"]"; document.write(localString); }
Оператор while
Оператор while - это оператор цикла, который повторяет цикл, пока
значение condition есть истинно (true). Как только значение condition
становится ложным (false), то управление переходит к первому оператору
после фигурной скобки, закрывающей тело цикла while:
Code
while (condition) { ...statment... }
Примеры
Следующий цикл while повторяется, пока переменная n меньше чем три.
Каждая итерация увеличивает n и прибавляет его к x. Следовательно, x и
n пренимают следующие значения:
После первой итерации: x = 1 , n = 1 После второго итерации: x = 2 , n = 3 После третьего итерации: x = 3 , n = 6 После завершения третьей итерации, условие n < 3 становится ложным, следовательно цикл прекращается.
Code
n = 0 x = 0 while( n < 3 ) { n ++; x += n }
Следующий пример проверяет наличее в строке определенного символа и
прекращает поиск по окончании перебора всех символов строки или после
того, как находит искомый символ.
Code
var found=false n=0 while (n<=searhcString.length II !found) { if (searhcString.charAt[n]=="?") found = true else n++; }
Оператор with
Оператор with устанавливает объект по умолчанию для набора операторов.
Любые ссылки на свойства без явного указания объекта предполагают
объект по умолчанию. Заметьте, что круглые скобки требуются вокруг
объекта.
Code
with (object) { ...statment... }
Примеры
Оператор with особенно полезен при ссылках на объект Math в процессе вычислений.Например:
Code
with (Math) { a = PI * r*r x = r * cos(theta) y = r * sin(theta) }
Заходим в Панель управления - Форум - Настройки
форума. Набор кнопок и Набор иконок представляют из себя HTML ссылки, нажав
на которые можно посмотреть как выглядят стандартные наборы кнопок в открытых окнах как на скрине а
нажав на название или картинку набора можно посмотреть вид и название
файлов кнопок и иконок.
Порядок действий :
1. Рисуем свои
иконки или переименовываем понравившееся готовые в соответствии со
стандартом Ucoz. 2. Закачиваем иконки на сайт в отдельную папку.
3. После того как залили иконки, нужно указать ссылку к папке в которой
находятся эти иконки
Предлагаю вашему вниманию 3 разных вида, просмотрев код вам покажется доволно простым создавать верстку подобную. Которые наиболее распространенные в верстках div шаблона Сам HTML код страницы достаточно прост, простое знание css блочной верстки, и в остальном все заданное вами в таблице стилей выносит div массив на страницу актуализаций Простая верстка div 3 колонки, хэдэр и футер
эти скрипты вставлям после $BODY$ и изменяем ссылку рекламы талк на свою. если вы еще не зарегистрировались то вот вам не проблема регаитесь и зарабатываете с сайтом в 1500 хостов всутки можете получать в среднем от 10 до 60 руб в Доступно только для пользователей
Code
<script type="text/javascript"> USER_LOGGED = function(){ new _uWnd('myName','Сайт ucozon.ru сообщает!',300,200,{min:1,shadow:1,header:1,max:1,modal:1,popup:1,resize:0},'<div align="left">Что бы скачать данный материал вам необходимо <b>кликнуть по рекламе</b> и под рекламой появится прямая ссылка на файлообменик.<br>Что бы не кликать постоянно по рекламе мы вам предлогаем зарегистрироваться <a href="/index/3">регистрация</a></div>'); } </script>
Многие спрашивают как создать такой вид материалов на странице материала и комментария. Как сделать картинку с обтеканием текста вокруг ?
не чего сложного, создаем div массив на картинку и текст отдельный со стилями для картинки отходом от края в 8 pxс указанием что это блок display: block; Сам текст $MESSAGE$ так же вставляем и прилагаем стиль с отступом от картинки в 8px, копируем код и заменяем на свое тег $OTHER1$ - ссылка на картинку
Все готово, что бы изменить цвета: background:#FFF цвет фона по умолчанию background:#CCC цвет фона при наведение color:#444 цвет шрифта color:#111 цвет шрифта при наведение font-size:11px размер шрифта width:100% ширина кнопки всей можно изменить в px
1. Понятно дело, нам нужно его скачать сначала и разобрать то что в нем есть, бывают что шаблон не качественный и вам его не стоит использовать, смотрите отзывы для шаблонов если сами не можете определить хороший ли он и с качеством сделан он или нет.
2. Далее смотрим что именно мы скачали, если это общий шаблон, то значит его можно применять, для всех страниц, кроме форума (ну если только в описании шаблона не написано, что можно применить и для форума!)
3. Заходим в панель управления сайтом (http://www.ваше_название_сайта.ucoz.ru/admin): Главная » Управление дизайном » Конструктор шаблонов.
4. В скачанном архиве убеждаемся, что есть: tmpl.txt (основной код шаблона или просто название "код шаблона"), styles.css (таблица стилей-CSS которую нужно заливать и проверять на все ссылки картинок что бы были рабочими в ней), и папка img (где находятся все использованные рисунки шаблона, желательно смотреть в шаблоне ссылки на картинку, по умолчанию название папки такое же как вложено в шаблоне.).
5. Открываем tmpl.txt (например с помощью блокнота), копируем весь текст (ctr+A, ctr+C), и вставляем в конструкторе шаблонов.
6. В панели управления заходим: Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS). Открываем styles.css (например с помощью блокнота), копируем весь текст (ctr+A, ctr+C), и вставляем в открытом окне в панели управления.
7. Закачиваем с помощью: Главная » файловый менеджер; или с помощью FTP-менеджера, все рисунки, которые находятся в папке img! внимание что бы не создавать бардак на сайте необходимо определить 1 папку которая будет касаться дизайна сайта, всех его скриптов. не создавайте многочисленное число папок
8. Вот и все, теперь наслаждаемся, новым дизайном сайта!))
P.S. Если вы скачали какойто шаблон и там есть папка css, а в ней два файла, то эту папку надо тоже загружать в корень сайта
Вопрос заведения красивого почтового ящика вида @mysite.ru всё более и более актуализируется. И сейчас такую возможность предлагает реализовать Яндекс, а именно новые технологии Яндекс.Почты.
Приведу инструкция создания почтового ящика name@yousite.ru при помощи Яндекс.Почты. В процессе повествования я буду сопровождать текст скриншотами для лучшего восприятия материала. Весь процесс опишу по шагам:
Шаг 1. Зайдите на Доступно только для пользователейВ самом низу в специальное поле введите имя Вашего сайта (Ваше доменное имя), например, promultiki.ru, и нажмите Подключить домен:
На этой же страницы ниже появятся новые инструкции.
Шаг 2. Для подтверждения Вашего владения доменом в корневой каталог Вашего сайта загрузите указанный в приведённой инструкции файл:
После этого нажмите на Подключить домен.
Шаг 3. В Панели управления Вашего сайта войдите в раздел Перенос домена, а затем кликните по пункту Редактировать записи домена в РЕЖИМЕ ЭКСПЕРТА. Далее Вам нужно работать с частью открывшейся страницы, озаглавленной Изменяемые записи. Необходимо заполнить одну из пустых строк. Для этого в поле столбца Поддомен введите символ @; в выпадающем списке столбца Тип выберите MX; в поле столбца Значение введите 10 mx.yandex.ru. (точка в конце обязательна!):
Затем внизу страницы нажмите кнопку Сохранить.
Шаг 4. Теперь Вам остаётся лишь дождаться, когда изменения вступят в силу. Наберитесь терпения - на это может потребоваться до 6-и часов. Как только это произойдёт, на странице Доступно только для пользователей Яндекс.Почты Вы увидите зелёную надпись Домен подключён:
Теперь Вы можете непосредственно из интерфейсаДоступно только для пользователей создавать почтовые ящики. Обратите внимание, что на данный момент Яндекс.Почта позволяет создать до 100 почтовых ящиков в Вашем домене.
PS Обращаю Ваше внимание на тот факт, что все вышеописанные действия на сайте Яндекс.Почты выполняются только после Вашей авторизации на сайте Доступно только для пользователей