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

Поделиться1Пт, 10 Фев 2017 19:19:42

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7624
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 20:25:19

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


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

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

+2

ВКонтакте alex__63

Поделиться701Вс, 4 Июн 2017 11:48:33

Автор: Werkot
Заслуженный
Зарегистрирован: Сб, 16 Янв 2016
Сообщений: 23
Уважение: +2
Позитив: +9
Пол: Мужской
Последний визит:
Вт, 27 Ноя 2018 11:15:06

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

Подключение новой версии HTML в Постах к Выпадающей табличке

Работает, но конфликтует со всплывающей подсказкой и она не отображается в табличке.

<style>div#qTip{z-index: 40000;}</style><script type="text/javascript">$('.my-tabs>span').live('click',function(){
$(".my-tabs .post-content:contains('\[title')").each(function (){ $(this).html($(this).html().replace(/\[title=([^\]]*?)\]((?:.(?!\[\/title\]))*.)\[\/title\]/mg,'<acronym title="$1">$2</acronym>'))});
tooltip.init ();});</script>

форум: http://warpiggies.rusff.ru/

Отредактировано Werkot (Вс, 4 Июн 2017 11:49:06)

0

Поделиться702Вс, 4 Июн 2017 12:08:21

Автор: hirnruine
Заслуженный
Зарегистрирован: Вт, 30 Май 2017
Сообщений: 8
Уважение: +3
Позитив: +1
Последний визит:
Вс, 20 Дек 2020 10:45:28

Lidia-Lada написал(а):

У меня тоже так было. Зарегистрируйте пользователя, чтобы можно было видеть форму ответа и кнопку "Смены имиджа", пожалуйста.

test
пароль: 123456
давно не отвечала, поэтому ещё раз ссылка на форум)
http://barrymore1.rusff.ru/

0

Поделиться703Вс, 4 Июн 2017 20:10:20

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Alex_63
Не совсем понял про поля профиля. Я имел ввиду, что в указаном сообщении не отображается профиль автора сообщения. Убирал скрипт - ничего не поменялось

0

Поделиться704Вс, 4 Июн 2017 21:14:31

Автор: Hope13
Заслуженный
Зарегистрирован: Вс, 10 Июл 2016
Сообщений: 455
Уважение: +242
Позитив: +635
Пол: Мужской
Последний визит:
Вс, 23 Июн 2024 19:22:37

Подскажите, как добавить свою надпись на страничку регистрации пользователя?

Отредактировано Hope13 (Вс, 4 Июн 2017 22:17:08)

0

Поделиться705Вс, 4 Июн 2017 21:33:27

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

hirnruine
У Вас в скрипте http://forumstatic.ru/files/0017/81/19/71483.js поменяны картинки местами:

//Тут ставим в форму ответа Блок-меню и кнопку, в зависимости от Dopuska

var L1="<div id=My clacc=My><img title=\"Смена Аватара\" id=imgNIK-SIG width=20 src=\"http://funkyimg.com/i/2tFjD.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/2tFmv.png\" style=\"position:absolute;margin:-29px 0 0 -5px;\"/><img class=\"iblank STA\" src=\"/i/blank.gif\" /><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить Авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src='http://funkyimg.com/i/2tFsu.png'\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галлереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/></div></div>";

var L2="<div id=My clacc=My><img title=\"Смена Имиджа\" id=imgNIK-SIG width=20 src=\"http://funkyimg.com/i/2tFjD.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/2tFmz.png\" style=\"position:absolute;margin:-29px 0 0 -5px;\"/><img alt=\"NIC\" class=\"iblank NIC\" src=\"/i/blank.gif\" title=\"Cменить НИК\"/><img alt=\"STA\" class=\"iblank STA\" src=\"/i/blank.gif\" title=\"Cменить Статус\"/><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить Авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src='http://funkyimg.com/i/2tFsu.png'\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галлереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/><img alt=\"SGN\" class=\"iblank SGN\" src=\"/i/blank.gif\" title=\"Cменить Подпись\"/><img alt=\"mem\" class=\"iblank mem\" src=\"/i/blank.gif\" title=\"Вставить запомненное из 'предыдущей сессии'\"/></div></div>";

И в ХТМЛ-низу

<style>.punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<script type="text/javascript">
OnSmenaImage("Масс Эффект: Возрождение", new Array("Reaper"))
var AvtrArr=new Array(
"http://s2.uploads.ru/2aPM9.jpg", //Ссылки на картинки аватар
"http://s2.uploads.ru/0TJfc.jpg",
"http://s3.uploads.ru/vQH4E.png",
"http://s3.uploads.ru/7QjiB.jpg",
"http://s3.uploads.ru/bZfVp.jpg",
"http://s3.uploads.ru/5caAx.png"
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>

Из-за того, что не прописаны зеленым форум или тема, а синим ники, то Вы видите лишь форму, где можно поменять только аватар, но поскольку Вы поменяли с скрипте картинки местами, то поэтому у нас "подложка" из расширенного меню.

Я еще немного подправлю стиль скрипта и выложу.

+1

Поделиться706Вс, 4 Июн 2017 21:44:31

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

hirnruine

Я бы чуть изменила стиль, чтобы "кнопочки" совпадали с бэкграундом.

Код:

/*************************************************************
A - SETUP change_ava_nic_sta_sgn
**************************************************************/
#My.My,#stTs {
 background-color:transparent!important;
 background-image:none!important;
 border:none transparent 0!important;
}

#imgNIK-SIG {
  cursor:pointer;
  cursor:hand;
  position:absolute;
  z-index:1000;
  margin-top:  10px;
  margin-left:-30px;
  z-index:100;
  border:4px solid #676767;
}

#avtrChang-area{
 position: absolute;
 right: 1%;top: 43px;
 width:350px!important;
}

#stTs {
 display:none;/**/
 position:absolute;
 z-index:4;
 margin-top: 20px;
 margin-left:-122px;

 width:120px!important;
 height:209px;

 border-collapse: collapse;
 padding: 5px;
 text-align: left;
}

img.iblank {
  cursor:pointer;
  cursor:hand;
  border:transparent solid 1px;
  position:relative;
  width:100px;
  z-index:100;
  margin-left: 4px;
  /* margin-top: 11px; */
  margin-right:-20px;
}
img.iblank.NIC {
  margin-top: 17px;
  height:23px;
}
img.iblank.STA {
  height:20px;
  margin-top: -5px;
}
img.iblank.AVA {
  height:16px;
  margin-top: -3px;
}
img.iblank.Galleri {
  height:66px;
  margin-top: -6px;
}
img.iblank.SGN {
  height:19px;
}
img.iblank.mem {
  height:34px;
  margin-top: -5px;
}
.punbb .pa-author img,
.punbb .pa-title img {
  height:auto;
  max-width:150px;
}

.post-content .hide_Nic-SIG{
  display:none;
}

+1

Поделиться707Пн, 5 Июн 2017 14:02:19

Автор: Estar
Заслуженный
Зарегистрирован: Вт, 5 Июл 2016
Сообщений: 54
Уважение: +8
Позитив: +26
Пол: Мужской
Последний визит:
Пт, 7 Июн 2019 10:37:29

Здравствуйте!
Перемещал поле профиля на тестовом форуме, и там все получилось, как нужно. Когда провел те же манипуляции на самой ролевой, вышло иначе. Сдвинуть выше так называемое обозначение магии не выходит. Подскажите, пожалуйста, как это можно исправить.

Скриншоты

На тестовике:

На самом форуме:

Нужный результат

Хотелось бы, чтобы можно было попробовать два таких варианта.

Отредактировано Estar (Пн, 5 Июн 2017 14:47:15)

0

Поделиться708Пн, 5 Июн 2017 17:14:18

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Estar
Потому что на тестовике у вас стоят нужные настройки для поля с обозначением магии, а на чистовике - нет.
Конкретно:
Тестовик:
.post-author ul li.pa-fld2 {
margin-top:-28px;
margin-left:3px;}

Чистовик:
.post-author ul li.pa-fld2 {
margin-top:0px;
margin-left:3px;}

Просто замените данный код с тестовика на чистовике и всё. Ну, либо вручную поправьте все цифры

Отредактировано dj_maximus (Пн, 5 Июн 2017 17:15:07)

0

Поделиться709Пн, 5 Июн 2017 17:48:42

Автор: Estar
Заслуженный
Зарегистрирован: Вт, 5 Июл 2016
Сообщений: 54
Уважение: +8
Позитив: +26
Пол: Мужской
Последний визит:
Пт, 7 Июн 2019 10:37:29

dj_maximus, увы, не в этом дело. На основном форуме оно выглядит абсолютно одинаково что с нулем, что с -28px.

0

Поделиться710Пн, 5 Июн 2017 20:31:03

Автор: Estar
Заслуженный
Зарегистрирован: Вт, 5 Июл 2016
Сообщений: 54
Уважение: +8
Позитив: +26
Пол: Мужской
Последний визит:
Пт, 7 Июн 2019 10:37:29

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

707

Разобрался, вопрос снят.)

0

Поделиться711Пн, 5 Июн 2017 22:09:24

Автор: millenium
Заслуженный
Зарегистрирован: Пн, 5 Июн 2017
Сообщений: 34
Уважение: 0
Позитив: +4
Последний визит:
Пт, 28 Май 2021 00:48:52

Здравствуйте.
В каких частях кода можно изменить шрифт и размер заголовков форумов? Как изменить место выделенное под описание?
И как сделать что-то подобное? (фон за заголовком, рамочка)

+

Похожее на: http://redbus.rusff.ru/ http://refresh.rusff.ru/

http://hyperchaos.rusff.ru/ (тестовый ведь можно?)

Отредактировано millenium (Пн, 5 Июн 2017 23:08:19)

0

Поделиться712Пн, 5 Июн 2017 22:44:17

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

millenium, ссылку на ваш форум оставляйте и желательно ссылку на форум где видели/как должно быть.

0

Поделиться713Пн, 5 Июн 2017 23:06:38

Автор: millenium
Заслуженный
Зарегистрирован: Пн, 5 Июн 2017
Сообщений: 34
Уважение: 0
Позитив: +4
Последний визит:
Пт, 28 Май 2021 00:48:52

Armavel
Исправлено

Отредактировано millenium (Пн, 5 Июн 2017 23:07:47)

0

Поделиться714Вт, 6 Июн 2017 00:18:18

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

millenium, если правильно поняла, то например так:

перед /* C2.15 */ в первом окне пропишите:

.tclcon {
background-color: rgba(61, 65, 58, 0.3); /*цвет фона*/
border-radius: 0px; /*скругления, если надо, то ставим свою цифру вместо нуля*/
border-top: 2px solid #000000; /*бордюр вверху, ширину, цвет и тип ставим какой нравится*/
border-right: 2px solid #000000; /*бордюр справа*/
border-bottom: 2px solid #000000; /*бордюр снизу*/
border-left: 2px solid #000000; /*бордюр слева*/
padding: 6px; /*отступы содержимого от краев*/
background-image: url("http://ipic.su/img/img7/fs/tlc.1455449916.png"); /*ссылку ставим свою*/
}

т.к. ссылку на форум где взято не дали, то могу предположить, что ссылки снизу оформлены отдельно и вставляются в описание форума вместе со своим оформлением.

0

Поделиться715Вт, 6 Июн 2017 00:31:13

Автор: millenium
Заслуженный
Зарегистрирован: Пн, 5 Июн 2017
Сообщений: 34
Уважение: 0
Позитив: +4
Последний визит:
Пт, 28 Май 2021 00:48:52

Armavel
~~дала, она была в спойлере~~ ой, вот прям то, что нужно! спасибо большое)

0

Поделиться716Вт, 6 Июн 2017 00:48:06

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

millenium, не увидела, сорри)
там немного не так:

/* C2.8 */
#pun-index .tcl h3 {
font-size: 14px;
font-weight: bold;
height: 30px;
background: url(http://funkyimg.com/i/291NH.jpg) repeat-x top;
margin: -12px -13px;
padding: 6px 15px 15px;}

#pun-index .tcl {
background: url(http://funkyimg.com/i/28YgW.jpg);}

Выбирайте)

0

Поделиться717Вт, 6 Июн 2017 14:05:14

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7624
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 20:25:19

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

Подскажите, как добавить свою надпись на страничку регистрации пользователя?

Куда именно? Поясните на скриншоте

0

ВКонтакте alex__63

Поделиться718Вт, 6 Июн 2017 14:22:56

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7624
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 20:25:19

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

Работает, но конфликтует со всплывающей подсказкой и она не отображается в табличке.

Попробуйте Заменить код всплывашки на такой

<style>div#qTip{z-index: 40000;}</style><script type="text/javascript">$('.a-info,.my-tabs>span').live('click',function(){
$(".my-tabs .post-content:contains('\[title')").each(function (){ $(this).html($(this).html().replace(/\[title=([^\]]*?)\]((?:.(?!\[\/title\]))*.)\[\/title\]/mg,'<acronym title="$1" tiptitle="$1">$2</acronym>'))});setTimeout(function (){tooltip.init ();},20)});</script>

0

ВКонтакте alex__63

Поделиться719Вт, 6 Июн 2017 16:31:21

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Alex_63
Мой вопрос все ещё актуален

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

Не совсем понял про поля профиля. Я имел ввиду, что в указаном сообщении не отображается профиль автора сообщения. Убирал скрипт - ничего не поменялось

0

Поделиться720Вт, 6 Июн 2017 18:14:57

Автор: dear Jim
Заслуженный
Зарегистрирован: Вт, 9 Авг 2016
Сообщений: 8
Уважение: +3
Позитив: +2
Последний визит:
Сб, 31 Дек 2022 18:09:40

Добрый вечер.
Ни разу не дизайнер, все делается интуитивно : D Проблема такая: съезжают лс, в том числе кнопки "ответить, цитировать". Правлю там - съезжает в другом месте.
Уже несколько месяцев всем админ-составом не можем впилить, что сделано не так.
скрин
Будем благодарны за помощь.
тестовик

0

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

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

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

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