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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)


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

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

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

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

+1

881

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

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

0

882

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

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

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

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

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

https://i.imgur.com/nhUseQol.jpg

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

https://i.imgur.com/51deZVTl.jpg

+1

883

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

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

0

884

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

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

Пример:

<!-- Аватар в цитате V.2 © Alex_63 / Ч.1 в HTML верх-->
<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

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

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

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


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

+1

887

.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

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

+2

889

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

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

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

https://i.imgur.com/rxBTULt.png

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

https://i.imgur.com/KzSWKrc.png

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

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

https://i.imgur.com/DNHLVoq.png

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

https://i.imgur.com/xEcHd7t.png

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

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

0

890

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

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

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

0

891

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

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

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

0

892

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

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

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

0

893

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

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


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

http://s5.uploads.ru/t/xLPSe.jpg

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

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

0

894

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

0

895

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

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

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

0

896

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

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


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

/*Иконка Онлайн*/
.post-author.online:before{
  content: url(http://forumfiles.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

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

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

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

https://i.imgur.com/DNHLVoq.png

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

https://i.imgur.com/xEcHd7t.png

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

0

898

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

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

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

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

0

899

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

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

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

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

https://i.imgur.com/DNHLVoq.png

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

https://i.imgur.com/xEcHd7t.png

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

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

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

0

900

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

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

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

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

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)