Создание скинов ipb для чайников (меняем css) - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила форума

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

background css logostrip
  • 19 Страниц +
  • « Первая
  • 15
  • 16
  • 17
  • 18
  • 19
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Создание скинов ipb для чайников (меняем css) Все вопросы по css для версий 2.x

#241 Пользователь не на сайте   DarkGuardsman »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 25
  • Регистрация: 22-Июль 07
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 28 Август 2009 - 12:34

А что это даст если я пропишу right: 10% ?
Я имелл виду если у человека разрешение экрана 1024х768 либо не показывалась картинка либо показывалась но в другом месте, а если у человека 1024х1024 показывалась тоже в другом месте (у меня на 1024х1024 норм, а при 1024х768 картинки съежают и внизу чёрные полосы от них)

Поясню по 3 вопросу наглядно:
На 2-ом рисунке показан верх форума его фон
На 1-ом рисунке показан низ форума его фон

Как видно на 2-ом всё нормально фон проходит под картинкой
А на 1-ом видно что фон низа не проходит сковзь картинку т.е. картинка блочит распостранение фона дальше
Если двигать наложенные картинки то и фон внизу двигается

Нужно как-то сделать также как и наверху!

Код нижнего фона:
#logobasg{ 
	background: url(style_images/<#IMG_DIR#>/logobasg.gif);
	border: 1px solid #FFF;
	height: 203px;
	margin: 0px;
	padding: 0px;
}

#logobas{
	background: transparent url(style_images/<#IMG_DIR#>/logobas.gif) no-repeat left;
	height: 203px;
	margin: 0;
	padding: 0;
}


logobasg - это нижний фон
logobas - картинка по центру внизу (указал и этот код на всякий случай)

Вложений


Сообщение изменено: DarkGuardsman (28 Август 2009 - 12:51)

0

#242 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 28 Август 2009 - 13:26

1. Проценты дадут то, что пользователи с разным разрешением увидят одинаковую позицию элемента в резиновом дизайне. Если задать в пикселях, то у кого-то элемент будет на месте относительно других, у кого-то "ОТЪЕДЕТ" в сторону.
2. Попробуйте прописать z-index побольше в свойства класса, фон которого перекрывается.
Например:
z-index: 1000;
0

#243 Пользователь не на сайте   DarkGuardsman »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 25
  • Регистрация: 22-Июль 07
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 28 Август 2009 - 14:07

Понятно, спасибо

А можно сделать чтоб если у пользователя разрешение 1024х768 и картинка не вмещается - сделать так чтобы картинка ему тогда вообще не показывалась?


Прописал я z-index: 1000;
Получилось:
#logobasg{ 
	background: url(style_images/<#IMG_DIR#>/logobasg.gif);
	border: 1px solid #FFF;
	height: 203px;
		 z-index: 1000;
		 margin: 0px;
		 padding: 0px;
}


Но ничего не изменилось!
0

#244 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 28 Август 2009 - 14:09

1. Нельзя, чтобы не показывалась.
2. Я, правда, не знаю уже, чем помочь :(
0

#245 Пользователь не на сайте   DarkGuardsman »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 25
  • Регистрация: 22-Июль 07
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 28 Август 2009 - 14:17

Ну чтож большое спасибо и на этом! =)
0

#246 Пользователь не на сайте   Док »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 38
  • Регистрация: 15-Январь 08
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 09 Сентябрь 2009 - 14:37

Добрый день
Все пролез, но ответа на свой вопрос не нашел или не понял его
На стандартном скине расширил шапку Образец http://www.hondadoctor.ru/forum
Вставил свой логотип и все хорошо, но вот не нравиться эти три полоски, а как их убрать не найду
перепробовал уже много изменений, но результат ноль

Вот эти три полосы, где красным нарисовал
Вложение  clock.gif (19,35К)
Количество загрузок: 11
Надо сделать чтобы была просто широкая полоса

Подскажите как и что точно править нужно ?
0

#247 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 09 Сентябрь 2009 - 17:43

Это просто.
Css > класс logostrip. Меняем высоту и фон.
0

#248 Пользователь не на сайте   Док »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 38
  • Регистрация: 15-Январь 08
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 09 Сентябрь 2009 - 21:52

А как, я не пойму, что именно нужно изменить ?
Мой код
#logostrip{ 
	background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif);
	border: 1px solid #FFF;
	[b]height: 175px;[/b]
	margin: 0;
	padding: 0;
}

#logographic{
	background: transparent url(style_images/<#IMG_DIR#>/logo4.gif) no-repeat left;
	[b]height: 175px;[/b]
	margin: 0;
		padding: 0;

Я и там и там изменил на height: 175px;
Лого расширился, а эти полоски не убираются

Сообщение изменено: Док (09 Сентябрь 2009 - 21:53)

0

#249 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 09 Сентябрь 2009 - 22:00

tile_back.gif уберите или замените другой фоновой картинкой.
0

#250 Пользователь не на сайте   Док »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 38
  • Регистрация: 15-Январь 08
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 09 Сентябрь 2009 - 22:40

Во, спасибо большое
Удалил tile_back.gif и все стало прекрасно
А что лучше, удалить или заменить ?
Или без разницы ?
0

#251 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 09 Сентябрь 2009 - 23:12

Это зависит от логотипа. Если он без градиента на белом фоне, можно и удалить.
0

#252 Пользователь не на сайте   Док »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 38
  • Регистрация: 15-Январь 08
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 10 Сентябрь 2009 - 14:38

Понял, еще раз спасибо большое
0

#253 Пользователь не на сайте   radiocity »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 08-Ноябрь 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 12 Ноябрь 2009 - 13:35

Как мне сменить цвет синей границы в списке форумов (см. аттач)?
В каком шаблоне или в каком классе описывается эти границы?

Вложений

  • Вложение  123.png (8,51К)
    Количество загрузок: 7

0

#254 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 12 Ноябрь 2009 - 13:47

table th в css. Там нижний контур задан.
0

#255 Пользователь не на сайте   radiocity »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 08-Ноябрь 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 12 Ноябрь 2009 - 13:54

Спасибо. Затруднение вызвала запись
/* Safari... */
th
{
	text-align: left;
}

и не додумался, что дальше тоже может быть задано стилевое правило B)
0

Сообщить об этой теме:


  • 19 Страниц +
  • « Первая
  • 15
  • 16
  • 17
  • 18
  • 19
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна