Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (60)
Продолжение темы Общие вопросы от новичков (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
сам решил.
Отредактировано Юн (Пт, 22 Сен 2017 21:22:48)
как можно сделать так чтобы прокрутка вверх работала и на моб.версии сайта ?
подскажите пожалуйста очень нужно.
Юн
Какая прокрутка? Если кнопка, то она наверняка просто скрылась, вернуть её обратно не проблема. Но без форума я не подскажу как.
Доброго времени суток)
Захотел поставить вот это - Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика
Скрипты от пользователей 3
Но почему-то работает только одна кнопка.
А хотелось бы еще одну хотя бы ( поместить туда ссылки на анкету и лист персонажа ) , либо одну для анкеты, вторую для листа.
Что я делаю неправильно?
Тесовый где провожу опыты - http://testso.mybb.ru/
-------
А также не работает другой вариант ( сейчас не стоит, пока убрал ). В доп. поле кусок кода просто вылазит.
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
margin-top: 20px!important;
margin-left: 135px!important;
display:block!important;
/*Размер иконки*/
width:47px;
height:42px;
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
margin-top: -2px!important;
margin-left:-6x!important;
font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
margin-top: -75px; /*сдвиг таблицы вверх от положения иконки*/
margin-left:255px; /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
background:#e4dacf!important;
border-color: #8d7053!important;
}
</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0013/44/56/73823.css" />
<script img-data="http://i.imgur.com/uP42Srx.png" src="http://forumstatic.ru/files/0013/44/56/57946.js" forum="8"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
------
Буду очень рад если поможете разобраться.
У меня такой вопрос. Стиль форума выведен по ссылке, поэтому редактирование через свой стиль не получается, однако с помощью "показать код" я сумела найти сам стиль, вопрос в том, как заменить цвета названий форумов да и в других местах, где идёт красный, на голубой оттенок, а так же убрать подчёркивание из панели навигации?
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
background: url(../../img/Mybb_Diablo/header.jpg) #000 no-repeat top center;
}#pun {
background: url(../../img/Mybb_Diablo/pun.gif) #2A2A2A repeat-x top;
color: #929292;
}/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #1F1F1F;
color: #929292;
}#pun-ulinks .container {
background: none;
}/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background-color: #1A1A1A;
color: #929292;
}.punbb .post h3 span {
background-color: #1A1A1A;
color: #929292;
}.punbb td.tc2, .punbb td.tc3 {
font-weight: bold;
}.punbb td.tc2, .punbb td.tcr {
background: url(../../img/Mybb_Diablo/alt_bg.gif) repeat-x #1A1A1A top;
color: #929292;
}.punbb td.tcl {
background: url(../../img/Mybb_Diablo/alt_bg.gif) repeat-x top #1A1A1A;
color: #929292;
}.multipage td.tcl {
background: url(../../img/Mybb_Diablo/alt_bg.gif) repeat-x #1A1A1A top;
}.usertable .container td.tcl {
background: url(../../img/Mybb_Diablo/alt_bg.gif) repeat-x top #1A1A1A;
}.punbb td.tc3 {
background: url(../../img/Mybb_Diablo/alt_bg.gif) repeat-x #1A1A1A top;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1,.punbb .main h2, #pun-debug h2 {
background: url(../../img/Mybb_Diablo/h2.jpg) no-repeat bottom #2A2A2A;
color: #fff;
text-align: center;
font-size: 1.1em;
font-family: tahoma;
font-weight: bold;
letter-spacing: 1px;
}.punbb #pun-category1 .container {
border-top: none;
}.punbb-admin #pun-admain h2 {
background: #9B0200;
color: #fff;
}/* CS1.4 */
.punbb .modmenu .container {
background-color: #1A1A1A;
color: #929292;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #1F1F1F;
color: #929292;
}#viewprofile h2 span {
background-image: none;
}.punbb .post h3 strong {
font-size: 0.9em;
color: #929292;
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #1A1A1A;
color: #929292
}.punbb textarea, .punbb select, .punbb input {
background-color: #1A1A1A;
border: 1px solid #141414;
color: #929292
}/* CS1.8 */
#pun-navlinks .container {
background: transparent;
color: #998049;
}.offline li.pa-online strong {
font-weight: normal;
}.punbb th {
color: #101010;
background: url(../../img/Mybb_Diablo/sub.gif) repeat-x #343434;
}/* CS2 Border colours
-------------------------------------------------------------*/#pun-title, #pun-navlinks {
border-color: #B9974F;
}/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: #141414;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #262626;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #F7F7F7;
}/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #141414;
}/* CS2.5 */
.punbb th {
border-color: #fff;
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #D1D1E1
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #1A1A1A
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #242424
}.punbb .divider {
border-color: #1A1A1A #242424 #242424 #1A1A1A;
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #a7b5bd;
}li.pa-online {
border-left-color: #AA0404;
}/* CS3 Links
-------------------------------------------------------------*//* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #AA0404;
text-decoration: none;
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #AA0404;
text-decoration: none;
}/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #fefefe;
text-decoration: none;
}/* CS3.3 */
#pun-navlinks a {
color: #B9B9B9;
text-decoration: none;
}/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #D21010;
text-decoration: none;
}#pun-ulinks a {
color: #B9B9B9;
text-decoration: underline;
background: none;
}/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #fff;
text-decoration: none;
}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #929292;
color: #929292;
}.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
}/* CS4 Post status icons
-------------------------------------------------------------*/div.icon {
background: url(../../img/Mybb_Diablo/old.gif) no-repeat;
}tr.inew div.icon {
background: url(../../img/Mybb_Diablo/new.gif) no-repeat;
}tr.iclosed div.icon {
background: url(../../img/Mybb_Diablo/lock.gif) no-repeat;
}tr.iredirect div.icon {
background: url(../../img/Mybb_Diablo/link.gif) no-repeat;
}tr.isticky div.icon {
background: url(../../img/Mybb_Diablo/sticky.gif) no-repeat;
}.punbb .main h2 span, #pun-stats h2 span, .punbb .main h1 span, #pun-stats h1 span {
background: none;
font-variant: small-caps
}#profilenav h2 span {background-image: none}
td.tcr a{
background: transparent url(../../img/Mybb_Diablo/post.gif) no-repeat 0px 2px;
padding-left: 18px;
}#pun-stats ul.container {
background: transparent url(../../img/Mybb_Diablo/stats.gif) no-repeat 11px 13px;
padding-left: 111px;
}#pun-stats div.statscon {
background: #1F1F1F;
color: #929292;
}#pun-crumbs2 .container, #pun-about .container{
background: #1F1F1F;
color: #929292;
}
Но почему-то работает только одна кнопка.
У вас просто не заполнены поля, которые должны быть под другими кнопками. Если их заполнить - кнопки появятся.
Julia Corey, при использовании готового стиля от сервиса изменения в нём обычно делаются с помощью тега <style></style>, размещённого в html-верх. Внутри пишется нужный вам стиль. Если какие-то строчки не срабатывают и не меняют нужный параметр - нужно в конце этих строчек перед точкой с запятой написать !important. Вот так, к примеру, убирается подчёркивание в пользовательском меню:
<style>
#pun-ulinks a {
text-decoration: none !important;
}
</style>
Юн
Какая прокрутка? Если кнопка, то она наверняка просто скрылась, вернуть её обратно не проблема. Но без форума я не подскажу как.
прокрутка работает на ПК но не на моб.версии, пологаю это из за размера ,((
satsana
спасибо. Как менять цвета поняла. Так можно заменить и остальное?
satsana
не понимаю, меняется лишь один цвет. А в изначальном стиле идёт смена красного на белый. Ставлю смену цвета, но получается, что красный меняется на голубой (зеленовато-голубой), а смены на белый нет.
для меня это очень актуально помогите пазязя.
prop = для чтения - читайте внимательнее, для установки attr
prop для установки тож работает, он именно для булевых значений true/false для чекитов и им подобных
прокрутка работает на ПК но не на моб.версии, пологаю это из за размера ,((
Как именно не работает, кнопки нет или не крутится?
Alex_63
кнопки нет
Юн
Попробуйте выкинуть текущую кнопку и вставить более простую
<div class=scrollup style="position:fixed;bottom:20px;left:10px;cursor:pointer" title="Вверх"><img src="http://savepic.net/9872072.png"/></div><script>$(window).scroll(function(){if($(this).scrollTop()>100){$('.scrollup').fadeIn();}else{$('.scrollup').fadeOut();}});$('.scrollup').click(function(){$("html, body").animate({scrollTop:0},600);return false;});});</script>
Кому не ответил... - Сорри, не успеваю, времени катастрофически мало. Как будет возможность, отвечу...
Alex_63
иконка конечно есть но ))) она не кликабельно
Отредактировано Юн (Пн, 25 Сен 2017 16:27:27)
Alex_63
пока что поставлю тот код который работает, пожалуйста если можете решите эту проблему Очень ПРОШУ вас.
Юн
Вот этот код скопируй заместо старого в окне админка - настройки.
<style>
#MrScrollUp div{
width:149px;
overflow:hidden;
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
}
#MrScrollUp .MrScrollUp1{
background:url(http://savepic.net/9872072.png) no-repeat -149px 0;
opacity:0;
height:250px;
display:none;
z-index:1;
}
#MrScrollUp .MrScrollUp2{
background:transparent;
cursor:pointer;
display:block!important;
z-index:2;
height:150px;
}
#MrScrollUp{
z-index:11;
width:149px;
height:250px;
display:block;
overflow:hidden;
cursor:default;
position:fixed;
left:0;
top:100%;
background:url(http://savepic.net/9872072.png) no-repeat 0 0;
margin:-125px 0 0;
padding:0;
}
</style>Отредактировано Неспетый (Пн, 25 Сен 2017 19:24:24)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (60)