Настройка показа блока с вложенными файлами

Уважаемые администраторы форумов Forum2x2

Сегодня мы предлагаем вашему вниманию коды CSS, позволяющие настроить отображение блока с вложенными файлами, показываемого в сообщениях пользователей. (О настройке самой функции "Вложенные файлы" читайте в нашем туториале Вложенные файлы)

Речь идет об этом блоке :



Вы можете полностью персонализировать показ этого окошка. Для этого вам нужно будет добавить коды CSS в
ПА - Оформление - Управление цветами и картинками - Цвета - Каскадная таблица стилей CSS

Спойлер:

Код, который вы должны поставить в персональную таблицу стилей, состоит из двух кодов, или двух частей.

1-ый код.

Код:

.attachbox{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}

2-ой код.

Код:

 
.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #FFFFFF;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


Первый код настраивает отображение "внешнего" блока:


второй код - отображение "внутреннего" блока, помещенного внутри первого:





1-ый код.

background-color - фоновый цвет блока
background-image - фоновая картинка (поставьте сюда ссылку на картинку, которая должна стать фоном для этого блока; картинка должна быть предварительно размещена на любом хостинге изображений)



border - рамка блока (1px - регулирует толщину рамки, указывается в пикселях; solid - стиль рамки; #888888 - цвет рамки)

Следующие за этими коды регулируют отображение углов блока (сверху - "закругленные" углы, снизу - прямые)

2-ой код.
background-color - фоновый цвет блока
margin-top - отступ верхней рамки блока от рамки внешнего блока
Вот, например, как будет выглядеть наш блок при увеличении этого значения до 20 пикселей:


padding - отступ текста от рамки блока


border - рамка блока (1px - регулирует толщину рамки; solid - стиль рамки; #FFFFFF - цвет рамки)
moz-border-radius: 15px;
webkit-border-radius: 15px - "закругленные" углы

у меня почему-то есть картинка, но она в таком маленьком размере, (( как мне можно исправить это?

Скриншот покажите.

Добавила оба кода в таблицу, но никаких изменений не произошло...

О, сегодня заработало

для какого движка эти коды CSS???На втором ничего не показывает..

Если уточнений нет, значит для всех движков.

Закругленные углы заданные через -moz - не будут видны в Опере скорее всего.

ну видать у меня руки кривые...у кого работает-дайте ссылку на форум убедится в работе этих вложений...

http://tierra-flood.forum2x2.ru/forum.htm
У меня работает... Но вы подождите, у меня где-то через сутки после добавления код заработал...