Четверг, 23.11.2017, 06:29
Приветствую Вас Гость

Каталог статей

Главная » Статьи » S3PackageViewer

S3PackageViewer: Для того, чтобы изменить (добавить) тему отчета

Для того, чтобы изменить (добавить) тему отчета

 

       Откройте папку Главное меню | S3PackageViewer | Config | CSS

Откройте или вначале скопируйте файл конфигурации с новым именем, имя файла является именем темы. Для редактирования рекомендую использовать редактор с "подсветкой" синтаксиса CSS, например Notepad++.

Файлы имеют примерно такой вид:

/* Default.css
* S3PW 1.11
* (c) AR, 2013 
*/

body { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt;}

h1 { font-size: 10pt; text-align: center;}

/* обводка элементов */
table, td.styf { border: 0px none;}
td, img.caspicon, img.objdicon, img.flag, #tooltip, #filter, #sf01, #sf0A { border: 1px solid #9bb9e0;}

/* разметка элементов таблицы */
td { margin-bottom: 2px;}
td.sty00, td.sty01, td.sty10, td.sty11, td.sty00w, td.sty01w, td.sty10w, td.sty11w { vertical-align: top;}
td.sty00w, td.sty01w, td.sty10w, td.sty11w, td.styh { width: 100%;}
td.styf { padding: 0px;}

/* раскраска элеметов */
/* светлый */
td.sty00, td.sty00w, td.sty11, td.sty11w, td.styf, td.styb, #filter, #sf01, #sf0A { background-color: #e8f8ff;}
/* темный */
td.sty01, td.sty01w, td.sty10, td.sty10w, td.styh { background-color: #d8e8f0;}
/* ошибка */
td.error { border: 1px solid #ff0000; background-color: #ffe8f0; width: 100%;}

/* превью по типам файлов */
img.packageicon { width: 64px;}
img.sims3packicon { width: 256px;}
/* превью по типам записей */
img.caspicon { width: 128px; }
img.objdicon { width: 64px;}
/* отображение флагов */
img.flag, img.objdgiven, img.objdscore, img.separator { height: 24px;}
img.flag, img.objdgiven { width: 28px;}
img.objdscore { width: 10px;}
img.separator { width: 12px;}
/* "распорки" ячеек */
img.sep13, img.sep14, img.sep24 { height: 1px; display: block;}
img.sep13 { width: 250px;}
img.sep14 { width: 128px;}
img.sep24 { width: 110px;}
img.sepobjd1m { width: 10px;}

/* специальные секции */
#watermark, #filter, #sf01, #sf0A { position: fixed; z-index: 1;}
/* подсказка */
#tooltip { position: absolute; color: #404040; background-color: #ffffff; font: menu; margin: 0px; padding: 3px 5px; visibility: hidden; z-index: 2;}
/* ватермарк */
#watermark { right: 5px; bottom: 5px; width: 204px;}
/* фильтры */
#filter { left: 5px; bottom: 5px;}
#sf01, #sf0A { left: 20px; bottom: 40px; border-bottom: none; display: none;}

/* кнопки */
/* геометрия */
div.btn00, div.btn01 { margin: 1px; width: 81px; height: 25px; text-align: center; font-size: 13pt;}
div.btns0 { margin: 1px; width: 25px; height: 25px; text-align: center; font-size: 13pt;}
div.btnf0, div.btnf1 { margin: 1px; width: 32px; height: 28px; text-align: center; font-size: 1pt;}
/* скины */
div.btn00 { background: url("z_Default.png") no-repeat 0px 0px;}
div.btn01 { background: url("z_Default2.png") no-repeat 0px 0px;}
div.btnf0 { background: url("z_FDefault.png") no-repeat 0px 0px;}
div.btnf1 { background: url("z_FDefault2.png") no-repeat 0px 0px;}
div.btns0 { background: url("z_SDefault.png") no-repeat 0px 0px;}
/* надписи */
span.btntxt { font-size: 10pt;}
img.btnf { width: 28px; height: 24px;}

и снабжены комментариями, CSS стандартный так что читайте описание стандарта HTML.

Категория: S3PackageViewer | Добавил: crazylab (28.05.2013)
Просмотров: 247 | Теги: Sims3, объекты, DBPF, sims3pack, AnriRS, package, S3PW, Sims, S3PackageViewer, просмотрщик