Кот

Информация о пользователе

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


Вы здесь » Кот » Фишки и примочки » Стиль страницы переадресации.


Стиль страницы переадресации.

Сообщений 1 страница 10 из 19

1

Автор: faiko

Я уж не знаю, кто что там когда-то говорил о невозможности задать стиль для страницы переадресации, но у меня всё получилось. Делюсь с вами.
Стиль задаётся в блоке A5.3 в первом окне стиля. Находим блок, выглядит он так:

/* A5.3 */
#pun-redirect, #pun-maint {
параметры
}

Вместо "параметры" прописываются свойства страницы. Я добавила несколько своих, чтобы достичь такого результата:
http://uploads.ru/t/P/s/S/PsS5f.jpg

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 0% 30%;     //отступы от краёв экрана
    width: 40%;     //ширина блока
    float: none;
    text-align: center;     //выравнивание текста
    font-size: 10px!important;     //размер текста
    background: white url(http://uploads.ru/i/g/R/7/gR73z.gif) no-repeat;     //фоновый цвет + картинка лоадера
    background-position: center 27%;     //положение картинки
    border: 5px double gray;     //границы
    border-radius: 0 0 30px 30px;     //степень закругленности
    }   

#pun-redirect .main-title {     //слово "Переадресация"
    font-size: 0.6em;     //размер
    font-family: Arial;     //шрифт
    font-weight: bold;     //жирность
    color: black;     //цвет
    text-transform: uppercase;     //все буквы заглавные
    text-shadow: 0px 0px 5px silver;     //тень текста
    padding: 10px!important;
    margin-bottom:0px!important;}

Полёт фантазии здесь неограничен. Тестировала в сафари, хроме, эксплоре, фаерфоксе и опере - везде нормально пашет. http://uploads.ru/i/J/F/6/JF6NL.gif
После "//" в коде прописаны пояснения к каждому параметру. :)
Сейчас у нас и, например, на вайтпиаре тоже задан стиль для переадресации, только там под заголовок размещена картинка, а текст скрыт.

+2

2

Скрипт не работает : (

Вставляю всё правильно, но ничего не меняется.

0

3

Пернатый
Хм... Знаете, попробовала на разных форумах, всё работает.

Вы изменяли какие-то значения? Попробуйте сначала вставить, ничего не изменяя.

0

4

_Ipnosi
вставлял всё без каких-либо изменений : (

0

5

Пернатый, тогда ждем Инну. Она посмотрит. )

0

6

Пернатый
попробуйте такой код вставить:

Код:
/* A5.3 */
#pun-redirect {
  background: #b77d4c url(http://i001.radikal.ru/1104/c9/c6e9d3a6e6f5.jpg) center top repeat-y fixed;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0 !important;
  left: 0 !important;
  }

#pun-redirect #pun-main {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  position: relative;
  z-index: 1000;
  }

0

7

Rush
Неа, не помогает : (

http://testdizraz.mybb.ru/ - адрес тестовика.

0

8

как сделать чтобы текста не было, а была только картинка?

0

9

uragirimono
В блок А5.3 добавьте font-size: 0; или content: none;
И добавьте еще куда-нибудь вот это: #pun-redirect .main-title {display: none;}
Потом в тот же блок добавляйте картинку. :)

0

10

faiko
работает, большое спасибо за помощь хз

0


Вы здесь » Кот » Фишки и примочки » Стиль страницы переадресации.


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