ШаТиКа

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

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


Вы здесь » ШаТиКа » Установка и оформление дизайна в чат » ставим дизайн в чат (новая версия)


ставим дизайн в чат (новая версия)

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

1

обновился август)))все довольны  так что убить его готовы ) и так новая установка
=картинки должны весить не больше  49 кб не влезут в админку (только  с помощью произвольными можно будет прописать картинку с большим весом )
п.с. картинки превью

1.Основные стили
=Оформление чата =
http://s015.radikal.ru/i330/1603/11/fb86d62e9732.png

-прокручиваем ниже к произвольным параметрам
http://s020.radikal.ru/i717/1603/87/fd2afeaae73ft.jpg

-и убираем или меняем код на свой  и сохраняем
-на скрине я убрала код
http://s019.radikal.ru/i607/1603/87/304547814ef5t.jpg

2.Фрейм баннера
-загружаем картинку
http://s020.radikal.ru/i700/1603/7f/457f2ff125b1.png

-фиксируем банер и ставим как на скрине
http://s020.radikal.ru/i705/1603/1f/775199c5ea53.png

п.с. если нужен повтор банера убираете  без повтора и выставляете свое
-прокручиваем ниже и убираем код с произвольных параметров и  нажимаем сохранить
3.Фрейм меню
1.Меню
-загружаем картинку
http://s019.radikal.ru/i642/1603/be/77dd8a1d1f95.png

-фиксируем меню также как и баннер
-убираем рамочку  выставляем нули  (отмечено на скрине )
http://s014.radikal.ru/i329/1603/59/706da85cfe60.png
-дальше надо  определить как будут кнопки  (лев0 или по центру или право) и ниже удаляем  с произвольных код  и сохраняем
http://s017.radikal.ru/i443/1603/81/2014c95e24d5.png
2.Кнопки меню
-прописываем цвет кнопок там где пишет цвет текста
-загружаем кнопку там где загружали картинку на банер
http://s2.uploads.ru/t/qWTGD.png
-убираем  рамочку с кнопок  вставляем 0
http://s3.uploads.ru/t/UemAD.png
-также прокручиваем ниже и убираем с произвольных параметров код и сохраняем
3.Активные кнопки меню
-проделываем все как и в кнопки меню]

4.Фрейм отправки сообщений (он же строка ввода)
1.Фрейм отправки сообщений
1. прописываем цвет текста  под дизайн
2.загружаем картинку
3.фиксируем как на скрине
http://s2.uploads.ru/t/UKp2r.png
4.убираем  рамочку
http://s2.uploads.ru/t/RutAq.png
5.удаляем с произвольных код и сохраняем
2.Поля ввода
1.Прописываем  цвет текста этим цветом будете писать текст в строке ввода
2. прописываете цвет фона (это цвет по которому будете писать  обычно ставят черный)
3. можно  фон сделать картинкой  загрузив ее
http://s6.uploads.ru/t/bEOD4.png
4. убираем  рамочку выставляем 0 (или прописываем свой стиль)
http://s3.uploads.ru/t/0zG3x.png
2.Поля ввода в фокусе
проделываем также как и в полях ввода
1.Прописываем цвет текста
2. цвет фона
3.прописываем 0
http://s7.uploads.ru/t/SEJWG.png
3.Кнопки
1.прописываем цвет кнопки
2. прописываем фон кнопки  или если у вас есть рисованная кнопка прописываем слово transparent (оно сделает фон прозрачным)
3.если есть рисованная кнопка загружаем ее
http://s3.uploads.ru/t/7I1DZ.png
4.убираем рамочку прописываем 0
http://s6.uploads.ru/t/OLGlK.png
5. прокручиваем  ниже удаляем код с произвольных и нажимаем сохранить
4. Активные Кнопки
1.прописываем цвет  текста кнопки
5. Нажатие Кнопки
1.прописываем цвет текста и сохраняем

Дальше идут стили  прописанные с помощью селектора
1.  Первый селектор   .mysmiles .add
-этот селектор отвечает за стрелочки в любимых смайлах
http://s2.uploads.ru/t/pLx0a.png
-заходим  в этот селектор и меняем картинку на свою
http://s6.uploads.ru/t/jrU69.png
сохраняем
2. Дальше идет селектор .mysmiles .del
- он в чате также в любимых смайлах это кнопка минус
-заходим в этот селектор и также меняем картинку на свою
и сохраняем
3. Дальше идет селектор .mysmiles .up
-этот селектор это стрелочка вверх в любимых смайлах справа
http://s3.uploads.ru/t/bGjl9.png
-заходим  в этот селектор и меняем на свою картинку
4. селектор .mysmiles .down
-это стрелочка вниз в окне любимые смайлы
-заходим в этот селектор и меняем картинку на свою
сохраняем

0

2

продолжение следует

0


Вы здесь » ШаТиКа » Установка и оформление дизайна в чат » ставим дизайн в чат (новая версия)


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC