Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[8]
Предыдущая тема - Запросы по скриптам[7]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
sshmmv
Попробуйте в HTML верх( кнопки скроются в том числе и у Админов)
<style type="text/css">
#profile10 input[type="checkbox"],
#profile10 fieldset>p[style],
#profile10 fieldset:nth-of-type(2) .fs-box>p {
display:none;
}
</style>
Alex_63
Большое спасибо!
Alex_63,
Deff,
"наше всё" и наши выручатетели! Большое вам спасибо! И с наступающим всех!
И (сразу 
) корыстный вопрос, если у вас тоже "понедельник начинается в субботу". 
Стиль Mybb orange. Подходит всем, классно ложится на тему форума. Но! Если бы его чуть-чуть поменять..? Типа, в темах, блок с датой сообщения сделаеть по цвету, как родной цвет блока минипрофиля, и эту полоску продлить на минипрофиль, аналогично стиля Community blue; блок минпрофиля по цвету сделать таким же, как блок сообщения, но сам блок сообщения (и, соответственно, блок минипрофиля) сделать белого цвета? И убрать или сделать менее заметными полоски – границы блоков. Что скажете?
Так-то мой форум на пчелино-медовую тему: http://cebro.mybb.ru/
Отредактировано sshmmv (Пн, 8 Май 2017 07:00:33)
sshmmv, если я все правильно поняла, то
Поставьте в HTML-верх
<style>
.punbb .post h3 span {
background-color: #feffd5;
}
.punbb .post .container, .punbb .post h3, div.post-author, .punbb .post .post-author ul {
background-color: #ffffec;
}
div.post-box{background-color: #fff;}.post h3 , .punbb .post .container, .punbb .post .post-body,.punbb .post h3 span {
border-color: transparent;
}
</style>
Отредактировано Armavel (Вс, 7 Май 2017 19:27:13)
Armavel, спасибо! С вашим скриптом гораздо приятнее смотрится! Но не совсем получилось: блок минипрофиля белым не стал, но пожелтел. Хотелось бы и его тоже белым сделать, а полоску над сообщением, где дата сообщения, продлить на минипрофиль.
sshmmv, замените предыдущий вариант на это
<style>
.punbb .post h3 span {
background-color: #feffd5;
}div.post-box, div.post-author, .punbb .post .post-author ul, .punbb .post .container, .punbb .post h3, div.post-author {
background-color: #fff;
}.post h3 , .punbb .post .container, .punbb .post .post-body,.punbb .post h3 span {
border-color: transparent;
}.punbb .post .post-author {
margin-top: 0em;
}.punbb .post h3 span {
margin-left: 0em;
}
</style>
Могла чуть с цветами напутать... Они у вас бледные) И это не скрипт) Это CSS
Отредактировано Armavel (Пн, 8 Май 2017 00:52:19)
Armavel, не, с цветами вы не напутали – все классно!
А с блоками вот, что получилось:
В десктопном виде низ сообщения как-то не очень: белый блок (Профиль, ЛС, E-mail) и желтый (Удалить, Редактировать, Цитировать). Лучше бы оба одного цвета: или оба желтые, или оба белые. Еще дата сообщения уехала на минипрофиль:
В мобильном виде вылезла серая полоса, но она, видимо, неубираемая?:
Отредактировано sshmmv (Пн, 8 Май 2017 08:52:44)
Armavel, немного "поигрался" с вашими CSS (спасибо вам за оба! – на их основе буду дальше экспериментировать с оформлением) и временно остановился на таком варианте:
Вот только пара вопросов: 1. Дата сообщения (зеленая стрелка) – как можно ее сдвинуть вправо, над телом сообщения (на "родное" место), и не уползет ли она тогда слишком вправо в мобильном стиле? (Сейчас на скрине дата и ник у меня совмещены специально, в целях демонстрации желаемого месторасположения ника.)
2. Полосы, границы блоков, отмеченные красными стрелками, как их можно также убрать?
Спасибо!
Отредактировано sshmmv (Пн, 8 Май 2017 11:52:20)
sshmmv, замените еще раз)
<style>
.punbb .post h3 span {
background-color: #feffd5;
}div.post-box, div.post-author, .punbb .post .post-author ul, .punbb .post .container, .punbb .post h3, div.post-author, .punbb .post-links ul, .punbb .post-links {
background-color: #fff;
}.post h3 , .punbb .post .container, .punbb .post .post-body,.punbb .post h3 span {
border-color: transparent;
}.punbb .post .post-author {
margin-top: 0em;
}.punbb .post h3 span {
margin-left: 0em;
padding-left: 19em;
}@media (max-width: 540px) {
.punbb .post h3 span {background-color: #feffd5; padding-left: 0em;}
</style>
sshmmv, добавьте еще перед </style>
.punbb .post .post-body, .punbb .post-links, .punbb .post-links ul {
border-color: transparent;
}
Отредактировано Armavel (Пн, 8 Май 2017 12:08:34)
Armavel
Ошиблись чуть - скобку закрывающую потеряли у @media
(*В общем с учетом всех правок (заодно выкинул лишнее
<style>
.punbb .post h3 span {
background-color: #feffd5;
}
.post-box,.post-author,.punbb .post .post-author ul,.punbb .post .container,.punbb .post h3,.punbb .post-links ul,.punbb .post-links {
background-color:#fff;
}
.post h3 ,.punbb .post .container,.punbb .post .post-body,.punbb .post h3 span,.punbb .post-links,.punbb .post-links ul {
border-color: transparent;
}
.punbb .post .post-author {
margin-top:0;
}
.punbb .post h3 span {
margin-left:0em;
padding-left:19em;
}
@media (max-width: 540px) {
.punbb .post h3 span {background-color: #feffd5; padding-left: 0em;}
}
</style>
Alex_63, Ой)) Надо сразу очки одевать)) 
Armavel,
Alex_63,
Спасибо! Alex_63, Щас поставлю ваш код, но даже с ошибкой код Armavel уже сделал всё классно!:
Еще раз спасибо и с наступающим! (А плюсики по кнопочке у меня кончились.. 
)
Отредактировано sshmmv (Пн, 8 Май 2017 15:57:16)
Armavel,
Alex_63,
Благодаря вашей помощи сваял вот такой светлый стиль сообщений для стиля Mybb Orange:
<!--Светлый стиль сообщений-->
<style>
.punbb .post h3 span {
background-color:#fff9d5 !important; //Блок с датой сообщения
}
.post-author,.punbb .post .post-author ul,.punbb .post h3,.punbb .post .container {
background-color:#fffffc; //Поле минипрфиля
}
.post-box,.punbb .post-links {
background-color:#fffffc; //Поле сообщения
}
.punbb .post .post-body {
border-color:#faf7ee; //Вертикальная линия
}
.punbb .post h3 span,.punbb .post-links,.punbb .post-links ul {
border-color:transparent;
}
</style>С праздником!, и Спасибо всем!
P. S.: Alex_63,
добавил команду !important в строку с цветом блока с датой сообщения, выравнивающую цвет блока в десктоптоном и мобильном виде.
Отредактировано sshmmv (Ср, 10 Май 2017 18:15:14)
sshmmv
Единственное - комменты лучше прописывать таким образом(ибо // ... старые браузеры воспринимают как ошибку, а не как коммент)
<!--Светлый стиль сообщений-->
<style>
.punbb .post h3 span {
background-color:#fff9d5; /*Блок с датой сообщения*/
}
.post-author,.punbb .post .post-author ul,.punbb .post h3,.punbb .post .container {
background-color:#fffffc; /*Поле минипрофиля*/
}
.post-box,.punbb .post-links {
background-color:#fffffc; /*Поле сообщения*/
}
.punbb .post .post-body {
border-color:#faf7ee; /*Вертикальная линия*/
}
.punbb .post h3 span,.punbb .post-links,.punbb .post-links ul {
border-color:transparent;
}
</style>
У меня аватары для профиля-пиарщика, Читателя, по-умолчанию и для гостя идут спрайтом для каждого из 4-х стилей разные.
Так вот, изменить аватары для профилей пиара и читателя я смогла, а дефолтный нет
/* Общий размер и фон */
.punbb .user-avatar img.ava[style="background-image:url(/i/default_avatar.jpg)"],
.punbb .user-avatar img.ava[style="background-image:url(http://forum4.ru/i/default_avatar.jpg)"],
.punbb .user-avatar a[href$="/profile.php?id=10"] img.ava[style="background-image:url(/img/avatars/0015/57/bb/10-1475135952.gif)"], #messages-list a[href$="/profile.php?id=10"] img.atr,
.punbb .user-avatar a[href$="/profile.php?id=13"] img.ava[style="background-image:url(/img/avatars/0015/57/bb/13-1475135529.gif)"], #messages-list a[href$="/profile.php?id=13"] img.atr {
background-image: url(http://forumstatic.ru/files/0015/57/bb/60934.png)!important;
background-size: 56px 56px!important;
}
/* Аватар по умолчанию и для гостя / Deff, Alex_63 */
.punbb .user-avatar img.ava[style="background-image:url(/i/default_avatar.jpg)"] {
background-position: 0 0!important;
}
.punbb .user-avatar img.ava[style="background-image:url(http://forum4.ru/i/default_avatar.jpg)"] {
background-position: -28px 0!important;
}
/* Аватар для PR */
.punbb .user-avatar a[href$="/profile.php?id=10"] img.ava[style="background-image:url(/img/avatars/0015/57/bb/10-1475135952.gif)"],
#messages-list a[href$="/profile.php?id=10"] img.atr {
background-position: -28px -28px!important;
}
/* Аватар для Читателя */
.punbb .user-avatar a[href$="/profile.php?id=13"] img.ava[style="background-image:url(/img/avatars/0015/57/bb/13-1475135529.gif)"],
#messages-list a[href$="/profile.php?id=13"] img.atr {
background-position: 0 -28px!important;
}
Но как изменить дефолтный аватар в уведомлениях для каждого стиля на свой?
Lidia-Lada
Ну #messages-list .ava[style*="default_avatar"] { ...
#messages-list .ava[style*="default_avatar"]
Спасибо.
Только для уведомлений это оказывается #messages-list .atr[style*="default_avatar"] (еле поймала класс картинки )
Отредактировано Lidia-Lada (Чт, 11 Май 2017 13:52:55)
А можно ли сваять скрипт, выгружающий содержимое определенной темы форума в текстовый файл?
Только для уведомлений это оказывается #messages-list .atr[style*="default_avatar"] (еле поймала класс картинки )
Ыы, мну сначала так и написал(по памяти), но потом перепроверил и поправил... а видимо не туда смотрел и ошибся
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[8]