[Общая тема]HTML - CSS - Графика форума: где что править ???

Если у вас возникают проблемы и вопросы по настройке форума phpBB3 либо выскакивают непонятные ошибки, не устанавливаются либо криво работают модификации, то этот раздел для вас. Обсуждаем все вопросы, связанные со стилями, модификациями, доработками и проблемами их использования.
Перед тем, как обратиться за помощью, обязательно заполните свой профиль (укажите ссылку на свой форум). Если есть вопрос по конкретной модификации, то обязательно пользуемся поиском по форуму, потому как, возможно, уже есть анонс этого мода и соответственно вопрос задается в теме анонса.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Закрыто
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

Как сделать, чтобы кнопка скрытия информации в минипрофиле располагалась не на новой строке, а сразу после ника?

Вот участок кода с ником и кнопкой.

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

<!-- IF S_QUICK_REPLY --><a href="#postform" title="{L_QUOTE_USERNAME}" onclick="dE('qr_editor_div', 1);dE('qr_showeditor_div', -1); insert_text('[b]{postrow.POSTER_QUOTE}[/b]'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF -->
            </dt>
<dd><img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" /></dd>
<div id="first" style="display: none;"> 
Последний раз редактировалось Lorem Ipsum 18 май 2013, 15:56, всего редактировалось 1 раз.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1421
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение akella1900 »

Ну это кусок кода , ну а стили где? оборачивайте дивами присваивайте классы, ну и конечно к классам свой стиль
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#1422
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

И в догонку о максимальной высоте сообщения.
Как сделать, чтобы появлялась кнопка "Развернуть", как для code (topic36175.html?hilit=%D1%80%D0%B0%D0%B7%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C%20%D0%BA%D0%BE%D0%B4), только не для кода, а для .content с максимальной высотой 800px и с overflow: auto; ?
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1423
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

akella1900 писал(а):Ну это кусок кода , ну а стили где? оборачивайте дивами присваивайте классы, ну и конечно к классам свой стиль
Ну не все же такие умные, есть и тупые. Я потому и спрашиваю, что понятия не имею, как это делается. Про оборачивание дивами вообще не поняла. Что именно оборачивать? И зачем? Нельзя просто в одной строке это вывести?
Как-то же можно с помощью display:inline??
Последний раз редактировалось Lorem Ipsum 18 май 2013, 16:09, всего редактировалось 1 раз.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1424
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение akella1900 »

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

<div style="width:40%; float:left;">
<!-- IF S_QUICK_REPLY --><a href="#postform" title="{L_QUOTE_USERNAME}" onclick="dE('qr_editor_div', 1);dE('qr_showeditor_div', -1); insert_text('[b]{postrow.POSTER_QUOTE}[/b]'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF -->
            </dt></div>
  <div style="width:40%;float:left;"><dd><img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" /></dd></div>
<div id="first" style="display: none;">
это как пример, но лучше классы и подключение CSS
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#1425
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

akella1900 писал(а):но лучше классы и подключение CSS
Ок. А что за классы создавать??
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1426
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение akella1900 »

<div class="Lorem"> а в CSS .Lorem {width:40%; float:left;}
как пример )))
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#1427
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

akella1900,
перекашивает всё.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1428
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение akella1900 »

по этому я всегда пишу покажите и не скринами а с чем работать ссылку, код тот что я дал выполняется насколько я понимаю, только со стилями надо поработать, а тот код что ты дала это всего лишь маленький кусочек чего то большего
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#1429
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

Ссылка на форум в профиле,
файлы вот
prosilver knopka skrytiya.rar
(7.08 КБ) 4 скачивания
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1430
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение DeaDRoMeO »

Lorem Ipsum, так-с, а с этим разобралась ? С ником и кнопкой раскрытия в одну строку ??
На всякий, моя догадка, если код имеет вид

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

<!-- IF S_QUICK_REPLY --><a href="#postform" title="{L_QUOTE_USERNAME}" onclick="dE('qr_editor_div', 1);dE('qr_showeditor_div', -1); insert_text('[b]{postrow.POSTER_QUOTE}[/b]'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF -->
            </dt>
<dd><img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" /></dd>
<div id="first" style="display: none;">
То для того, чтобы все было в одну строку, его надо привести в такой вид

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

<!-- IF S_QUICK_REPLY --><a href="#postform" title="{L_QUOTE_USERNAME}" onclick="dE('qr_editor_div', 1);dE('qr_showeditor_div', -1); insert_text('[b]{postrow.POSTER_QUOTE}[/b]'); return false;"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.POST_AUTHOR}</a><!-- ELSE --><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><!-- ENDIF --> <img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" />
            </dt>

<div id="first" style="display: none;">
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1431
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Lorem Ipsum »

Нет, я так уже пробовала. Кнопка принимает вид аватарки.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1432
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение akella1900 »

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

<dd><img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" /></dd>
заменяем на

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

<dd style="margin-left: 60px;margin-top: -15px;"><img src="images/dopinfo_down.gif" alt="Информация" title="Дополнительная информация" style="cursor:pointer" id="toggleimg" /></dd>
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#1433
Аватара пользователя
RECTON
Заглянул на огонек
Заглянул на огонек
Сообщения: 29
Стаж: 10 лет 11 месяцев
Откуда: Краснодарский край
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение RECTON »

Сергей, подскажите пожалуйста как сделать такие же иконки "Онлайн" и "Оффлайн" в стандартном Subsilver2 ? Сам не могу разобраться:
http://kinel.listbb.ru/viewtopic.php?f=3&t=33&p=120#p61
#1434
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение DeaDRoMeO »

В шаблоне viewtopic_body.html найти и удалить

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

			<!-- IF postrow.ONLINE_IMG -->
				<tr>
					<td>{postrow.ONLINE_IMG}</td>
				</tr>
			<!-- ENDIF -->
Найти

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

<!-- IF postrow.POSTER_AVATAR -->
				<tr>
					<td>{postrow.POSTER_AVATAR}</td>
				</tr>
			<!-- ENDIF -->
Заменить на

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

<!-- IF postrow.POSTER_AVATAR -->
				<tr>
					<td><div class="ava">{postrow.POSTER_AVATAR}</div><!-- IF postrow.ONLINE_IMG --><span class="prfav">{postrow.ONLINE_IMG}</span><!-- ENDIF --></td>
				</tr>
			<!-- ENDIF -->
В самый конец КСС файла добавляете

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

.ava {
text-align: center;
}
.prfav {
display:block;
position: relative;
width: 87px;
height: 13px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png") no-repeat;
margin: -7px auto 0;
}
.prfav img {
display:block;
position: relative;
}
Стандартный иконки онлайн\офлайн заменяете на скачанные из того поста, имя и расширение должны быть одинаковы, кеши все обязательно очистить
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1435
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение Lorem Ipsum »

RECTON писал(а):http://kinel.listbb.ru/viewtopic.php?f=3&t=33&p=120#p61
Ой, знаю этого Домового уже года два, по другим форумным площадкам. До phpbb добрался)).
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#1436
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение DeaDRoMeO »

Указал бы кто этому Домовому на орфографическую ошибку в имени группы Новичёк, сразу в глаза бросилось)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1437
Аватара пользователя
RECTON
Заглянул на огонек
Заглянул на огонек
Сообщения: 29
Стаж: 10 лет 11 месяцев
Откуда: Краснодарский край
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение RECTON »

Серёж, спасибо! Я немного доработал. Добавил динамичную рамочку. Получилось вот так:
#1438
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]Значки, иконки, кнопки и прочая графика phpb

Сообщение DeaDRoMeO »

На здоровьице)) Смотрится красиво)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1439
Аватара пользователя
Garick
Заглянул на огонек
Заглянул на огонек
Сообщения: 43
Стаж: 10 лет 10 месяцев
Откуда: Ижевск
Контактная информация:

[Общая тема]HTML - CSS, где что править ???

Сообщение Garick »

Здравствуйте. По шапке. подскажите как исправить такую проблему на большой мониторе нормально показывает. на маленьком так съезжает..какие параметры поставить, что бы подгонялась под размер экрана? subsilver2 http://nf-sport.com/
#1440
Закрыто