Фильтр по:
  

Редактор страниц. Работа с модулем. Условные операторы

Условные операторы и коды системы юКоз (uCoz)

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Условные операторы и коды системы юКоз (uCoz) » Редактор страниц. Работа с модулем. Условные операторы
Редактор страниц. Работа с модулем. Условные операторы
Дата: Суббота, 24.04.2010, 01:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Спрашивает: waldymar (личка за 23.04.2010)

привет,

я тебя наверное уже достал. но у меня еще 2 важных вопроса которые ставят меня в тупик и я не могу найти решения сам. первый, это про создание категорий для подстраничек, смотри тут. второй, это как сделать чат видимый только для определенной группы пользователей. на форуме мне сказали использовать условия. я это понимаю, но не знаю какие и как. буду очень признателен, уже неделю торможу и не могу дальше продвигаться.

Сообщение отредактировал likbezz - Суббота, 24.04.2010, 01:25
 
Дата: Суббота, 24.04.2010, 01:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Итак, waldymar, по порядку.

Пункты, а точнее, само меню для модуля «Страницы сайта» можно создать двумя, а то и более, способами.
Итак первый:
Идём в Панель управления (далее по тексту - «ПУ») » Главная » Конструктор меню
И создаем новое меню:

Потом, рисуем добавляем страницы, набиваем адрес реально существующих страниц, то есть страницы желательно создать до составления меню.

И, если требуется, задаем нужный порядок отображения.

После всех этих действий у нас есть ещё одно меню «$SMENU_3$»

Условные операторы:
Естественно, нам не нужно, чтобы оно отображалось на всех страницах модуля, для этого воспользуемся условными операторами.
А именно:
$MODULE_ID$ - ID модуля;
$URI_ID$ - ID страницы;

Code
<!--StartPhotoMenu-->
<?if($MODULE_ID$='index' and ($URI_ID$='page4' or $URI_ID$='page5' or $URI_ID$='page6' or $URI_ID$='page7'))?>
<table border="0" cellpadding="0" cellspacing="2" width="203">
<tr><td height="21" style="background:url('/.s/t/971/9.gif') #D4DFF7;padding-left:30px;"><b>Мои фотографии</b></td></tr>
<tr><td style="background:#F1F1F1;padding:5px;border:1px solid #A7A6A6;">$SMENU_3$</td></tr>
</table>
<?endif?>
<!--/EndPhotoMenu-->

ID страницы - узнаём после её создания в админ баре, и корректируем операторы условий.

Сам код блока можно скопировать в ПУ » Управление дизайном » Редактирование шаблонов » Первый контейнер из, например блока $_CATEGORIES$, заменив, естественно «Категории раздела» на своё название, а код $_CATEGORIES$ на $SMENU_3$, как и показано выше.

Скриншот:

Вот что должно получится:

-------------------

Вариант второй.
Тоже самое, что и в первом, но ссылки делаем сами:

Code
<!--StartPhotoMenu-->
<?if($MODULE_ID$='index' and ($URI_ID$='page4' or $URI_ID$='page5' or $URI_ID$='page6' or $URI_ID$='page7'))?>
<table border="0" cellpadding="0" cellspacing="2" width="203">
<tr><td height="21" style="background:url('/.s/t/971/9.gif') #D4DFF7;padding-left:30px;"><b>Мои фотографии</b></td></tr>
<tr><td style="background:#F1F1F1;padding:5px;border:1px solid #A7A6A6;">
<a href="http://dvornik.ucoz.ru/index/0-5">Мои фото</a><br />
<a href="http://dvornik.ucoz.ru/photo/2">Моя семья</a>
</td></tr>
</table>
<?endif?>
<!--/EndPhotoMenu-->

Прмер можно наблюдать вот здесь http://dvornik.ucoz.ru/index/moi_fotki/0-4

Flesh

Прикрепления: 6141958.gif (8.6 Kb) · 2126211.png (6.8 Kb) · 8789213.png (6.2 Kb) · 3732283.gif (7.5 Kb) · 0107471.gif (4.7 Kb) · 3168384.png (17.8 Kb)

Сообщение отредактировал likbezz - Суббота, 24.04.2010, 03:18
 
Дата: Суббота, 24.04.2010, 02:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Вопрос намбер ту:
Quote (likbezz)
второй, это как сделать чат видимый только для определенной группы пользователей.

Тоже, с помощью условных операторов, как ни странно .... biggrin
Как и прозвучало в вопросе, нам нужно сделать, чтобы чат был виден лишь определённой группе.
За «определённую группу» отвечает оператор «$GROUP_ID$» (ID группы пользователя).
Так как не было указано для какой именно группы будем делать исключение, я буду делать для всех, кроме гостей и «Заблокированных».

Вот код: (используется стандартный дизайн #971)

Code
<!--StartMiniChat-->
<?if($CHAT_BOX$ and $USER_LOGGED_IN$ and !($GROUP_ID$='255' or $GROUP_ID$='251'))?>
<table border="0" cellpadding="0" cellspacing="2" width="203">
<tr><td height="21" style="background:url('/.s/t/971/9.gif') #D4DFF7;padding-left:30px;"><b><!-- <bt> --><!--<s3199>-->Мини-чат<!--</s>--><!-- </bt> --></b></td></tr>
<tr><td style="background:#F1F1F1;padding:5px;border:1px solid #A7A6A6;"><!-- <bc> -->$CHAT_BOX$<!-- </bc> --></td></tr>
</table>
<?endif?>
<!--/EndMiniChat-->

Разберём:
$CHAT_BOX$ - проверяем включён ли сам чат;
$USER_LOGGED_IN$ - вошёл ли юзер на сайт или он гость;
!($GROUP_ID$='255' or $GROUP_ID$='251') - восклицательный знак перед скобкой (набором условий) это несовпадение значения с операндом, в данном случае ID группы пользователя.
$GROUP_ID$='255' - «отметаем» группу «Заблокированные»;
$GROUP_ID$='251' - запрещаем группу «Друзья» (просто так ... что б не повадно было ... [i]ヅ)[/i];

Всё.
Теперь ваш чат будут видеть только зарегистрированные пользователи не в группе «Друзья». biggrin

Посмотреть как всё это работает можно вот здесь: http://dvornik.ucoz.ru/

Login/Pass:
test/3W6jpnK-QRDqgdL - («Друзья»)
block/MajiPWtSQUQ-d_t - («Заблокированные»)

--------------------

Дополнение ... (For waldymar)
Ваш код:

Code
<?if($CHAT_BOX$ and $USER_LOGGED_IN$ and ($GROUP_ID$='3' or $GROUP_ID$='4' or $GROUP_ID$='251'))?>
коды чата
<?endif?>

P.S. Группы пользователей, а точнее, их ID узнаем в «ПУ» » Пользователи » Группы пользователей

Flesh

Прикрепления: 3214559.png (12.2 Kb)

Сообщение отредактировал likbezz - Суббота, 24.04.2010, 03:40
 
Дата: Суббота, 24.04.2010, 16:52 |
waldymar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 По чату: все просто шедеврально! Однозначно в таких педагогах нуждаются наши школы. Все детально и в картинках ... нет слов! Огромнейшее спасибо!
Для закрепления материала, пару вопросиков:
1. что будет если в нашем условии <?if($CHAT_BOX$ and $USER_LOGGED_IN$ and ($GROUP_ID$='3' or $GROUP_ID$='4' or $GROUP_ID$='251'))?> мы выкинем "$USER_LOGGED_IN$"? зачем ей знать гость он или залогинился? просто проверится если посетитель относится к одной из выбранных мной групп и покажет/не покажет чат?!
2. где-то встречал подобный код <?if($GROUP_ID$=='3' оr $GROUP_ID$=='4' or $GROUP_ID$=='251')?>. почему в этом случае применяется 2 знака ровно? есть разница между одим и двумя знаками ровно?

заранее спасибо,
буду разбирать категории ...

 
Дата: Воскресенье, 25.04.2010, 07:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 waldymar,
Quote (waldymar)
что будет если в нашем условии <?if($CHAT_BOX$ and $USER_LOGGED_IN$ and ($GROUP_ID$='3' or $GROUP_ID$='4' or $GROUP_ID$='251'))?> мы выкинем "$USER_LOGGED_IN$"

- Будет тоже самое, НО, сервер выполнит несколько лишних запросов, а именно:
Если пользователь «не гость» (так как мы выкинули проверку на гостя) » выяснение - принадлежит ли пользователь к 3 группе - ждём ответа - нет не принадлежит, а к группе 2? - тоже нет, а к группее 251? ....
Проверкой на условие «$USER_LOGGED_IN$» - мы устраняяем лишние «телодвижения» сервера, тем самым ускоряем скорость обработки скрипта. Конечно, в данном варианте выигрыш будет ооочень маленьким, но если у вас не один, и не два скрипта ... на странице, и ваш сайт посещаем и активно, снимая лишнюю нагрузку с сервера мы ускоряем, в конечном счете, скорость выдачи сервером нашей странички.

Quote (waldymar)
где-то встречал подобный код <?if($GROUP_ID$=='3' оr $GROUP_ID$=='4' or $GROUP_ID$=='251')?>. почему в этом случае применяется

Во многих языках программирования один знак равенства «=», в отношения между числовыми операндами, означает «присвоение» опранду числового значения, а двойной «==» - сравнения, проверки на равенство.

Пример:

Code
$firstVar = 10;
$secondVar = !$firstVar;
if ($secondVar == 0) {
print('zero');
};

$firstVar = 10; - Здесь переменной $firstVar присваивается значение 10.
$secondVar = !$firstVar; - Затем переменной $secondVar присваивается значение 0, - потому что результат логического отрицания числа 10 будет 0.
Потом производится проверка на равенство переменной $secondVar нулю, и если это так, то печать сообщения "zero".
Таким образом, в любом случае на экран будет выведено "zero".

Не знаю, насколько данный оператор актуален при использовании в uCoz ... многие пишут по-привычке, что не является ошибкой (в uCoz) ...

А может, и потому, что существует ещё несколько операторов с работой с данными:

Примеры:
<?$X$ == $Y$?>, <?$X$ = $Y$?> - Этот оператор возвращает "истина", если операнды равны. (в uCoz!) (строковое сравнение с учетом регистра)
<?$X$ != $Y$?> - Этот оператор возвращает "истина", если операнды не равны.

<?$X$ + $Y$?> - Этот оператор прибавляет числовые выражения аргументов. Вернёт сумму, если X и Y - числовые выражения.
<?$X$ - $Y$?> - Этот оператор выполняется арифметическое вычитание Y из X.
<?$X$ * $Y$?> - Этот оператор перемножает два числовых выражения (Y и X). Если оба выражения - целые числа, произведение тоже - целое число. Если выражения -числа с плавающей запятой, произведение тоже - число с плавающей запятой.
<?$X$ / $Y$?> - Этот оператор выполнит деление аргументов. В случае деления на 0 возвращает inf.
<?$X$ % $Y$?> - Этот оператор возвратит целочисленный остаток от деления X на Y.
<?$X$ & $Y$?> - Этот оператор выполнит побитовую операцию "И" между X и Y.
<?$X$ && $Y$?> - Этот оператор выполнит логическую операцию "И" между X и Y.
<?$X$ | $Y$?> - Этот оператор выполнит побитовую операцию "ИЛИ".
<?$X$ ||$Y$?> - Этот оператор выполнит логическую операцию "ИЛИ".

<?$X$ > $Y$?> - Этот оператор выполнит численное сравнение целых или дробных десятичных чисел. Если X больше Y = "Истина".
<?$X$ < $Y$?> - Этот оператор выполнит численное сравнение целых или дробных десятичных чисел. Если X меньше Y = "Истина".
<?$X$ => $Y$?> - Этот оператор выполнит численное сравнение целых или дробных десятичных чисел. Если X больше или равен Y = "Истина".
<?$X$ <= $Y$?> - Этот оператор выполнит численное сравнение целых или дробных десятичных чисел. Если X меньше или равен Y = "Истина".

<?!$X$?> - Оператор логического отрицания.

Это далеко не все операнды из существующих. Данные операнды - доступны, пока, во всяком случае, и используются в uCoz.

Короче, суть, я думаю, понятна ... ヅ

Если «что» - спрашивайте...

Flesh

Сообщение отредактировал likbezz - Воскресенье, 25.04.2010, 07:20
 
Дата: Понедельник, 26.04.2010, 01:46 |
waldymar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 то что спрашивал, то стало понятно. такой маленький вопросик: что такое побитовая операция?

 
Дата: Понедельник, 26.04.2010, 02:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 waldymar,
Цитата (waldymar)
что такое побитовая операция

... Ну как тебе объяснить-то ... если «попроще» ...

Ну, сначала, нужно понять, что такое бит.

В обычной жизни, мы привыкли к десятичному представлению чисел, то есть «1», «14», «141» ... и т.д.
В компьютере внутренний формат представления чисел - двоичный.
В двоичном формате все числа состоят из нулей и единиц, а в качестве множителя используется соответствующая степень числа 2.
То есть, «десятичное» число «141» будет равно «двоичному» числу «10001101»
Расчеты:
1*27+0*26+0*25+0*24+1*23+1*22+0*21+1*20 = 128+0+0+0+8+4+0+1 = 141.

Так вот, каждая такая двоичная цифра (1 или 0) называется битом.

Следовательно, побитовое «И» (and)



Если помнишь как складывать в «столбик», тебе будет понятно... ツ

Определение:
Цитата (wikipedia.org)
Побитовое И - это бинарная операция, действие которой эквивалентно применению логического И к каждой паре битов, которые стоят на одинаковых позициях в двоичных представлениях операндов.
Другими словами, если оба соответствующих бита операндов равны 1, результирующий двоичный разряд равен 1; если же хотя бы один бит из пары равен 0, результирующий двоичный разряд равен 0.


Соответственно, побитовое «ИЛИ» (or)



Определение:
Цитата (wikipedia.org)
Побитовое «ИЛИ» - это бинарная операция, действие которой эквивалентно применению логического «ИЛИ» к каждой паре битов, которые стоят на одинаковых позициях в двоичных представлениях операндов.
Другими словами, если оба соответствующих бита операндов равны 0, двоичный разряд результата равен 0; если же хотя бы один бит из пары равен 1, двоичный разряд результата равен 1.


Естественно, это далеко не всё, ... так что Гугл тебе в помощь, но суть, я думаю, ты уловил ....
Прикрепления: 0593597.png (0.3 Kb) · 3872210.png (0.5 Kb)

 
Дата: Среда, 28.04.2010, 00:35 |
waldymar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 Добрался до категорий. Все получилось благодаря понятным пошаговым объяснениям. Традиционное огромное спасибо.
Если не сложно хотелось бы понять следущие элементы в коде. Например, такой код:

<!--StartPhotoMenu-->
<?if($MODULE_ID$='index' and ($URI_ID$='page5' or $URI_ID$='page8' or $URI_ID$='page9'))?>
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr><td align="center" style="background: url('/.s/t/291/4.gif') #FFAC4C; height: 36px; color: #691400; "><b><!-- <bt> --><!--<s5351>-->Bahrain Info<!--</s>--><!-- </bt> --></b></td></tr>
<tr><td style="background: url('/.s/t/291/5.gif') #FFECC7;padding:5px;border:3px double #B21B04;"><!-- <bc> -->$SMENU_2$<!-- </bc> --></td></tr>
</table>
<?endif?>
<!--/EndPhotoMenu-->

<!--StartPhotoMenu--><!--/EndPhotoMenu--> - это теги блоков?
<!--<s5351>--><!--</s>--> - что это такое? почему такая странная форма тегов?

заранее благодарю.

Сообщение отредактировал waldymar - Среда, 28.04.2010, 00:36
 
Дата: Среда, 28.04.2010, 02:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 waldymar,
OK, «традиционно» ... ヅ ... отвечу по-порядку ... biggrin
Цитата (waldymar)
<!--StartPhotoMenu--><!--/EndPhotoMenu--> - это теги блоков?

- Нет, это не теги ... это коментарии HTML, в конкретно данном случае, это мои коментарии, поставленные для удобства навигации по исходному коду. На внешний вид документа, при просмотре в браузере они ни как ни влияют, т.к. исключаются из показа.

«Коммертарии HTML» всегда начинаются с «<!-- » и заканчиваются «-->» в сумме это выглядит вот так:
Цитата (Code)
<!-- Это комментарий -->


Всё, что внутри этих «спец. тегов» (<!-- вот здесь -->) будь то элемент или текст – будет проигнорировано браузером.

Кроме того, существуют определённые правила для текста/элеметов внутри коментария. А именно:
Внутри комментария не может быть двух дефисов подряд (--).
Не желательно использовать также и спец. символы, используемые в серверных технологиях (#) - используется для серверного включения (<!--#include virtual="/xxx.inc" -->), а также ещё некоторые символы...

Лично я считаю неправильным/некорректным/бесполезным и такой вид написания «<!--<s5351>-->» - так как во первых, не несёт никакой полезной информации, во всяком случае, для редактора/корректора сайта, второе ... второе - это лично моё мнение, и я думаю, не стоит его оглашать ...

Кроме того, комментарии, расположенные внутри элемента «title» (как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна.

Ну ... вот, примерно, как-то так ... ヅ

P.S. Лино я, рекомендую использывать и пользоваться коментариями, во всяком случае на стадии разработки/тестирования сайта, т.к. это поможет и вам, и, если вы попросиите помощи у сторонних лиц, бустрее разобраться в коде, определить вызывающий проблеммы блок, методом исключения его из кода, например ...
Да и вообще, отделением кода определённых, логически законченных участков/блоков шаблона от контента и т.д. ... ヅ
В исходнике, допустим, этого форума, можно посмотреть «конкретно практическое» применение данной техники ...

 
Дата: Вторник, 01.05.2012, 00:51 |
Лейтенант
Группа: Постоянные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, Приветь !

Спрошу у тебя 1 вопросик...(

В чем разница между страницами... Главная страница и Страницы сайта?

Почему спрашиваю! потому что по твоей ссылке нашел слайдер..

Но когда я начал проверят слайдера в сайте для теста, сначала решил в модуле главная странице
... Удалять все то что тут есть, и поставить код с html шаблонам слайдера, и конечно же корпорайт юкоза,
....Сделал сохранял а слайдер не стал работать.

удалял оттуда скрипт jquery min подумал что а может jguery min с встроенным jquery конфликт создает, не помогло ! sad

.........!.а в модуле Страницы сайта тоже самое....!...

(..а в блоке Верхняя часть сайта, работает отлично smile

Вот код готовый тестировал и удалял личное теги

Code


<link href="http://chat.ucoz.ae/css/quake.slider.css" rel="stylesheet" type="text/css" />

<script src="http://chat.ucoz.ae/js/quake.slider-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.quake-slider').quake({ effects: ['swirlFadeIn', 'swirlFadeOut', 'swirlFadeIn', 'linearPealReverse', 'slideIn', 'swirlFadeIn', 'explodeFancy'],
thumbnails: true,
captionOpacity: '0.3',
captionsSetup: [
{
"orientation": "bottom",
"slides": [0, 1, 2],
"callback": captionAnimateCallback
},
{
"orientation": "top",
"slides": [3, 4],
"callback": captionAnimateCallback
}
,
{
"orientation": "left",
"slides": [5, 6],
"callback": captionAnimationCallback1
}
,
{
"orientation": "right",
"slides": [7, 8],
"callback": captionAnimationCallback1
}
]

});

function captionAnimateCallback(captionWrapper, captionContainer, orientation) {
captionWrapper.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 500);
captionContainer.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 500);
}
function captionAnimationCallback1(captionWrapper, captionContainer, orientation) {
captionWrapper.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 500);
captionContainer.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 500);
}

});
</script>

<center>

      <div class="wrapper">
            
                
          <div class="quake-slider">
              <div class="quake-slider-images">
                  <a target="_blank" href="http://www.egrappler.com/free-premium-website-template-clean-business/">
                      <img src="http://chat.ucoz.ae/images/1.jpg" alt="Clean Business Free Business Website Premium Template" />
                  </a><a target="_blank" href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/">
                      <img src="http://chat.ucoz.ae/images/2.jpg" alt="Free Premium HTML Admin/Backend Template for Web Applications" /></a>
                  <a target="_blank" href="http://www.egrappler.com/free-html-jquery-portfolio-template-mni-html-vcard/">
                      <img src="http://chat.ucoz.ae/images/3.jpg" alt="Free HTML jQuery Portfolio Template" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-clean-and-simple-tooltips-gips/">
                      <img src="http://chat.ucoz.ae/images/4.jpg" alt="jQuery Clean and Simple Tooltips Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/">
                      <img src="http://chat.ucoz.ae/images/5.jpg" alt="jQuery Plugin for On Demand Search Box" />
                  </a><a target="_blank" href="http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/">
                      <img src="http://chat.ucoz.ae/images/6.jpg" alt="Multi Level Hierarchical jQuery Menu" />
                  </a><a target="_blank" href="http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/">
                      <img src="http://chat.ucoz.ae/images/7.jpg" alt="Free Multi Node Range Data Slider" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/">
                      <img src="http://chat.ucoz.ae/images/8.jpg" alt="jQuery Strong Password Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/xml-driven-vertical-news-scroller-script-using-html-and-jquery-vscroller/">
                      <img src="http://chat.ucoz.ae/images/9.jpg" alt="XML Driven Vertical New Scroller Script Using HTML and jQuery" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-pushup-content-bar/">
                      <img src="http://chat.ucoz.ae/images/10.jpg" alt="jQuery Pushup Content Bar" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/">
                      <img src="http://chat.ucoz.ae/images/11.jpg" alt="jQuery Credit Card Validation Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-social-media-share-plugin-jsshare/">
                      <img src="http://chat.ucoz.ae/images/12.jpg" alt="jQuery Social Media Share Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-contentthumbnail-slder-v2-0-jscarousel-v2-0/">
                      <img src="http://chat.ucoz.ae/images/13.jpg" alt="jQuery Content/Thumbnail Carousel Slider Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/rss-driven-dynamic-jquery-news-slider-plugin-dynamic-news/">
                      <img src="http://chat.ucoz.ae/images/14.jpg" alt="RSS Driven Dynamic jQuery News Slider Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-pagination-plugin-smart-paginator/">
                      <img src="http://chat.ucoz.ae/images/15.jpg" alt="jQuery Pagination Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/jquery-spin-button-plugin-smart-spin/">
                      <img src="http://chat.ucoz.ae/images/16.jpg" alt="jQuery Spin Button Control Plugin" />
                  </a><a target="_blank" href="http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/">
                      <img src="http://chat.ucoz.ae/images/17.jpg" alt="A Stylo Modern jQuery Accordion Plugin" />
                  </a>
              </div>
              <div class="quake-slider-captions">
                  <div class="quake-slider-caption">
                      Clean Business, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-premium-website-template-clean-business/">
                          Premium HTML Template.</a></span> A Free Business Website Template.</div>
                  <div class="quake-slider-caption">
                      BlueWhale Admin, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/">
                          Premium HTML Admin Template.</a></span> Free Premium Admin Template.</div>
                  <div class="quake-slider-caption">
                      HTML Mini vCard, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-html-jquery-portfolio-template-mni-html-vcard/">
                          Single Pgae Portfolio.</a></span> jQuery powered mini website.</div>
                  <div class="quake-slider-caption">
                      Gips, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-clean-and-simple-tooltips-gips/">
                          Cool Tooltips.</a></span> jQuery Clean and Simple Tooltips Plugin.</div>
                  <div class="quake-slider-caption">
                      SearchMeme, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/">
                          Fancy Search Box.</a></span> jQuery Plugin for On Demand Search Box.</div>
                  <div class="quake-slider-caption">
                      jQSimpleMenu, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/">
                          Hierarchical Menus.</a></span> Multi Level Hierarchical jQuery Menu.</div>
                  <div class="quake-slider-caption">
                      jQSlider, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/">
                          Multi Node Slider.</a></span> Free Multi Node Range Data Slider.</div>
                  <div class="quake-slider-caption">
                      PwChecker, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/">
                          Password Strength Plugin.</a></span> jQuery Strong Password Plugin.</div>
                  <div class="quake-slider-caption">
                      VScroller, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/xml-driven-vertical-news-scroller-script-using-html-and-jquery-vscroller/">
                          New Scroller.</a></span> XML Driven Vertical New Scroller Script Using HTML
                      and jQuery.</div>
                  <div class="quake-slider-caption">
                      PushUp Slider, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-pushup-content-bar/">
                          Cotent Slider.</a></span> jQuery Pushup Content Bar.</div>
                  <div class="quake-slider-caption">
                      SmartValidate, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/">
                          Credit Card Validator.</a></span> jQuery Credit Card Validation Plugin.</div>
                  <div class="quake-slider-caption">
                      jsShare, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-social-media-share-plugin-jsshare/">
                          Social Media Buttons.</a></span> jQuery Social Media Share Plugin.</div>
                  <div class="quake-slider-caption">
                      Carousel, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-contentthumbnail-slder-v2-0-jscarousel-v2-0/">
                          Content Slider.</a></span> jQuery Content/Thumbnail Carousel Slider Plugin.</div>
                  <div class="quake-slider-caption">
                      dNews, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/rss-driven-dynamic-jquery-news-slider-plugin-dynamic-news/">
                          News Slider.</a></span> RSS Driven Dynamic jQuery News Slider Plugin.</div>
                  <div class="quake-slider-caption">
                      SmartPaginator, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-pagination-plugin-smart-paginator/">
                          Pagination Plugin.</a></span> jQuery Pagination Plugin.</div>
                  <div class="quake-slider-caption">
                      SmartSpin, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-spin-button-plugin-smart-spin/">
                          Spinner Control.</a></span> jQuery Spin Button Control Plugin.</div>
                  <div class="quake-slider-caption">
                      Akordeon, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/">
                          Toggle Menus.</a></span> A Stylo Modern jQuery Accordion Plugin.</div>
              </div>
          </div>
      </div>
      <div class="clear">
      </div>
      <div class="wrapper">
          <ul class="labels">
                
                
                
          </ul>
      </div>
</center>


Скажи пожалуйста в чем проблема ?
....Вот мои проблемы все отсюда начинается , то что я нахожу вставляю, что то мешает для работы скрипта,
.......Ия не чего не смогу делать, создал другой чистый сайт тут тоже пробовал все ровно так же
и пробовал скрипт noconflikt, тоже самое sad

Сообщение отредактировал samirmm - Вторник, 01.05.2012, 00:52
 
Дата: Вторник, 01.05.2012, 11:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 samirmm,
Quote (samirmm)
Скажи пожалуйста в чем проблема ?

Ссылочку оставьте на страницу со слайдером, посмотрю.

 
Дата: Вторник, 01.05.2012, 12:30 |
Лейтенант
Группа: Постоянные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Ссылочку оставьте на страницу со слайдером, посмотрю.


http://chat.ucoz.ae/

 
Дата: Вторник, 01.05.2012, 12:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 samirmm,
Quote (samirmm)
http://chat.ucoz.ae/

У вас
Code
<head>
 не закрыт. Закройте -
Code
</head>
 и все будет работать.
...

 
Дата: Вторник, 01.05.2012, 14:48 |
Лейтенант
Группа: Постоянные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Закройте -
Code
</head>
и все будет работать.


ПОСМОТРЕЛЬ ВРОДЕ ВСЕ ЗАКРЫТО

ВОТ ПОЛНЫЙ КОД

Code


<html>
<head>
   
   
   
   
   

   
   
  <link href="css/quake.slider.css" rel="stylesheet" type="text/css" />
   
  <script src="js/quake.slider-min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function () {
  $('.quake-slider').quake({ effects: ['swirlFadeIn', 'swirlFadeOut', 'swirlFadeIn', 'linearPealReverse', 'slideIn', 'swirlFadeIn', 'explodeFancy'],
  thumbnails: true,
  captionOpacity: '0.3',
  captionsSetup: [
  {
  "orientation": "bottom",
  "slides": [0, 1, 2],
  "callback": captionAnimateCallback
  },
  {
  "orientation": "top",
  "slides": [3, 4],
  "callback": captionAnimateCallback
  }
  ,
  {
  "orientation": "left",
  "slides": [5, 6],
  "callback": captionAnimationCallback1
  }
  ,
  {
  "orientation": "right",
  "slides": [7, 8],
  "callback": captionAnimationCallback1
  }
  ]

  });

  function captionAnimateCallback(captionWrapper, captionContainer, orientation) {
  captionWrapper.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 500);
  captionContainer.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 500);
  }
  function captionAnimationCallback1(captionWrapper, captionContainer, orientation) {
  captionWrapper.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 500);
  captionContainer.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 500);
  }

  });
  </script>

     
<center>

  <div class="wrapper">
   
   
  <div class="quake-slider">
  <div class="quake-slider-images">
  <a target="_blank" href="http://www.egrappler.com/free-premium-website-template-clean-business/">
  <img src="images/1.jpg" alt="Clean Business Free Business Website Premium Template" />
  </a><a target="_blank" href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/">
  <img src="images/2.jpg" alt="Free Premium HTML Admin/Backend Template for Web Applications" /></a>
  <a target="_blank" href="http://www.egrappler.com/free-html-jquery-portfolio-template-mni-html-vcard/">
  <img src="images/3.jpg" alt="Free HTML jQuery Portfolio Template" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-clean-and-simple-tooltips-gips/">
  <img src="images/4.jpg" alt="jQuery Clean and Simple Tooltips Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/">
  <img src="images/5.jpg" alt="jQuery Plugin for On Demand Search Box" />
  </a><a target="_blank" href="http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/">
  <img src="images/6.jpg" alt="Multi Level Hierarchical jQuery Menu" />
  </a><a target="_blank" href="http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/">
  <img src="images/7.jpg" alt="Free Multi Node Range Data Slider" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/">
  <img src="images/8.jpg" alt="jQuery Strong Password Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/xml-driven-vertical-news-scroller-script-using-html-and-jquery-vscroller/">
  <img src="images/9.jpg" alt="XML Driven Vertical New Scroller Script Using HTML and jQuery" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-pushup-content-bar/">
  <img src="images/10.jpg" alt="jQuery Pushup Content Bar" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/">
  <img src="images/11.jpg" alt="jQuery Credit Card Validation Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-social-media-share-plugin-jsshare/">
  <img src="images/12.jpg" alt="jQuery Social Media Share Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-contentthumbnail-slder-v2-0-jscarousel-v2-0/">
  <img src="images/13.jpg" alt="jQuery Content/Thumbnail Carousel Slider Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/rss-driven-dynamic-jquery-news-slider-plugin-dynamic-news/">
  <img src="images/14.jpg" alt="RSS Driven Dynamic jQuery News Slider Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-pagination-plugin-smart-paginator/">
  <img src="images/15.jpg" alt="jQuery Pagination Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/jquery-spin-button-plugin-smart-spin/">
  <img src="images/16.jpg" alt="jQuery Spin Button Control Plugin" />
  </a><a target="_blank" href="http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/">
  <img src="images/17.jpg" alt="A Stylo Modern jQuery Accordion Plugin" />
  </a>
  </div>
  <div class="quake-slider-captions">
  <div class="quake-slider-caption">
  Clean Business, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-premium-website-template-clean-business/">
  Premium HTML Template.</a></span> A Free Business Website Template.</div>
  <div class="quake-slider-caption">
  BlueWhale Admin, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/">
  Premium HTML Admin Template.</a></span> Free Premium Admin Template.</div>
  <div class="quake-slider-caption">
  HTML Mini vCard, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-html-jquery-portfolio-template-mni-html-vcard/">
  Single Pgae Portfolio.</a></span> jQuery powered mini website.</div>
  <div class="quake-slider-caption">
  Gips, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-clean-and-simple-tooltips-gips/">
  Cool Tooltips.</a></span> jQuery Clean and Simple Tooltips Plugin.</div>
  <div class="quake-slider-caption">
  SearchMeme, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/">
  Fancy Search Box.</a></span> jQuery Plugin for On Demand Search Box.</div>
  <div class="quake-slider-caption">
  jQSimpleMenu, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/">
  Hierarchical Menus.</a></span> Multi Level Hierarchical jQuery Menu.</div>
  <div class="quake-slider-caption">
  jQSlider, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/">
  Multi Node Slider.</a></span> Free Multi Node Range Data Slider.</div>
  <div class="quake-slider-caption">
  PwChecker, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/">
  Password Strength Plugin.</a></span> jQuery Strong Password Plugin.</div>
  <div class="quake-slider-caption">
  VScroller, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/xml-driven-vertical-news-scroller-script-using-html-and-jquery-vscroller/">
  New Scroller.</a></span> XML Driven Vertical New Scroller Script Using HTML
  and jQuery.</div>
  <div class="quake-slider-caption">
  PushUp Slider, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-pushup-content-bar/">
  Cotent Slider.</a></span> jQuery Pushup Content Bar.</div>
  <div class="quake-slider-caption">
  SmartValidate, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/">
  Credit Card Validator.</a></span> jQuery Credit Card Validation Plugin.</div>
  <div class="quake-slider-caption">
  jsShare, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-social-media-share-plugin-jsshare/">
  Social Media Buttons.</a></span> jQuery Social Media Share Plugin.</div>
  <div class="quake-slider-caption">
  Carousel, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-contentthumbnail-slder-v2-0-jscarousel-v2-0/">
  Content Slider.</a></span> jQuery Content/Thumbnail Carousel Slider Plugin.</div>
  <div class="quake-slider-caption">
  dNews, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/rss-driven-dynamic-jquery-news-slider-plugin-dynamic-news/">
  News Slider.</a></span> RSS Driven Dynamic jQuery News Slider Plugin.</div>
  <div class="quake-slider-caption">
  SmartPaginator, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-pagination-plugin-smart-paginator/">
  Pagination Plugin.</a></span> jQuery Pagination Plugin.</div>
  <div class="quake-slider-caption">
  SmartSpin, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/jquery-spin-button-plugin-smart-spin/">
  Spinner Control.</a></span> jQuery Spin Button Control Plugin.</div>
  <div class="quake-slider-caption">
  Akordeon, <span class='quake-highlight'><a target="_blank" href="http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/">
  Toggle Menus.</a></span> A Stylo Modern jQuery Accordion Plugin.</div>
  </div>
  </div>
  </div>
  <div class="clear">
  </div>
  <div class="wrapper">
  <ul class="labels">
   
   
   
  </ul>
  </div>
</center>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/841.css" />
</head>

<body style="background:#333333; margin:0px; padding:0px;">
$ADMIN_BAR$

$GLOBAL_AHEADER$

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 0 10px 0 10px;"><tr><td width="100%" align="center">

<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="right" width="191" style="padding-right:9px;background:url('/.s/t/841/4.gif') right repeat-y;">
$GLOBAL_CLEFTER$
</td>

<td valign="top" style="padding:10px;">
<table border="0" cellpadding="10" cellspacing="0" width="100%"><tr><td><!-- <body> -->$CONTENT$<!-- </body> --></td></tr></table>
</td>

<td valign="top" align="left" width="191" style="padding-left:9px;background:url('/.s/t/841/9.gif') left repeat-y;">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>
<!-- </middle> -->

</td></tr></table>

$GLOBAL_BFOOTER$

</body>

</html>



 
Дата: Вторник, 01.05.2012, 15:13 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 samirmm,
Quote (samirmm)
ПОСМОТРЕЛЬ ВРОДЕ ВСЕ ЗАКРЫТО
ВОТ ПОЛНЫЙ КОД

Вот правильный код:

...

 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Условные операторы и коды системы юКоз (uCoz) » Редактор страниц. Работа с модулем. Условные операторы
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия