Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
Предыдущая тема: Общие вопросы по оформлению (60)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
напоминаю
Alex_63, кхм, напоминаю
Если можно, тоже тихотнько мяукну) Если что, я подожду)
Тира
1. Ссылку на форум, где пробуете, и скриншот с пояснением, что за картинка и куда ее нун подвинуть
Ибо я не экстрасенс, ни наю, что Вам нужно
Мисси
В Первом Окне стилей - Добавка синим, строчку красным - удалить
/* C2.14 */
.punbb td div.tclcon {
margin-left: 500px;
text-align: center;
height: 120px;
}/*Поправка Иконок в Активных темах*/
#pun-searchtopics .hasicon >tr> td{
height:110px;
vertical-align:top;
}
Мисси
Вы описание и названия форумов сдвинули на 500px вправо и они уехали под другие ячейки таблицы:
/* C2.14 */
.punbb td div.tclcon {
margin-left: 500px;
text-align: center;
height: 120px;
}
Тира
1. Ссылку на форум, где пробуете, и скриншот с пояснением, что за картинка и куда ее нун подвинуть
Ибо я не экстрасенс, ни наю, что Вам нужно
Прошу прощения. Вот:
http://catswarrions1.mybb.ru/ (пока мучаю только тестовый)
Тира
Ну вот тут добавляйте нужный отступ(отрицательная подвижка) -
<!--Блок с содержимым левой панели-->
<div style="position:fixed;left:1px;top:100px;z-index:20000">
<div class=splLinkL><img style="margin-left:-10px" src="http://savepic.ru/12642036.png"/></div>
<div style="display:none;position:absolute;" class=splContL>
<!--Блок с содержимым правой панели-->
<div style="position:fixed;right:1px;top:100px;z-index:20000">
<div class=splLinkR><img style="margin-right:-30px" src="http://savepic.ru/12590731.png"/></div>
<div style="display:none;position:absolute;" class=splContR>
Значения(жирным) подбираете свои
<div class=splLinkR><img style="margin-right:-30px" src="http://savepic.ru/12590731.png"/></div>
Там просто картинку обрезать надо, там границы очень далеко от самой картинки
Там просто картинку обрезать надо, там границы очень далеко от самой картинки
Я же сказала, когда картинка обрезается, получается не очень красиво, ибо там эффект свечение
Я же сказала, когда картинка обрезается, получается не очень красиво, ибо там эффект свечение
Просто надо правильно обрезать.
Вот посмотрите
http://dizayn.mybb.ru
Тира
Ну мон обрезать только со стороны "крепежки" фонаря, не затрагивая свечение
Либо, не меняя картинку, подвинуть в css(как я написал)
http://dizayn.mybb.ru
( Ксать дизайн красивый
Alex_63
kolobdur74
Спасибо огромное, все заработало. Единственный оставшийся вопрос - а можно же как-то этот текст немного подвинуть, чтоб он не закрывался?
Тира, вот Вам готовый код для панелей.
<!--Панель справа-->
<style>
.splContR {
width:200px!important; /*ширина окна*/
height:auto; /*высота окна*/
background-color:#fff !important; /*фон окна*/
top:170px; /*отступ окна от верха кнопки*/
right:5px; /*отступ окна от правого края монитора*/
border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
border-radius:8px; /*радиус окна*/
box-shadow:0 0 15px 3px #828282; /*тень окна*/
padding:10px 10px 10px 10px;
text-align:center;
color:#000000 !important; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
font-family:Georgia; /*шрифт*/
}.splContR a {
color:#FF0000 !important; /*цвет ссылки в окне*/
}
.splContR a:hover {
color:#000080 !important; /*цвет ссылки в окне при наведении*/
}
.splLinkR{
opacity:0.7;
}
.splLinkR:hover{
opacity:1.0;
}
</style>
<!--Блок с содержимым правой панели-->
<div style="position:fixed;right:0px;top:60px;z-index:20000">
<div class=splLinkR><img src="http://j-p-g.net/if/2017/01/15/0044325001484476738.png"/></div>
<div style="display:none;position:absolute;" class=splContR>
СОДЕРЖИМОЕ ПРАВОЙ ПАНЕЛИ
</div></div>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLinkR').click(function(){
$(this).parent().children('div.splContR').toggle('normal');
return false;
});
});
</script><!--Панель слева-->
<style>
.splContL {
width:200px!important; /*ширина окна*/
height:auto; /*высота окна*/
background-color:#fff !important; /*фон окна*/
top:170px; /*отступ окна от верха кнопки*/
left:5px; /*отступ окна от левого края монитора*/
border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
border-radius:8px; /*радиус окна*/
box-shadow:0 0 15px 3px #828282; /*тень окна*/
padding:10px 10px 10px 10px;
text-align:center;
color:#000000 !important; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
font-family:Georgia; /*шрифт текста*/
}.splContL a {
color:#FF0000 !important; /*цвет ссылки в окне*/
}
.splContL a:hover {
color:#000080 !important; /*цвет ссылки в окне при наведении*/
}.splLinkL{
opacity:0.7;
}
.splLinkL:hover{
opacity:1.0;
}
</style>
<!--Блок с содержимым левой панели-->
<div style="position:fixed;left:0px;top:60px;z-index:20000">
<div class=splLinkL><img src="http://j-p-g.net/if/2017/01/15/0971755001484476971.png"/></div>
<div style="display:none;position:absolute;" class=splContL>
СОДЕРЖИМОЕ ЛЕВОЙ ПАНЕЛИ
</div></div>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLinkL').click(function(){
$(this).parent().children('div.splContL').toggle('normal');
return false;
});
});
</script>
Alex_63
Домовой
Спасибо. Получилось
Мисси
Cделайте хотя бы один форум с заполненным Описанием видным Гостю
Ксать дизайн красивый
Это стиль из каталога mybb "MyBB Notepad"
просто я чуток его переделал
Домовой
Гы, а я не узнал чот... По-любому в переделанном Варианте гораздо лучше смотрится 
Alex_63
Ой, простите, забыла открыть. Они, правда, пустые, но описания там есть.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
