Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Fisana

Создание скинов ipb для чайников (меняем css)

Рекомендованные сообщения

08/28/09 09:35 (изменено)

А что это даст если я пропишу 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 - картинка по центру внизу (указал и этот код на всякий случай)

post-9949-1251451549_thumb.jpg

post-9949-1251451560_thumb.jpg

Изменено пользователем DarkGuardsman

Поделиться сообщением


Ссылка на сообщение

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

2. Попробуйте прописать z-index побольше в свойства класса, фон которого перекрывается.

Например:

z-index: 1000;

Поделиться сообщением


Ссылка на сообщение

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

 

А можно сделать чтоб если у пользователя разрешение 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;
}

 

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

Поделиться сообщением


Ссылка на сообщение

1. Нельзя, чтобы не показывалась.

2. Я, правда, не знаю уже, чем помочь :(

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Добрый день

Все пролез, но ответа на свой вопрос не нашел или не понял его

На стандартном скине расширил шапку Образец http://www.hondadoctor.ru/forum

Вставил свой логотип и все хорошо, но вот не нравиться эти три полоски, а как их убрать не найду

перепробовал уже много изменений, но результат ноль

 

Вот эти три полосы, где красным нарисовал

post-16020-1252496220_thumb.png

Надо сделать чтобы была просто широкая полоса

 

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

Поделиться сообщением


Ссылка на сообщение

Это просто.

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

Поделиться сообщением


Ссылка на сообщение
09/09/09 18:53 (изменено)

А как, я не пойму, что именно нужно изменить ?

Мой код

#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;

Лого расширился, а эти полоски не убираются

Изменено пользователем Док

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Во, спасибо большое

Удалил tile_back.gif и все стало прекрасно

А что лучше, удалить или заменить ?

Или без разницы ?

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

В каком шаблоне или в каком классе описывается эти границы?

post-34572-1258022127_thumb.png

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Спасибо. Затруднение вызвала запись

/* Safari... */
th
{
text-align: left;
}

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

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...