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

Это говорю не я один leonP4 а и многие веб программеры в своих блогах и статьях.
В этой теме я выкладываю небольшой стиль и кусок кода, вид которых очень сложно отличить от фотошопа а всё благодаря мастерству владения CSS

Вот вам скрин где я использую данную функцию:

А теперь о самом коде

Вот CSS часть - отвечает за неон:

Code

/* стат неон leonP4 All-For-Kompa.RU */
a.nhp:hover {
  text-decoration: none;
  text-shadow: black 1px 1px 2px, red 0 0 1em;
}
a.nhp {
  text-decoration: none;
  text-shadow: black 1px 1px 2px, green 0 0 1em;
}
/* стат неон leonP4 All-For-Kompa.RU */

Эта часть отвечает за сам вид текста

Code

/* стат текст leonP4 All-For-Kompa.RU */
h3#nasposetili {
  font: normal 15.4px tahoma;
  position: relative;
  color: #00B2FF;
  padding: 10px 0px;

}
h3#nasposetili span {
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 9px;
  background: #FFF; /* цвет накладываемого блока, должен совпадать с цветом фона основного блока */
  overflow: hidden;
  opacity: 0.45;
  filter: alpha(opacity=45);
}
/* стат текст leonP4 All-For-Kompa.RU */

Идём дальше...

Теперь после того как подключили CSS будем работать с кодовой частью:

Code

<div class="infmes">
  <a class="nhp" onclick="$('#ktoposetil').slideToggle('slow');" href="javascript://"><h3 id="nasposetili"><b>Нас сегодня посетили</b><span></span></h3> </a>
  <div style="display: none;" id="ktoposetil">
  здесь любая информация
  </div></div>

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

Возвращаемся обратно в CSS и дописываем это:

Code

.infmes {border:1px dashed #b2b2b2;margin:5px 0 3px 0;padding:5px;background:#fff;font-size:7pt; color:#828282;}

Теперь всё готово! Наслаждаемся красивым видом!
Небольшой код подготовил leonP4
Источник: All-For-Kompa.RU
Отдельное спасибо Ярославу за спойлер JQ который используется здесь!

Скрытие копирайтов влечёт за собой закрытие вашего сайта

Источник http://apocalypse.ucoz.kz/

Скачать файл

Пожаловаться на файл

Теги:

переходом, рамке, скрипты для uCoz, Спойлер, неон, плавным

Категория: Скрипты для ucoz

Добавил: mega18

Загрузок: 0

Вы сейчас просматриваете Неон спойлер в рамке с плавным переходом. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Неон спойлер в рамке с плавным переходом нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Неон спойлер в рамке с плавным переходом и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]