Фильтр по:
  

Как сделать ... ? Вопросы только по информерам - Страница 3

Информеры

  • Страница 3 из 5
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Информеры » Как сделать ... ? Вопросы только по информерам (Вопросы, ответы по работе с юКоз (uCoz) информерами)
Как сделать ... ? Вопросы только по информерам
Дата: Понедельник, 19.03.2012, 04:46 |
Laima
Сержант
Группа: Проверенные
Сообщений: 21
Награды: 0
Репутация: 0
Статус: Offline


 Спасибо, уже увидела здесь в 28 сообщении, уже делаю!
А у себя колесико прокрутки не крутнула чтоб ЭТО увидеть!

Добавлено (19.03.2012, 04:46)
---------------------------------------------
Спасибо! С Вашей помощью все получилось, и захотелось сделать еще что-то эдакое))))
Подскажите пожайлуста код с движением справа на лево... smile Хочу сотворить еще один информер...

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


 Laima,
Quote (Laima)
Подскажите пожайлуста код с движением справа на лево... Хочу сотворить еще один информер...

Тот же самый, только изменяете атрибут direction с «left» на «right» ...
Типа:
Code
<marquee height="300" direction="right" scrollamount="2" onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=2>$MYINF_6$</marquee>

...

 
Дата: Понедельник, 19.03.2012, 13:23 |
Laima
Сержант
Группа: Проверенные
Сообщений: 21
Награды: 0
Репутация: 0
Статус: Offline


 Неполучается cry Все сделала, а выводиться по две позиции, т.е. по два товара плывут, и один обрезан..... cry

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


 Laima,
Quote (Laima)
Неполучается Все сделала, а выводиться по две позиции, т.е. по два товара плывут, и один обрезан.....

А у вас товары выводятся в строчку? Это же скроллинг не вверх/вниз где товары должны быть в столбик, а по горизонтали, следовательно и информер должен выводить товары в одну строку.
... Ссылочку оставьте на информер...

 
Дата: Понедельник, 19.03.2012, 13:43 |
Laima
Сержант
Группа: Проверенные
Сообщений: 21
Награды: 0
Репутация: 0
Статус: Offline


 Товары в строчку записаны. Информер этот удалила уже...
Называется-кручу, верчу-намутить хочу)))))))))))))) Сделала новый, с движением снизу вверх, как и первый, так и смотриться гораздо лучше)))) А то глаза разбегаться начинают))))))))))) wacko

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


 Laima,
Quote (Laima)
А то глаза разбегаться начинают)

Ну и правильно )
Горизонтальный хорошо для банеров и счётчиков, где размер картинки фиксированный.

 
Дата: Суббота, 07.04.2012, 17:19 |
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте.

Я не так давно заинтересовалась созданием сайтов и еще новичок в этом деле. И понимаю что для создания информеров нужен уровень знаний html явно выше чем у меня. Очень надеюсь что вы мне поможете.

я набрела на один сайт

и мне там очень понравился информер, который стоит перед темой новостей (по крайней мере мне это кажется информером) в таком квадратике дата и месяц когда написано сообщение.

пыталась понять как такое сотворить, но так и не разобралась как создается и устанавливается такой информер? ну или подобный такому

...в общем я думала думала и предполагаю что создается информер "сортировка новостей по дате добавления

затем рисуется картинка ...

число и месяц это текст, переменная на дату (которая и является информером, просто вместо нее скрипт выдает целостное изображение картинку+текст)

вот этот сайт:

http://info.ucoz.ru/

только я б хотела если это возможно сменить английский язык и рисунок на свой (думаю нарисовать таких размеров его не тяжело) как быть с языком я не знаю.

если это можно конечно как то изменить (может вручную прописать сокращенно назв месяцев в скрипте или коде)

но как поставить этот рисунок перед заголовком тем новостей и расположить один над другим число и название месяца для меня еще сложнее понять

может это то то сродни нумерации, таблице или списку

помогите пожалуйста разобраться.

Сообщение отредактировал LunarLight - Суббота, 07.04.2012, 17:21
 
Дата: Суббота, 07.04.2012, 20:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 LunarLight,
Quote (LunarLight)
пыталась понять как такое сотворить, но так и не разобралась как создается и устанавливается такой информер? ну или подобный такому

Вот это, что ли?


...

Если это - это сделано не информером ) А кодом + оператор $TIMESTAMP$ - метка времени добавления материала + Скрипт-конвертер времени.
Типа:
Скрипт:
Code
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/convertTS.js"></script>


Стили:
Code
<style type="text/css">
div.dateBox{background:url(http://likbezz.ru/_fr/3/4652882.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;}
div.dateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}
</style>


HTML
Code
<div class="dateBox" style=""><p><script type="text/javascript">document.write(convertTS('$TIMESTAMP$',1)['month'])</script></p><p><script type="text/javascript">document.write(convertTS('$TIMESTAMP$',1)['day'])</script></p></div>


Результат:

...
Прикрепления: 4422864.png (2.5 Kb) · 4652882.gif (0.8 Kb)

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


 LunarLight,
Quote (LunarLight)
только я б хотела если это возможно сменить английский язык и рисунок на свой (думаю нарисовать таких размеров его не тяжело) как быть с языком я не знаю.

Язык я уже поменял )
Можно выбирать - русский или буржуйский, вот так:
Выведет русское значение месяца:
Code
<script type="text/javascript">document.write(convertTS('$TIMESTAMP$',1)['month'])</script>

Где:
convertTS('$TIMESTAMP$',1) - если стоит единичка - русский, если нолик - английский.
...
Картинка, шрифт, цвет, размер и прочее меняется в стилях.
Вот тут:
Для надписей:
Code
div.dateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}


Для всего блока:
Code
div.dateBox{background:url(http://likbezz.ru/_fr/3/4652882.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;}

Основное - размеры должны соответствовать картинке.
...

 
Дата: Суббота, 07.04.2012, 21:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (LunarLight)
но как поставить этот рисунок перед заголовком тем новостей и расположить один над другим число и название месяца для меня еще сложнее понять

Про числа и названия, думаю, понятно.
А в один ряд с заголовком - поставить можно по разному, например вот так:
Code
<style type="text/css">
div.exDateBox{background:url(http://likbezz.ru/_fr/3/4652882.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:28px;*display:inline;*zoom:1;}
div.exDateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}
div.exTitleBox strong{font:bold 28px/28px "Comic Sans MS",cursive;color:#847208;}
</style>

Code
<div class="exTitleBox">
<div class="exDateBox"><p><script type="text/javascript">document.write(convertTS('1305709142',1)['month'])</script></p><p><script type="text/javascript">document.write(convertTS('1305709142',1)['day'])</script></p></div><strong>Заголовки тем новостей</strong>
</div>

...

Результат:

...

А вообще, многое зависит от конкретно вашего шаблона сайта )
....

 
Дата: Суббота, 07.04.2012, 21:32 |
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, спасибо Вам огромнейшее))

рада как ребенок)) и много ли для счастья надо shy

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


 LunarLight,
Quote (LunarLight)
likbezz, спасибо Вам огромнейшее)

Что, типа заработало? ... Странно ) Думал всё сложнее будет ...
Незачто.
...

 
Дата: Воскресенье, 08.04.2012, 13:53 |
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 конечно посложнее))
зато понятно что оно такое и откуда берется))

и оно заработало, только в одну строчку поставить немогу, думаю где то ошибка
поэтому не накладывается текст на картинку

читала вот тут статью про наложение текста

http://shpargalkablog.ru/2011/04/css-nalozhenie.html

сделала вместо:

<style type="text/css">
div.exDateBox{background:url(http://likbezz.ru/_fr/3/4652882.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:28px;*display:inline;*zoom:1;}
div.exDateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}
div.exTitleBox strong{font:bold 28px/28px "Comic Sans MS",cursive;color:#847208;}
</style>

вот так:

<style type="text/css">
div.exDateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}
div.exTitleBox strong{font:bold 28px/28px "Comic Sans MS",cursive;color:#847208;}
</style>
overflow: hidden;
position: relative;
display: inline-block;
}
.imgteaser:hover {cursor: pointer;}

.imgteaser div.exDateBox{background:url(/date.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:28px;*display:inline;*zoom:1;}

но все равно не помогло

ставит в две строки
сначала дату(кстати правильно число и месяц снизу) а ниже картинку и возле нее заголовок biggrin

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


 LunarLight,
Quote (LunarLight)
и оно заработало, только в одну строчку поставить немогу, думаю где то ошибка
поэтому не накладывается текст на картинку

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

Quote (LunarLight)
читала вот тут статью про наложение текста
http://shpargalkablog.ru/2011/04/css-nalozhenie.html
сделала вместо:
вот так:
<style type="text/css">
div.exDateBox p{margin:0;text-align:center;font:bold 22px/29px "Comic Sans MS",cursive;color:#847208;}
div.exTitleBox strong{font:bold 28px/28px "Comic Sans MS",cursive;color:#847208;}
</style>
overflow: hidden;
position: relative;
display: inline-block;
}
.imgteaser:hover {cursor: pointer;}
.imgteaser div.exDateBox{background:url(/date.gif) no-repeat 0 0;width:55px;height:60px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:28px;*display:inline;*zoom:1;}
но все равно не помогло

Вообще-то, стили в HTML должны располагаться в соответствующем блоке:
Code
<style type="text/css">   
/* Здесь стили */
</style>

, а в таблице стилей, без тегов
Code
<style />
 ...
У вас же, и то и другое, и если вы их пишете в HTML - ошибка, если в CSS (таблица стилей, здесь и далее) - тоже ошибка ...
....

Quote (LunarLight)
ставит в две строки

Вы пример сверху видите? Он у вас тоже не в строчку?


...
Прикрепления: 0924622.png (1.7 Kb)

 
Дата: Воскресенье, 08.04.2012, 16:22 |
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 в строчку... sad

в том то и дело.

когда я ставлю готовый код- он ставится

а когда свой его разрывает

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


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