• Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » LunarLight [4]
Результаты поиска
Дата: Суббота, 07.04.2012, 17:19 | Сообщение #1 | Тема: Как сделать ... ? Вопросы только по информерам
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


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

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

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

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

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

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

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

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

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

http://info.ucoz.ru/

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

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

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

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

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


Сообщение отредактировал LunarLight - Суббота, 07.04.2012, 17:21
 
Дата: Суббота, 07.04.2012, 21:32 | Сообщение #2 | Тема: Как сделать ... ? Вопросы только по информерам
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


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

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


 
Дата: Воскресенье, 08.04.2012, 13:53 | Сообщение #3 | Тема: Как сделать ... ? Вопросы только по информерам
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, 16:22 | Сообщение #4 | Тема: Как сделать ... ? Вопросы только по информерам
LunarLight
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


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

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

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

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


 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » LunarLight [4]
  • Страница 1 из 1
  • 1
Поиск:


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