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

[DarkGuardsman 0]

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

Изменено 28 августа 2009 пользователем DarkGuardsman

[Fisana 700]

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

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

Например:

z-index: 1000;

[DarkGuardsman 0]

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

 

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

 

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

[Fisana 700]

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

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

[DarkGuardsman 0]

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

[Док 0]

Добрый день

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

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

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

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

 

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

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

 

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

[Fisana 700]

Это просто.

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

[Док 0]

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

Мой код

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

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

Изменено 9 сентября 2009 пользователем Док

[Fisana 700]

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

[Док 0]

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

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

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

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

[Fisana 700]

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

[Док 0]

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

[radiocity 0]

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

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

[Fisana 700]

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

[radiocity 0]

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

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

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