Здравствуйте ,подскажите как сделать таблицу вложений что бы выглядела вот так
+скрин
если можно расписать подробно а то я в этом не селен
Комментарии: 16

CabinetAdmin 17 мар 2015, 08:16 Сообщение

Помнится мне, я уже делал инструкцию на такую таблицу, только не помню где... На другой поддержке скорее всего... :scratch:

Реализовать такую модификацию с помощью расширения не получится, в том файле просто нет условий для этого, поэтому по старинке правкой файлов.
Для редактирования открываете attachment.html, находите там:

Код: Выделить всё

		<!-- IF _file.S_FILE -->
		<dl class="file">
			<dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->
и меняете на:

Код: Выделить всё

		<!-- IF _file.S_FILE -->
		<dl class="file file-table">
			<dt class="file-type">{L_FILETYPE}</dt><dd class="file-name">{L_FILENAME}</dd><dd class="file-size">{L_FILESIZE}</dd><dd class="file-download">{L_FILEDOWNLOADED}</dd>
		</dl>
		<dl class="file file-table">
			<dt class="file-type"><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --></dt>
			<dd class="file-name"><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dd>
			<dd class="file-size">{_file.FILESIZE} {_file.SIZE_LANG}</dd>
			<dd class="file-download">{_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- IF _file.COMMENT -->
		<dl class="file file-comment">
			<dt>{L_FILE_COMMENT}</dt>
			<dd><em>{_file.COMMENT}</em></dd>
		</dl>
		<!-- ENDIF -->
		<!-- ENDIF -->
Открываете language/ru/common.php и в конец перед )); добавляете:

Код: Выделить всё

	'FILETYPE'				=> 'Тип файла',
	'FILEDOWNLOADED'		=> 'Загрузок',
аналогичную правку можно сделать в папке en.

Открываете content.css, находите в нём:

Код: Выделить всё

/* Post poll styles
----------------------------------------*/
И перед найденным вставляете:

Код: Выделить всё

/* Attachments table */
dl.file.file-table {
	display: table;
	width: 100%;
	text-align: center;
	border: 1px solid #C9D2D8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

dl.file.file-table dt, dl.file.file-table dd {
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
}

dl.file.file-table dd {
	border-left: 1px solid #C9D2D8;
}

dl.file.file-table dt {
	width: 80px;
}

dl.file.file-table .file-size,
dl.file.file-table .file-download {
	width: 100px;
}

dl.file.file-comment {
	border: 1px solid #C9D2D8;
	border-top: 0;
	padding: 5px;
}

Чтобы таблица была на всю ширину надо там же найти:

Код: Выделить всё

.attachbox {
	float: left;
	width: auto;
	max-width: 100%;
	margin: 5px 5px 5px 0;
	padding: 6px;
	border: 1px dashed transparent;
	clear: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
и удалить float: left;
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 17 мар 2015, 10:39 Сообщение

CabinetAdmin писал(а): Помнится мне, я уже делал инструкцию на такую таблицу, только не помню где... На другой поддержке скорее всего...
Здравствуйте ,да делали , ну на платном хостинге не получилось ее внедрить,спасибо за отзывчивость
  • 0

CabinetAdmin 17 мар 2015, 13:57 Сообщение

Resistant писал(а): ну на платном хостинге не получилось ее внедрить
Почему? Какая разница?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 17 мар 2015, 18:05 Сообщение

CabinetAdmin писал(а): Почему? Какая разница?
честно на 3.1 не пробовал ,а вот на 3.0 может из за того что было много модов низнаю ну когда я все делал как тут описано у меня на форуме менялся ни помню на каком то топике цвет и сама таблица выходила широкая ,так я и забросил был ее установку ,а на 3.1 решил установить ,больше нравится чем стандартная таблица вложений
  • 0

CabinetAdmin 17 мар 2015, 18:26 Сообщение

Там был вариант через таблицу, здесь блочными тегами. Смысл один, а реализация разная. Но для данного варианта без разницы на версию, одинаково будет работать на обоих.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 24 мар 2015, 22:16 Сообщение

Здравствуйте ,вот только сегодня заметил что если вложение добавить в сообщение то таблица не так выглядит ,как это исправить?
вот таблица та что сверху она добавлена в сообщение ,а вторая нет

Изображение
  • 0

CabinetAdmin 25 мар 2015, 15:41 Сообщение

В добавленных стилях найти:

Код: Выделить всё

dl.file.file-table
и заменить на:

Код: Выделить всё

dl.file.file-table, div.inline-attachment dl.file.file-table
И добавить к этому блоку margin: 0;
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 мар 2015, 06:42 Сообщение

А как сделать, что бы статус загрузки вложений показывался, а то у меня статус слово есть, но при загрузки шкала не отображается.
  • 0

CabinetAdmin 29 мар 2015, 08:30 Сообщение

Что за статус загрузки?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 мар 2015, 10:02 Сообщение

Как у вас при загрузки вложений, появляется зеленая полоса, которая показывает сколько ждать до полной загрузки, может скрин сделать?
  • 0

eska 29 мар 2015, 10:04 Сообщение

Вложения изменение таблицы phpBB 3.1.x - Screenshot_2015-03-29-10-06-34.png

Вот.
  • 0

CabinetAdmin 29 мар 2015, 11:53 Сообщение

Так это стандартная фишка, смотри plupload.css, вот такой должен быть код:

Код: Выделить всё

.file-progress-bar, #file-total-progress-bar {
	background-color: green;
	display: block;
	height: 100%;
	width: 0;
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 мар 2015, 14:32 Сообщение

CabinetAdmin, в теме стиля? Нет там такого файла :pardon:
  • 0

silver073000Василий 29 мар 2015, 15:23 Сообщение

Ну тогда его либо создать надо с таким содержимым

Код: Выделить всё

#attach-panel-multi {
	display: none;
	margin-bottom: 1em;
}

#file-list td {
	vertical-align: middle;
}

.attach-name {
	width: 50%;
}

.attach-comment {
	width: 30%;
}

.attach-filesize {
	width: 15%;
}

.attach-status {
	width: 5%;
}

.attach-filesize, .attach-status {
	text-align: center;
}

.attach-controls {
	display: inline-block;
	float: right;
}

#attach-row-tpl, .nojs .file-inline-bbcode {
	display: none;
}

#file-total-progress {
	height: 2px;
	display: block;
	position: relative;
	margin: 4px -10px -6px -10px;
}

.file-progress {
	background-color: #CCCCCC;
	display:inline-block;
	height: 8px;
	width: 50px;
}

.file-progress-bar, #file-total-progress-bar {
	background-color: green;
	display: block;
	height: 100%;
	width: 0;
}

.file-status.file-working {
	background: url('./images/plupload/throbber.gif');
}

.file-status.file-uploaded {
	background: url('./images/plupload/done.gif');
}

.file-status.file-error {
	background: url('./images/plupload/error.gif');
}

.file-status {
	display: inline-block;
	height: 16px;
	width: 16px;
}

.file-name {
	max-width: 65%;
	vertical-align: bottom;
}
либо добавить этот код в конец stylesheet.css.
  • 3

Похожие темы