Общие вопросы по оформлению (64)

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Предыдущая тема: Общие вопросы по оформлению (63)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

Поделиться881Пн, 7 Янв 2019 04:00:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

.skyhunter
Трудно лечить зубы по описанию зубов и проблемы :crazyfun:
ссылку на форум и скриншот, со стрелками чо тыкать, чтобы её обнаружить

Отредактировано Deff (Пн, 7 Янв 2019 04:05:25)

0

Поделиться882Пн, 7 Янв 2019 04:09:06

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

Deff написал(а):

.skyhunter
Трудно лечить зубы по описанию зубов и проблемы
ссылку на форум и скриншот, со стрелками чо тыкать, чтобы её обнаружить

Категорически извиняюсь)

Ссылка на форум: http://landingstyledemo.mybb.ru/

Ссылка на "Профиль":

Вот, что выходит при переходе:

+1

Поделиться883Пн, 7 Янв 2019 04:24:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

.skyhunter
Не могу найти скрипт менюшки - укажите его вид (могу поискать - но будет долго... ибо контента много (В HTML верх - низ
Ибо доп код нужно ставить позже отработки скрипта

Отредактировано Deff (Пн, 7 Янв 2019 04:25:33)

0

Поделиться884Пн, 7 Янв 2019 04:30:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Вопрос: А почему Вы не хотите спрятать все коды css из HTML верх и низ в Конец Первого Окна Стиля ??
Будет и загрузка быстрей и HTM верх не перегружен...

Свернутый текст

Пример:

<style type="text/css">
.quote-box.with-avatar{padding-left:60px!important;}
.author-avatar+span {margin-left:0px;}
.author-avatar {
float: left;
width: 39px;
margin-left: -48px;
}

.qc-post-link a {
position: absolute;
margin-top: -2px;
padding: 0 5px;
}
.author-avatar > img {
width: 30px;
height: 30px;
padding: 2px;
border: 1px solid #90775b;
border-radius: 0px;
}
</style>
Трансформируем в без тегов и ставим коммент
/*К Аватару в цитате V.2 © Alex_63 / Ч.1 в HTML верх*/
.quote-box.with-avatar{padding-left:60px!important;}
.author-avatar+span {margin-left:0px;}
.author-avatar {
float: left;
width: 39px;
margin-left: -48px;
}

.qc-post-link a {
position: absolute;
margin-top: -2px;
padding: 0 5px;
}
.author-avatar > img {
width: 30px;
height: 30px;
padding: 2px;
border: 1px solid #90775b;
border-radius: 0px;
}
И всовываем в Конец Первого Окна стиля

Отредактировано Deff (Пн, 7 Янв 2019 04:31:10)

0

Поделиться885Пн, 7 Янв 2019 04:31:28

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

Deff написал(а):

.skyhunter
Не могу найти скрипт менюшки - укажите его вид (могу поискать - но будет долго... ибо контента много (В HTML верх - низ
Ибо доп код нужно ставить позже отработки скрипта

Не вопрос, вот из html-верха, проблема там в формате ссылки:

Код:

<a href="#menu" id="toggle"><span></span></a>

<div id="menu">
  <ul>
    <li><a href="http://landingstyledemo.mybb.ru/">На главную</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
</div>

<nav id=topnav>
<ul>
	<li class="drop">
<a class="icon-link-4" href="#">  Ссылки</a>

<div class="dropdownContain">
	<div class="dropOut">
<div class="triangle"></div>
<ul id="firstDrop">
	<li><a class="icon-reply-all" href="http://landingstyledemo.mybb.ru/search.php?action=show_replies">  Ответы</a></li>
                                                        <li><a class="icon-chat" href="http://landingstyledemo.mybb.ru/search.php?action=show_user_posts">  Мои сообщения</a></li>
                                                        <li><a class="icon-tag-5" href="http://landingstyledemo.mybb.ru/search.php?action=show_recent">  Активные темы</a></li>
	<li><a class="icon-ok-circle-1" href="http://landingstyledemo.mybb.ru/misc.php?action=markread">  Всё прочитано</a></li>
</ul>
	</div>
</div>
	
	</li>

	<li class="drop">
<a class="icon-cog-alt" href="#">  Меню</a>

<div class="dropdownContain">
	<div class="dropOut">
<div class="triangle"></div>
<ul id="firstDrop">
	<li><a class="icon-user" href="http://landingstyledemo.mybb.ru/profile.php">  Профиль</a></li>
	<li><a class="icon-email" href="http://landingstyledemo.mybb.ru/messages.php">  Сообщения</a></li>
	<li><a class="icon-users" href="http://landingstyledemo.mybb.ru/userlist.php">  Участники</a></li>
	<li><a class="icon-logout" href="http://landingstyledemo.mybb.ru/login.php?action=out">  Выход</a></li>
</ul>
	</div>
</div>
	
	</li>
	<li><a class="icon-search-8" href="http://landingstyledemo.mybb.ru/search.php">  Поиск</a></li>
</ul>
</nav>

Но могу и из html-низа прислать...

+1

Поделиться886Пн, 7 Янв 2019 04:32:45

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

Deff написал(а):

Вопрос: А почему Вы не хотите спрятать все коды css из HTML верх и низ в Конец Первого Окна Стиля ??
Будет и загрузка быстрей и HTM верх не перегружен...

Это будет, не успел еще, а некоторое просто проморгал) Перенесу обязательно, я вообще изначально стараюсь сразу все в стили кидать, но вот некоторые вещи пропустил.

+1

Поделиться887Пн, 7 Янв 2019 04:41:15

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

.skyhunter
Поставьте сразу после меню:

Код:

<script>var sel =$('#firstDrop li>a[href*="/profile.php"]');
 var href = sel[0].href
 if(GroupID!=3)sel[0].href = href+'?id='+UserID;
</script>

+2

Поделиться888Пн, 7 Янв 2019 04:45:13

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

Deff
Спасибо вам огромное, проблема решена)

+2

Поделиться889Пн, 7 Янв 2019 16:33:31

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Я пришел сюда с приветом говорить, что солнце встало.
Нужна помощь по ориентировки в кодах и скриптах.

1. Замена поля "активен" на картинку с возможностью перемещать это поле по профилю.

В идеале сделать так

Видимый косяк сейчас

2. Графически связать профиль и поле с текстом.

Сейчас выглядит так

А хотелось бы, чтобы было так

При этом количество "связок" было логичным и повторялось, если профиль длинный. Примерно как в коде фона профиля, где есть верхняя часть, нижняя часть и повторяющая по вертикале середина.

Отредактировано Северный Ветер (Пт, 25 Янв 2019 14:52:15)

0

Поделиться890Пн, 7 Янв 2019 17:07:45

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

Deff, спасибо за скрипт. Очень помог! Только... Мне мешает надпись и нужно растянуть форум по ширине. И ещё нужно чтобы он был похож на те, которые получаются на mybb.ru

Ссылка на форум

Отредактировано Шустов Павел Николаевич (Пн, 7 Янв 2019 17:46:13)

0

Поделиться891Пн, 7 Янв 2019 18:02:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Северный Ветер написал(а):

1. Замена поля "активен" на картинку с возможностью перемещать это поле по профилю.

Дайте ссылку на картинку - прикручу

0

Поделиться892Пн, 7 Янв 2019 18:04:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Шустов Павел Николаевич написал(а):

Deff, спасибо за скрипт. Очень помог! Только... Мне мешает надпись и нужно растянуть форум по ширине. И ещё нужно чтобы он был похож на те, которые получаются на mybb.ru

Поправьте в ФШ текущий скриншот страницы до нужного, сделаем так же

0

Поделиться893Пн, 7 Янв 2019 18:05:34

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

Deff написал(а):

Поправьте в ФШ текущий скриншот страницы до нужного, сделаем так же

Я с ФШ совсем мало дружу, получилось частично.

Центральную картинку, вместе с границами, нужно растянуть по ширине форума и сам форум тоже.
Примерно вот так: http://cwcat.rusff.ru
Обращаем внимание на фон форума, а не на шапку.

Отредактировано Шустов Павел Николаевич (Пн, 7 Янв 2019 18:18:53)

0

Поделиться894Пн, 7 Янв 2019 18:27:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Шустов Павел Николаевич
Я не понял, границы(узорный бордюр) ликвидировать на всём форуме, или ?

0

Поделиться895Пн, 7 Янв 2019 18:29:11

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Deff написал(а):

Дайте ссылку на картинку - прикручу

http://forumstatic.ru/files/0017/ef/12/61719.png

0

Поделиться896Пн, 7 Янв 2019 18:37:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Северный Ветер
Попробуйте так:

/*Иконка Онлайн*/
.post-author.online:before{
content: url(http://forumstatic.ru/files/0017/ef/12/61719.png);
display:inline-block;
position:absolute;
}
li.pa-online {
display:none;
}

с доп позиционированием

/*Иконка Онлайн*/
.post-author.online:before{
content: url(http://forumstatic.ru/files/0017/ef/12/61719.png);
display:inline-block;
position:absolute;
margin-left:-13px;
margin-top:-4px;
}
li.pa-online {
display:none;
}

Отредактировано Deff (Пн, 7 Янв 2019 18:41:54)

0

Поделиться897Пн, 7 Янв 2019 18:41:02

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Deff
Спасибо большое!
А что насчет второго?

2. Графически связать профиль и поле с текстом.
Сейчас выглядит так
А хотелось бы, чтобы было так
При этом количество "связок" было логичным и повторялось, если профиль длинный. Примерно как в коде фона профиля, где есть верхняя часть, нижняя часть и повторяющая по вертикале середина.

0

Поделиться898Пн, 7 Янв 2019 18:43:55

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

Deff написал(а):

Шустов Павел Николаевич
Я не понял, границы(узорный бордюр) ликвидировать на всём форуме, или ?

Ничего не надо ликвидировать просто растянуть. Нужно, чтобы одновременно с растяжением границ, растянулась картинка в шапке. И ещё необходимо заменить фон форума.

Отредактировано Шустов Павел Николаевич (Пн, 7 Янв 2019 18:49:27)

0

Поделиться899Пн, 7 Янв 2019 18:46:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Северный Ветер написал(а):

Deff
Спасибо большое!
А что насчет второго?
2. Графически связать профиль и поле с текстом.
Сейчас выглядит так
А хотелось бы, чтобы было так
При этом количество "связок" было логичным и повторялось, если профиль длинный. Примерно как в коде фона профиля, где есть верхняя часть, нижняя часть и повторяющая по вертикале середина.

Ну дайте картинку Png- связок (думаю достаточно трёх по вертикали ), проверьте в ФШ на скриншоте - что иконки удачны

Отредактировано Deff (Пн, 7 Янв 2019 18:52:42)

0

Поделиться900Пн, 7 Янв 2019 18:48:55

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11563
Последний визит:
Вчера 22:25:13

Шустов Павел Николаевич написал(а):

Ничего не надо ликвидировать просто растянуть почти до конца экрана. Нужно, чтобы одновременно с растяжением границ, растянулась картинка в шапке.

ситуация такова, что у меня Экран 1900px по ширине, у Вас наверно такой форум в экран не влезет, дайте точную цифру ширины, либо процент от ширины экрана(ширина будет резиновой)

Отредактировано Deff (Пн, 7 Янв 2019 18:54:05)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Общие вопросы по оформлению (64)

Сообщений 881 страница 900 из 1000

Поделиться1Пн, 21 Май 2018 19:56:21

Поделиться881Пн, 7 Янв 2019 04:00:36

Поделиться882Пн, 7 Янв 2019 04:09:06

Поделиться883Пн, 7 Янв 2019 04:24:33

Поделиться884Пн, 7 Янв 2019 04:30:44

Поделиться885Пн, 7 Янв 2019 04:31:28

Поделиться886Пн, 7 Янв 2019 04:32:45

Поделиться887Пн, 7 Янв 2019 04:41:15

Поделиться888Пн, 7 Янв 2019 04:45:13

Поделиться889Пн, 7 Янв 2019 16:33:31

Поделиться890Пн, 7 Янв 2019 17:07:45

Поделиться891Пн, 7 Янв 2019 18:02:29

Поделиться892Пн, 7 Янв 2019 18:04:17

Поделиться893Пн, 7 Янв 2019 18:05:34

Поделиться894Пн, 7 Янв 2019 18:27:57

Поделиться895Пн, 7 Янв 2019 18:29:11

Поделиться896Пн, 7 Янв 2019 18:37:39

Поделиться897Пн, 7 Янв 2019 18:41:02

Поделиться898Пн, 7 Янв 2019 18:43:55

Поделиться899Пн, 7 Янв 2019 18:46:39

Поделиться900Пн, 7 Янв 2019 18:48:55