• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Каталог файлов, ВИД МАТЕРИАЛА (Высота ячейки в процентах.)
Каталог файлов, ВИД МАТЕРИАЛА
offset27
Сообщений: 4
Репутация: 0

Сообщение # 1 | 07:39:44
Вопрос вроде бы простейший, но не могу понять как решить. В каталоге файлов - вид материала мне нужно разместить допустим таблицу с одной ячейкой. Ширина в процентах решается без проблем, а как установить высоту в процентах (в процентах от размера экрана или от какого то определённо заданного размера - это для меня всё равно) - этого я не пойму. Типичный пример на типичном шаблоне №844 - http://probabms.ucoz.net Я понимаю что нужно установить между <head> и </head> вот такую строчку
<style>
body, html {height:100%; margin:0}
</style>
но эта область модуля не доступна для редактирования. Помогите решить эту проблемку.
Likbezz_Flesh
Сообщений: 282
Репутация: 47

Сообщение # 2 | 09:06:50
Цитата offset27 ()
Я понимаю что нужно установить между <head> и </head> вот такую строчку
<style>
body, html {height:100%; margin:0}
</style>
но эта область модуля не доступна для редактирования. Помогите решить эту проблемку.

-Это прописывается в стилях. ПУ » Управление дизайном » Управление стилями

Цитата offset27 ()
Ширина в процентах решается без проблем, а как установить высоту в процентах (в процентах от размера экрана или от какого то определённо заданного размера - это для меня всё равно) - этого я не пойму

Высота таблицы, при установленном значении в % вычисляется от родительского блока.

offset27
Сообщений: 4
Репутация: 0

Сообщение # 3 | 15:10:27
Цитата Likbezz_Flesh ()
Высота таблицы, при установленном значении в % вычисляется от родительского блока.
-Это прописывается в стилях. ПУ » Управление дизайном » Управление стилями
Да, это всё решается элементарно, НО... я не вижу начало этого модуля где расположены html и <head>. Может я чего то не понял. Привидите пример , если можно.
( Я не волшебник, я ещё только учусь...:))
Likbezz_Flesh
Сообщений: 282
Репутация: 47

Сообщение # 4 | 16:19:12
offset27,
Цитата offset27 ()
Да, это всё решается элементарно, НО... я не вижу начало этого модуля где расположены html и <head>.

Я не пойму, зачем вам html и <head>, если, по вашему, вы понимаете, что стили прописываются в таблице стилей?

Цитата offset27 ()
я не вижу начало этого модуля где расположены html и <head>

За вид материалов в каталоге файлов отвечает шаблон «Вид материалов», а внедряется он в шаблоны:

- «Главная страница каталога файлов» - если выводится главная,
- «Страница со списком материалов раздела» - если выводится страница разделов,
- «Страница со списком материалов категории» - если выводятся категории,
- «Страница поиска и рейтинга материалов» - если выводятся результаты поиска по модулю или результаты сортировки.

Вот в этих шаблонах есть и html и <head>.

Шаблон «Вид материала» - промежуточный, как бы.. который используется в данных шаблонах для вывода материалов.

Для страницы «Страница материала и комментариев к нему» - свой вид материала - в самом шаблоне.

Цитата offset27 ()
Может я чего то не понял. Привидите пример , если можно.

Пример чего?

Сообщение отредактировал Likbezz_Flesh - Среда, 19 Апр 2017, 16:22:50
only-cinema
Сообщений: 34
Репутация: 0

Сообщение # 5 | 18:42:43
Всем привет поставил вид материалов а он криво встает вот сайт http://only-cinema.ru/ помогите сделать чтобы он красиво стоял ровненько
хочется чтобы так так было как на скрине


Добавлено (12 Май 2017, 18:22:21)
---------------------------------------------
ВОт css



Код
/*-------------------------------------*/
.mn_block {
float:left;
width: 212px;
padding: 0px;
height: 336px;
position:relative;
border-right: 0px solid #356DC6;
border-bottom: 0px solid #356DC6;}

.mn_b_title {
overflow:hidden;
width: 196px;
padding: 8px;
position: absolute;
bottom: 5px;}

.mn_block:hover .moveBg {
background: rgba(0, 0, 0, 0.0);
-o-transition:background .4s ease;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;}

.uRelatedEntries {list-style: disc outside; margin-left: 10px;}
.uRelatedEntry {list-style: disc outside; margin-bottom: 2px;}
.uRelatedEntry a {font-size: 14px; color: #0047AA; text-shadow: 1px 1px 0px #eee;}
.uRelatedEntry a:hover {text-decoration: underline; color: #3B7EDD;}

.moveBg {
background: rgba(0, 0, 0, 0.3);
bottom: 0px;
display: table;
height: 100%;
position: absolute;
width: 100%;}

.mn_play:hover {background: url(/images/play.png) no-repeat #429cdb 0px -30px; height: 60px;}
.mn_read:hover {background-position: 100% -18px;}
.mn_comm:hover {background-position: 100% -17px;}
.mn_rate:hover {background-position: 100% -18px;}
.mn_read:active {background-position: 100% -45px;}
.mn_comm:active {background-position: 100% -44px;}
.mn_rate:active {background-position: 100% -45px;}
.mn_info {top: 0px; width: 100%; background: rgba(0,0,0,0.4); position: absolute; font: 10px/29px "PT Sans";}
.mn_play {float:left; background: url(/images/play.png) no-repeat 0px 0px; width: 31px; height: 30px; display: inline-block; position: relative; z-index: 1000;}
.mn_read {float:left; height: 30px; margin-right: 20px; padding-right: 18px; display: inline-block; color:#fff; background: url(/images/mn_read.png) 100% 9px no-repeat;}
.mn_comm {float:left; height: 30px; margin: 0px 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_comm.png) 100% 10px no-repeat;}
.mn_rate {float:left; height: 30px; margin-right: 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_rate.png) 100% 9px no-repeat;}

.sepoLine {
background: url(/images/seporate.png) no-repeat;
height: 7px;
margin: auto;}

.typeContent {
color: #FFF;
font: italic 14px/16px "Georgia", serif;
text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
text-align: center;}

.mn_more .str {
background:url(/images/strs.png) 100% 0px;
width: 12px;
height: 27px;
position:absolute;
left: -12px;
top: 20px;}

.com_bott {
background: url(/images/top-bott.png);
top: 89px;
position: absolute;
width: 220px;
height: 21px;}

.mn_block:hover {background:#fff;}
.mn_block img, .mn_block a img {
margin-bottom: 0px;
height: 336px;
width: 212px;}

.mn_block h2, .mn_block a h2 {
text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
text-transform: uppercase;
font: 900 15px "Arial Black", sans-serif;
color: #fff;
text-align: center;
}

.mn_more {
background:url(/images/panel_bg.png) #fff repeat-x bottom;
display: none;
font-size: 10px;
height: 320px;
padding: 8px;
position: absolute;
right: 0px;
top: 0px;
width: 196px;
z-index: 1;}

.mn_m_title {
color:#474747;
margin-bottom: 8px;
padding: 0px 0px 8px 30px;
border-bottom: 1px dashed #999;
font-weight: 900;}

.min_rating {
position:relative;
top: 40px;}

.min_rating span {float:left; font-size: 16px; margin-left: 5px;}
.u-star-rating-20 {float:left;}
.mn_m_title span {color:#929292; display:block;}

.mn_more .str {
background:url(/images/strs.png) 100% 0px;
width: 12px;
height: 27px;
position:absolute;
left: -12px;
top: 20px;}

.mn_block:hover .moveBg {
background: rgba(0, 0, 0, 0.0);
-o-transition:background .4s ease;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;}

/*---------------------------------------------*/

Добавлено (12 Май 2017, 18:42:43)
---------------------------------------------
Ну чего не кто помочь не может?

Прикрепления: 6094394.png (249.0 Kb)
psoric
Сообщений: 62
Репутация: 0

Сообщение # 6 | 16:51:29
Вопрос еще актуален?
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Каталог файлов, ВИД МАТЕРИАЛА (Высота ячейки в процентах.)
  • Страница 1 из 1
  • 1
Поиск: