|
Как сделать ... ? Вопросы только по информерам
|
|
|
| [32] likbezz [19.03.2012, 08:30] |
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>
... |
|
| [33] Laima [19.03.2012, 13:23] |
Неполучается  Все сделала, а выводиться по две позиции, т.е. по два товара плывут, и один обрезан..... |
|
| [34] likbezz [19.03.2012, 13:40] |
Laima, Quote (Laima) Неполучается Все сделала, а выводиться по две позиции, т.е. по два товара плывут, и один обрезан.....
А у вас товары выводятся в строчку? Это же скроллинг не вверх/вниз где товары должны быть в столбик, а по горизонтали, следовательно и информер должен выводить товары в одну строку.
... Ссылочку оставьте на информер... |
|
| [35] Laima [19.03.2012, 13:43] |
Товары в строчку записаны. Информер этот удалила уже...
Называется-кручу, верчу-намутить хочу)))))))))))))) Сделала новый, с движением снизу вверх, как и первый, так и смотриться гораздо лучше)))) А то глаза разбегаться начинают)))))))))))  |
|
| [36] likbezz [19.03.2012, 13:45] |
Laima, Quote (Laima) А то глаза разбегаться начинают)
Ну и правильно )
Горизонтальный хорошо для банеров и счётчиков, где размер картинки фиксированный. |
|
| [37] LunarLight [07.04.2012, 17:19] |
Здравствуйте.
Я не так давно заинтересовалась созданием сайтов и еще новичок в этом деле. И понимаю что для создания информеров нужен уровень знаний html явно выше чем у меня. Очень надеюсь что вы мне поможете.
я набрела на один сайт
и мне там очень понравился информер, который стоит перед темой новостей (по крайней мере мне это кажется информером) в таком квадратике дата и месяц когда написано сообщение.
пыталась понять как такое сотворить, но так и не разобралась как создается и устанавливается такой информер? ну или подобный такому
...в общем я думала думала и предполагаю что создается информер "сортировка новостей по дате добавления
затем рисуется картинка ...
число и месяц это текст, переменная на дату (которая и является информером, просто вместо нее скрипт выдает целостное изображение картинку+текст)
вот этот сайт:
http://info.ucoz.ru/
только я б хотела если это возможно сменить английский язык и рисунок на свой (думаю нарисовать таких размеров его не тяжело) как быть с языком я не знаю.
если это можно конечно как то изменить (может вручную прописать сокращенно назв месяцев в скрипте или коде)
но как поставить этот рисунок перед заголовком тем новостей и расположить один над другим число и название месяца для меня еще сложнее понять
может это то то сродни нумерации, таблице или списку
помогите пожалуйста разобраться.
Сообщение отредактировал LunarLight - Суббота, 07.04.2012, 17:21 |
|
| [38] likbezz [07.04.2012, 20:46] |
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>
Результат:
...
|
|
| [39] likbezz [07.04.2012, 20:53] |
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;}
Основное - размеры должны соответствовать картинке.
... |
|
| [40] likbezz [07.04.2012, 21:07] |
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>
...
Результат:
...
А вообще, многое зависит от конкретно вашего шаблона сайта )
.... |
|
| [41] LunarLight [07.04.2012, 21:32] |
likbezz, спасибо Вам огромнейшее)) 
рада как ребенок)) и много ли для счастья надо  |
|
| [42] likbezz [07.04.2012, 21:44] |
LunarLight, Quote (LunarLight) likbezz, спасибо Вам огромнейшее)
Что, типа заработало? ... Странно ) Думал всё сложнее будет ...
Незачто.
... |
|
| [43] LunarLight [08.04.2012, 13:53] |
конечно посложнее))
зато понятно что оно такое и откуда берется))
и оно заработало, только в одну строчку поставить немогу, думаю где то ошибка
поэтому не накладывается текст на картинку
читала вот тут статью про наложение текста
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;}
но все равно не помогло
ставит в две строки
сначала дату(кстати правильно число и месяц снизу) а ниже картинку и возле нее заголовок  |
|
| [44] likbezz [08.04.2012, 15:49] |
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>
, а в таблице стилей, без тегов ...
У вас же, и то и другое, и если вы их пишете в HTML - ошибка, если в CSS (таблица стилей, здесь и далее) - тоже ошибка ...
....
Quote (LunarLight) ставит в две строки
Вы пример сверху видите? Он у вас тоже не в строчку?
...
|
|
| [45] LunarLight [08.04.2012, 16:22] |
в строчку... 
в том то и дело.
когда я ставлю готовый код- он ставится
а когда свой его разрывает |
|
Хочу сотворить еще один информер... 
