Игры free и др.

БЛОГ "КРАСОТА, ЗДОРОВЬЕ, ДОЛГОЛЕТИЕ"

Tamriko — Fri, 05 Dec 2014 10:59:30 GMT

Блог Tamrikosha.ru «Красота, здоровье, долголетие» посвящен секретами красоты и ее поддержанию, уходу за волосами, кожей и телом, полезным рекомендациям по здоровому образу жизни, физической активности, укреплению здоровья, правильному питанию, долголетию, проблемам продления жизни и др.

Кнопка рейтинга + и -

Bitfood — Sat, 13 Sep 2014 12:56:52 GMT

скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:

Код

В CSS стиль вставляем:

Код

.rate {background:url(http://pnghosts.ru/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}
a.orating_m:hover{background-position:-21px 100%;}
a.orating_m.orated{background-position:-21px -24px;}
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}
a.orating_p:hover{background-position:0 100%;}
a.orating_p.orated{background-position:0 100%;}
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}
a.orating_res:hover{color:#f0f0f0;}

Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$

Красивая статистика для uCoz

Bitfood — Sat, 06 Sep 2014 07:56:20 GMT

Создайте блок с названием "Cтатистика сайта" и вставьте в него сделующий код:

Код

Счетчики пользователей

Онлайн сайта

Счетчики сайта

Сегодня нас посетили

Этот код нужно поставить на все страницы, перед !!!

Код

Создайте два информера:

$MYINF_1$
[ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код

Всего: $ALL_USERS$

За месяц: $30DAYS$

За неделю: $7DAYS$

Вчера: $YESTERDAY$

Сегодня: $TODAY$

$MYINF_2$
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]

Код автоматом ставится.

В CSS добавьте стили:

Код

#statistic {width:208px;overflow:hidden;margin:0 auto;color:#fff;}
.Tstatis {height:24px;margin-top:6px;}
.title_statis {background:url(http://pnghosts.ru/img/statistic_title.png) no-repeat;float:left;width:171px;height:19px;font:11px Tahoma;text-shadow:1px 1px 0 #553a11;padding:4px 0 0 5px;overflow:hidden;}
.turn {background:url(http://pnghosts.ru/img/button_turn.png) no-repeat;float:right;width:37px;height:23px;margin:0 0 0 -5px;}
.Bstatis, .Bstatis2, .Bstatis3, .Bstatis4 {width:208px;font:11px Tahoma;text-shadow:1px 1px 0 #191919;margin-top:2px;}
#statistic dl {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
#statistic .tOnline, #statistic .gOnline, #statistic .uOnline {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}

Вид комментариев ucoz с круглым Avatar

Bitfood — Sat, 06 Sep 2014 07:00:53 GMT

Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев ucoz с круглым Avatar, где сами картинки будут распологаться напротив и это очень красиво смотриться. Был создан он по своим стилям, как для светло серого сайта и безусловно он еще подойдет на темный дизайн.

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

1) Заходим в панель управления и выбираем "вид комментариев" и меняем там все на наш скрипт.

Код

  удалить

$TIME$

$MESSAGE$

$TIME$

$MESSAGE$

  удалить

И CSS добавляем.

Код

.com_wp {border-radius:50%;background:#fff;width:65;height:65}
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
  .tim_wp{background:d7d7d7;border-radius:4;}
  #triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}#triangle-left1 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}

Up на подобии как в вк

Bitfood — Sat, 06 Sep 2014 05:40:19 GMT

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:

Код

.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}

3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:

Код

На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме

Cоц. закладки для сайта

Bitfood — Sun, 31 Aug 2014 18:35:52 GMT

Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +1
Установка:
Где желаем видеть вставляем код в HTML:

Код


	Твитнуть	Опубликовать

Кнопка наверх в виде ракеты с эффектом огня

Bitfood — Sun, 31 Aug 2014 13:43:59 GMT

Кнопка наверх выполненная в виде ракеты с эффектом огня

Устанавливаем в нижнюю часть сайта:

Полный мини-чат для uCoz

Bitfood — Fri, 29 Aug 2014 11:43:50 GMT

Удобный и функциональный выдвижной мини-чат для uCoz от Урааа. Это абсолютно полная и рабочая версия мини-чата.

Мини-чат уже завоевал популярность, и многие сайты поставили себе такой же, но скрипт, которым я поделился со своими пользователями, ограничен – отсутствует звуковое оповещение и панель для выбора смайлов. Это не просто полная версия, а новая дополненная версия мини-чата. В мини-чат добавлен счетчик пользователей онлайн, а ваши сообщения в чате выделяются.

Установка

1. Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2.

2. Админ панель - Управление дизайном » Мини-чат » Вид материалов
Нужно все убрать и прописать этот код:

Код

Ответить | $TIME$

$USERNAME$

id="c_one">$MESSAGE$

Потом меняем Форма добавления сообщений:

Код

И теперь в низ сайта, ставим этот код:

style="display:none">

Свернуть

Развернуть чат

(')" alt="" />

Необходима авторизация

$CHAT_BOX$

[/code]

Появляется ошибка «Не заполнено поле сообщение»?
Проверьте, нет ли на странице еще одной формы для добавления сообщений в чат. Частая ошибка пользователей, когда они не убирают чат из сайдбара. Отсюда и возникает конфликт.

Регистрация ООО, как это сделать?

beret81 — Fri, 25 Jul 2014 16:34:04 GMT

Регистрация ООО является самой распространённой формой формой подачи заявления о государственной регистрации юридического лица Р11001 заявителем в МИФНС №46 без нотариального заверения.
Для того, чтобы зарегистрировать ООО вам необходимо подготовить следующие документы:
Необходимо нам по электронной почте interplanet@ya.ru отправить сканы первой страницы паспорта и адрес прописки, если не один заявитель, то необходимо приложить всех, кто входит в состав общества, а также ИНН, чем будете заниматься, то есть ОКВЭДЫ, общественный классификатор внешнеэкономической деятельностью и номер телефона, по которому наш представитель сможет с вами связаться.
После того, как будут готов комплект документов по регистрации, наш представитель с вами свяжется и договориться о встречи.
Заказать компанию, вы можете по телефону: 8(495)507-74-54, за 4700 рублей.
Для подготовки комплекта документа необходимо:
1. Наименование организации, как на русском, так и на английском языке;
2. Юридический адрес, по которому будет находиться ваше общество, если у вас нет, то мы сможем вам подобрать юридический адрес, который будет удобен для вас. Стоимость юридического адреса на 6 месяцев — 6000 рублей, на 11 месяцев — 12000 рублей. Поэтому для комплекта документов подаваемых на регистрацию компании, в МИФНС №46 необходимо предоставить гарантийное письмо и копия свидетельства на недвижимое имущество
3. Учредители и их паспортные данные, здесь должны отправить по электронной почте interplanet@ya.ru сканы первой страницы паспорта и адреса прописки всех учредителей.
4. Размер уставного капитала, минимум 10000 рублей, данный размер указывается в заявлении на государственную регистрацию юридического лица Р11001, размер в рублях, в уставе тоже указывается размер в рублях, но при этом оплата уставного капитала отражается в решении или протоколе. Участники общества вносят денежные средства в кассу на рассчётный счёт данной компании, либо своим имуществом, если сумма превышает 20000 рублей, тогда потребуется профессиональный оценщик.
5. Виды деятельности компании, то есть ОКВЭДЫ, это общественный классификатор внешнеэкономической деятельности, то чем будет заниматься ваша компания. Необходимо указать основной вид деятельности, а также дополнительные виды деятельности, которыми вы сможете также работать.
Теперь перейдём к подготовке документов по регистрации ООО для подачи в МИФНС №46
1. Заявление о государственной регистрации юридического лица Р11001, в связи с изменениями в Федеральный закон от мая 2014 года, подаётся генеральным директором самостоятельно без нотариального заверения; В случае нотариального заверения заявления Р11001, тогда подаётся самостоятельно в сопровождении нашего представителя, либо по нотариальной доверенности от заявителя, если один, либо от заявителей, когда двое или более, доверяя представителю по нотариальной доверенности, либо копии нотариальной доверенности подать и получить документы по регистрации общества
2. Решение или протокол общества, как правило в решении избирается один участник общества, он же является генеральным директором, а в протоколе избирается один участник общества, общим собранием общества;
3. Устав общества, в нем как правило прописывается название общества, на русском и английском языке, юридический адрес по которому находится общество;
4. Квитанция на оплату государственной пошлины в размере 4000 рублей;
5. Гарантийное письмо с указанием юридического адреса, который будет предоставлен в качестве регистрации, а также копия Свидетельства о праве на недвижимое имущество.
6. Заявление о переходе на упрощённую систему налогообложения, подаётся сразу вместе с документами на регистрацию. Если данное заявление не подаётся, то остаётся на ОСН, общей системе налогообложения.
После проследовать в МИФНС №46, для подачи комплекта документов по регистрации как по нотариальной доверенности, так и в сопровождении данного заявителя, после получения в автомате талончика, дождаться когда он загорится на табло и проследовать для подачи документов по первоначальной регистрации налоговому инспектору, как с нотариальной доверенностью, так и сопроводив заявителя в указанное окно.

Форма заказа для Интернет-магазина на uCoz

Bitfood — Mon, 09 Jun 2014 11:54:08 GMT

Сегодня Вашему вниманию предлагаю скрипт, который добавляет форму для оформления быстрого заказа на Ваш сайт.
Данный функционал очень полезен для интернет-магазинов, повышает лояльность пользователей и отлично дополнит практически любой сайт.
Как обычно - скрипт полностью готов к использованию и Вы можете установить его к себе на сайт добавив всего несколько строк javascript.

Итак, для того, чтобы добавить к себе на сайт эту форму необходимо:

Зайти в "Панель управления" - "Дизайн" - "Управление дизайном (CSS)" - "Глобальные блоки : Верхняя часть сайта" и вставить скрипт:

Код

uOrder.init({name:"ФИО", adress:"Адрес", phone:"Телефон", email_from: "feedback@site.ru", email_to: "email@site.ru"});

Вместо feedback@site.ru и email@site.ru нужно подставить свои электронные адреса.

Доступные настройки:

subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
site: "с сайта ",
title: "Быстрый заказ",
name: "Ваше имя", //Название поля для имени
adress: "Ваш адрес", //Название поля для адреса
phone: "Ваш телефон", //Название поля для телефона
comment: "Ваш вопрос", //Название поля для комментария
button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
call_btn: "Оформить быстрый заказ",
colors: "#e84242",
email_from: null,
email_to: null,
status_sending: "Отправка...",
status_error: "Заполните все обязательные поля!"

Радио для сайта

Bitfood — Sat, 29 Mar 2014 20:22:04 GMT

Устанавливаете любое место сайта

Код

Вид статистика для ucoz

Bitfood — Wed, 12 Mar 2014 10:53:09 GMT

Создать глобальный блок и вставляет в него код:

Код

$COUNTER$

$ONLINE_COUNTER$[ Кто on-line? ]
[ Кто нас сегодня посетил ]

Аудиоплеер серого цвета с плейлистом

Bitfood — Mon, 03 Mar 2014 12:02:04 GMT

Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.

Код для установки аудиоплеера с плейлистом

Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.

Код

Пример файла плейлиста аудиоплеера

Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.

Код

{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}

Код для установки аудиоплеера без плейлиста

Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.

Код

Рабочий мини профиль для ucoz

Bitfood — Fri, 28 Feb 2014 12:12:22 GMT

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

Код

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

$LOGIN_FORM$

Красочный КВ скрипт + оформлен css стилями

Bitfood — Fri, 28 Feb 2014 11:06:04 GMT

Красочный вид статистики кв, статистика для клана css,cs, и других.
Особенность в данной статистики то что ярко выраженно поле нечьи, победы...
Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым.

Устоновка:
Кидаем код в новый блок, ВСЁ!

Код

Победы (419)

Поражения (90)

Ничьи (15)

Вид опроса для uCoz в стиле Flat дизайна

Bitfood — Fri, 28 Feb 2014 08:20:13 GMT

В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста

Установка:

Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот:

Код

$QUESTION$

$ANSWERS$

  Ответов: $TOTAL_VOTES$
  Результаты
   |
  Архив

Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код:

Код

/* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/
.cell-poll{
  float:left;
  width:230px;
  color:#666;
  background: #fff;
  padding: 10px 10px 10px 10px;
  border: 1px solid #B6C0CD;
  border-radius:5px;
}

.cell-poll-title{
  float:left;
  width:100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #B6C0CD;
  font:12px Verdana,Arial,Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#777;
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
  float:left;
  width:100%;
  margin: 10px 0px 10px 0px;
  text-align:left;
}

.answer {display: block;}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.progress {
  height: 15px;
  overflow: hidden;
  margin: 5px 0px 7px 0px;
  height: 15px!important;
  background: #F4F8F9!important;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
  height: 18px!important;
  display: block!important;
  overflow: hidden!important;
  margin-top: -3px;
}

.progress-0 {background: #5D9AD3!important;}
.progress-1 {background: #E96465!important;}
.progress-2 {background: #F6954E!important;}
.progress-3 {background: #dd8cd2!important;}
.progress-4 {background: #75D0ED!important;}
.progress-5 {background: #5BC254!important;}
.progress-6 {background: #CFC72D!important;}
.progress-7 {background: #DD3344!important;}
.progress-8 {background: #FE9B6F!important;}
.progress-9 {background: #8CC84B!important;}
.progress-10 {background: #DD8CD2!important;}
.progress-11 {background: #e9eb5b!important;}
.progress-12 {background: #E96465!important;}
.progress-13 {background: #75D0ED!important;}
.progress-14 {background: #5D9AD3!important;}

.pollBut{
  cursor:pointer;
  border:none!important;
  margin-top:10px;
  background: #64b0db!important;
  padding: 5px 20px 5px 20px!important;

  font:11px Verdana,Arial,Helvetica, sans-serif!important;
  font-weight: bold!important;
  color:#fff!important;
}

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;}
.pollBut:hover {background:#51a4d2!important;}

.cell-poll-link{
  float:left;
  width:100%;
  padding-top: 10px;
  border-top: 1px solid #B6C0CD;

  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.cell-poll-link span{float:left;}
.cell-poll-link b,
.cell-poll-link a {float:right;}
.cell-poll-link b {color:#B6C0CD;}

Готово! Теперь, дизайн опроса готов, все налажено и рабочее, можете установить себе тестовый опрос, чтобы протестировать данный скрипт для uCoz. На этом все, спасибо вам за внимание!

Форма поиска по сайту ucoz

Bitfood — Fri, 28 Feb 2014 06:25:09 GMT

Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д.

Поменяйте название сайта на своё, далее копируем весь код и в конструкторе на сайте добавляем в какой нибудь блок, потом сохраняем конструктор и проверяем работу скрипта, по возможности можете добавить в него дополнительные модули для поиска.

Код

Чвсы для сайта, блога

Bitfood — Sat, 08 Feb 2014 09:13:57 GMT

Устанавливаете в любое место вашего сайта

Код

Получить код кнопки или баннера

Bitfood — Sat, 25 Jan 2014 13:34:29 GMT

Скрипт для ucoz - Получить код кнопки или баннера
Необходимый скрипт практически для любого сайта ucoz ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннерообмене

Установка:
Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта

Код

Вид информера онлайн кинотеатра

Bitfood — Sat, 25 Jan 2014 13:34:27 GMT

Если вы владелец онлайн кинотеатра в системе uCoz, и пользуетесь информерами, то статья именно для вас.
Стандартный вид информеров не то, что поможет привлечь потенциальных зрителей, а скорее отпугнет. Во-первых, из-за того, что заходят в кинотеатр, все должно быть наглядно. Изначально информер выглядит как простой текст (название), с датой добавления, и автором, все. Мало, кто захочет читать. Поэтому для информеров такого типа нужна как минимум картинка. Это не обязательно может быть информер фильмов. Да, уже нормально, но фильмы имеют названия разной длины, потому все картинки смещаются, какие-то выше, какие-то ниже, в общем, весь вид портится.

Я предлагаю сделать надписи прямо на картинке, при этом красиво это все оформив.

Итак, начнем.

Для начала, вставим этот код в шаблон информера.

Код

$TITLE$

После чего, в CSS вставляем данные стили.

Код

.img_title {
word-wrap: break-word;
text-indent: 0px;
font-size: 13px;
color: #376d9c;
font-weight: bold; font-family: Arial Narrow, sans-serif;
background: #ffffff;
height: 40px;
vertical-align:middle;
width: 162px;
left: 20px;
text-align: center;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.image {
position: relative;
width : 100%;
}
h2 {
position: absolute;
top: 170px;
left: 0;
width : 100%;
vertical-align:middle;
}

Это придаст нашему блоку с названием тень, а тексту стиль.

height: 40px - можно убрать, чтобы блок сам увеличивался или уменьшался в зависимости от длины заголовка. Или оставить, если хотите, чтобы блоки были одинаковые (при этом если надпись длиннее оставленной высоты (места), то она будет вылезать за рамки).

Код

h2 {
position: absolute;
top: 170px;
left: 0;
width : 100%;
vertical-align:middle;
}
.image {
position: relative;
width : 100%; /* for IE 6 */
}