Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
Предыдущая тема: Общие вопросы по оформлению (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Имхо лучше панель свправа всегда делать по клику
Под данным утверждением подпишутся абсолютно все владельцы сенсорных девайсов)
Отредактировано audaciousGodsend (Вс, 31 Июл 2016 17:27:39)
audaciousGodsend
ссылки еще нет, есть только макет в фотошопе ) еще не устанавливался дизайн.
спасибо, посмотрю.
Имхо лучше панель свправа всегда делать по клику,
а по клику не дадите скрипты? ) примерим
audaciousGodsend
смотрите
http://themost.rolka.su/
выползает от правого края, а мне надо выползать от края картинки шапки, но если я двигаю отступы панели, то она просто вся видна становится, с текстом который скрыт.
http://s8.hostingkartinok.com/uploads/i … f225bd.jpg
Отредактировано Иса (Вс, 31 Июл 2016 18:00:58)
Иса
Добавьте ниже выпадающей панельки в HTML верх
<style type="text/css">
#JampPanel{
position:absolute!important;
right:0;
}
#html-header{
position:absolute;overflow:hidden;
display:block;margin-left:-16px;
width:824px;height:500px;
}
</style>
Alex_63
спасибо! а как мне вторую такую панельку поставить с другой стороны?
Иса
Сделайте картинку - (Как для правой - но зеркально отраженную) - Вставим
Alex_63
а не могу пока ее сделать (
давайте просто код а картинку я потом вставлю 
Иса
Мне с картинкой проще - иначе птом подгонять сложнее будет
подскажите пожалуйста как убрать беунок внизу форума? 
http://moitestovik8069.rusff.ru
CSS трюки (Ширина форума у Вас (968px
Deff
спасибо 
Добрый день!
Не подскажите в чем может быть проблема?
Форум http://simpasy1.rusff.ru/
При использовании скрипта мобильной версии, на мобильном идет кривое отображение интерфейса.
Использовала скрипт:
<!-- Кнопка отключения моб вида ДОЛЖЕН СТОЯТЬ ПЕРВЫМ-->
<div id="on_OfMobile"><span onclick="FORUM.on_of_Mobile()"></span></div>
<style type="text/css">
#on_OfMobile {
position:fixed;
top:4px;left:3px; /* Начальное положение */
z-index:20000;
}
#on_OfMobile>span {
display:inline-block;
width:70px; /* Ширина кнопки */
height:42px; /* Высота кнопки */
border-radius:13px;
opacity:.3;
transition-duration: 0.6s;
}
#on_OfMobile>span:hover {
opacity:.7;
}
#on_OfMobile>span.mobile{
background:rgba(0,0,0,1) url('http://savepic.ru/6884325.png') center no-repeat;
background-size:50% auto;
}
#on_OfMobile>span.unmobile{
background:rgba(0,0,0,1) url('http://savepic.ru/6944741.png') center no-repeat;
background-size:50% auto;
}
.tipsy.mobil .tipsy-inner {
width:80px;
min-width:80px;
}
</style>
<script type="text/javascript">
//Настройки кнопки:
saveDay = 1; //Число дней хранения инфы
changExtra = 28; //Смена экстра стиля на до появления мобильной версии, если без разницы, - убираем строку;
tipsy = 'n'; //Размещение подсказки варианты: [ 'n' 's' 'w' 'e' ]
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0013/44/56/16328.js"></script>
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>Отредактировано Катюшка (Пн, 1 Авг 2016 09:27:21)
Катюшка
Ну на мобильном то нужно выбрать Мобильный стиль ?
Нун кнопку тыкнуть, дабы картинка с десктопа - переключилась на мобильный... Тогда текст будет по ширине экрана
Если Вы за горизонтальный скролл, чтобы появлялся на мобильном, то убрал скролл по горизонтали не скрипт, А Вы криво его убрали = вот есть статья => CSS трюки
Подскажите пожалуйста, а как сделать "подсветку" столбца в таблице при наведении на ячейку?
со строкой и самой ячейкой получилось
.punbb .main tr:hover, .punbb .main td:hover {
background-color: rgba(87, 81, 81, 0.10);-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
а со столбиком такой фокус делается?
Отредактировано Lidia-Lada (Пн, 1 Авг 2016 14:50:59)
Lidia-Lada
Наверно на чистом css не получится, ток на JavaScript
<script><!--Подсвечиваем столбец таблицы-->
$(document).ready(function(){$(".main td").mouseover(function(){
var L=$(this).index();$(this).closest("table").find("tbody tr").each(function(){
$(this).children("td").eq(L).addClass("MouseOver");});}).mouseout(function(){
$(this).parents("table").find(".MouseOver").removeClass("MouseOver")});});
</script><style>
.punbb .main td{
-moz-transition:all.5s ease-in-out;
-webkit-transition:all.5s ease-in-out;
-o-transition:all.5s ease-in-out;
transition:all.5s ease-in-out;
}
.punbb .main td.MouseOver{
background-color:rgba(87,81,81,.10);
}
</style>
Поправил
Здравствуйте.
Помогите, пожалуйста, настроить смену стиля кнопками. http://testovouy20.rusff.ru
Ставлю в самый верх хтмл-верх следующее
Код:<script type="text/javascript"> var linkStyles='<link rel="stylesheet" type="text/css" href="'; function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;} function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem); </script> <style>#changeStyle img{border:solid 2px transparent;} .STYLselect {border-color:red!important;} </style> <div id="changeStyle" style="top:0; left: 3px; position:fixed!important;"> <img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="http://forumstatic.ru/styles/0017/b3/32/style.1470060992.css/> <br> <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Space/Mybb_Space.css"/> </div> <script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>
Отображается все вот так https://pp.vk.me/c631417/v631417406/3f5 … bZpzv8.jpg
Как только убираю код, все встает на место. Не подскажите, что делать?
exodius
Доброго времени (:
Вы потеряли кавычку, поправьте код:
<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem);
</script>
<style>#changeStyle img{border:solid 2px transparent;}
.STYLselect {border-color:red!important;}
</style>
<div id="changeStyle" style="top:0; left: 3px; position:fixed!important;">
<img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="http://forumstatic.ru/styles/0017/b3/32/style.1470060992.css"/>
<br>
<img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Space/Mybb_Space.css"/>
</div>
<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>
RpM Anastasia, доброго)
спасибо)
Отредактировано exodius (Пн, 1 Авг 2016 17:30:12)
Наверно на чистом css не получится, ток на JavaScript
что-то не получилось(
http://arkania.rolebb.ru и http://arkania.rolebb.ru/pages/marshruti_i_rasstoyaniya
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)