Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (47)
Архивная тема помощи в оформлении форума и его элементов
Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.
Следующая тема: Общие вопросы по оформлению (48)
Предыдущая тема: Общие вопросы по оформлению (46)
Deff
оукееей, ждём-с))ну..а любителей Хрома и FF мы предупредим если спросят внезапно))
Здравствуйте. Наверное, перепробовала уже всё, но оптимального варианта так и не нашла. Может быть здесь помогут.
http://msg.rusff.ru/
Задача такова: нужно, чтобы категории находились под верхним слоем текста форума, являлись своего рода подложкой. Пробовала через margin, вроде бы подходит, но нижняя часть пропадает. Решила исправить это через z-index, но результата не последовало.
В идеале хотелось бы, чтобы это выглядело так: http://s2.uploads.ru/sGfBI.jpg
Очень надеюсь на помощь.
Заранее спасибо.
В идеале хотелось бы, чтобы это выглядело так: http://s2.uploads.ru/sGfBI.jpg
Выложите эту фоновую картинку под одну категорию - попробую
И если возможно , ссылку на новый тестовый форум, без фона и смещений под категории(но со всеми иными стилями
Отредактировано Deff (Пт, 15 Мар 2013 16:03:56)
Выложите эту фоновую картинку под одну категорию - попробую
И если возможно , ссылку на новый тестовый форум, без фона под категории(но со всеми иными стилями
Фоновое изображение в тестовой категории на новом тестовике
p.s. пароль поменяла на 1111
Отредактировано blood12 (Пт, 15 Мар 2013 17:58:24)
Deff
Здравствуйте ещё раз.
И всё-таки, можно вас будет попросить сделать так, чтобы в нашей таблице пролистывался слайдер в другую сторону, при этом, расположение кнопок вправо\влево чтоб были как они есть сейчас? то есть при нажатии на кнопку вправо, которая будет расположена как на скрине чтобы слайдер пролистывался влево(тоже самое и с кнопкой "влево", при нажатии на неё - слайдер идёт вправо). это возможно? кстати, не одна я посчитала, что так удобней и привычней.. о.о
Отредактировано Silentium (Пт, 15 Мар 2013 16:42:00)
здравствуйте! у меня на форуме пару дней назад пропали важные прикрепленные темы
все в панике
удалены не были - это 100%
смотрела журнал - тоже ничего нет...
как это могло произойти?
темы мега важные
захожу по гиперссылкам: http://hairsmania.lovehub.ru/viewtopic.php?id=82
Ссылка, по которой Вы пришли неверная или устаревшая
и все темки так...почему???
пропало все 13 марта!
Отредактировано mania (Пт, 15 Мар 2013 20:29:59)
mania тут объяснено почему и что делать
Пропали темы
Отредактировано Ta_chan (Пт, 15 Мар 2013 22:17:15)
Не ругайтесь, если не там вопрос задал...
Есть ли такой скрипт? Если есть, то как найти?
Это номер сообщения.
Отредактировано Mango (Пт, 15 Мар 2013 22:34:42)
Silentium
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.js"></script><script type="text/javascript">
$.fn.switch_tabs = function() {
var tbl = this,knopK = $("img[data^='tab']",tbl);
knopK.each(function(){
var arr = $(this).attr('data').split(",");
$(this).css("background-image","url("+arr[1]+")")
}); knopK.css("background-position","120% 10000px")
knopK.css("background-repeat","no-repeat")knopK.click(function(){
knopK.removeClass('active');
$(this).addClass('active');
var arr = $(this).attr('data').split(",");
tbl.css("background-image","url("+arr[1]+")")
$(".tab-content",tbl).hide();
$("#"+arr[0]+"",tbl).show();
});
}
</script><!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
Таблица с переключаемыми Вкладками****************************************/
#tab1,#tab1 * {
margin:0;
padding:0;
}
#tab1 {
/*outline:solid red 1px;*/
background:transparent url(http://s2.uploads.ru/Eu9Vt.png) 0 0 no-repeat;
height:286px;
width:790px;
}
#tab1,#tab1 td{
border:none 0 transparent!important;
border-collapse:collapse;
}
img[data^="tab"]{
cursor:pointer;
height:100%;
/*outline:solid red 1px;*/
border:none 0 transparent!important;
}
.tab-content {
display:none;
width:100%;
height:226px;
color:#fff;
overflow-y:auto;
/*outline:solid blue 1px;*/
}
/**********************
Контент слайдера**********************/
#sliderN {
/*border:solid 1px red!important;*/
margin-left:-5px;
margin-top: 0;
}
.Amin-Moder {
width: 225px;
vertical-align:top;
display:inline-block;
/*outline:solid red 1px;*/
margin:34px 30px auto 15px;
}
.Amin-Moder *{
float:none;
}.Amin-Moder img{
float:left;
}
.Amin-Moder img{
padding:8px;
}
</style>
<center><!-- Switch Tabs -->
<table id="tab1" class="tbl-0" border="0">
<tr>
<td class="butt" valign=center height=40>
<img width="195" data="tab-1,http://s2.uploads.ru/Eu9Vt.png" src="http://forum.mybb.ru/i/blank.gif" class="active"/>
<img width="238" data="tab-2,http://s2.uploads.ru/IR1f9.png" src="/i/blank.gif"/>
<img width="135" data="tab-3,http://s3.uploads.ru/SolKv.png" src="/i/blank.gif"/>
<img width="200" data="tab-4,http://s2.uploads.ru/HeSUV.png" src="/i/blank.gif"/>
</td>
</tr>
<tr>
<td class="content" align=center>
<!-- Контейнер контента 1-й кнопки -->
<div id="tab-1" class="tab-content" style="display:block;">Контент 1-й кнопки
</div>
<!-- Контейнер контента 2-й кнопки -->
<div id="tab-2" class="tab-content"><!-- Cлайдер -->
<div id="sliderN" slide-width="772" slide-height="210" class="slider" style="height:0;width:0"><img button-width="42" class="button-left hide" src="http://s3.uploads.ru/KcP7S.png"/>
<img button-width="42" class="button-right" src="http://s2.uploads.ru/aIH0D.png"/><!-- 1-й Контейнер слайдера -->
<div class="slider-content active"><span>1</span><br /><span class="Amin-Moder">
Админ-1
<br />
<img src="http://s3.uploads.ru/9sqei.png"/>
<pre>
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd<br />
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
<br />
</pre>
</span>
<span class="Amin-Moder">
Админ-1
<br />
<img src="http://s3.uploads.ru/9sqei.png"/>
<pre>
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd<br />
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
<br />
</pre>
</span></div>2
<!-- 2-й Контейнер слайдера -->
<div class="slider-content"><span>2</span><br /><span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span>
<span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span></div>3
<!-- 3-й Контейнер слайдера -->
<div class="slider-content"><span>3</span><br /><span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span>
<span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span></div>
</div>
</div>
<!-- Контейнер контента 3-й кнопки -->
<div id="tab-3" class="tab-content">Контент 3-й кнопки
</div>
<!-- Контейнер контента 4-й кнопки -->
<div id="tab-4" class="tab-content">Контент 4-й кнопки
</div>
</td>
</tr>
</table>
<script>
$("#tab1").switch_tabs();
$("#sliderN").slideF(1,700);//
</script><!-- //End Cлайдер -->
<!--//End/-switch Tabs --></center>
Пояснения тут Скрипты от пользователей 3 пост 366 и пост 367
Отредактировано Deff (Сб, 16 Мар 2013 01:23:49)
Deff
Господи..спасибо вам большое, вы волшебник 
Silentium
Чуть подправил оба кода (1 - й слайд был не ровно
Вот эти еще строки поправьте в HTML верх
.Amin-Moder {
width: 270px;
vertical-align:top;
display:inline-block;
/*outline:solid red 1px;*/
margin:34px 30px auto 35px;
}
Отредактировано Deff (Сб, 16 Мар 2013 01:41:22)
Deff
оу..горизонтальная прокрутка о.о а она тоже появляется сама по себе если содержимое слайдера в длину большое?)
Silentium
Убавьте ширину width: 270px;
Там ограничение на все размеры, его нет, если строки переносить, но тогда и два админа в ряд не сделать
Проще конечно для контента в несколько рядов вставить табличку
Deff
оу, спасибо)иии, кстати, а цифры эти убираются?они на каждом слайде оО
Отредактировано Silentium (Сб, 16 Мар 2013 02:41:12)
оу, спасибо)иии, кстати, а цифры эти убираются?они на каждом слайде оО
Прочтите описание к слайдеру - все внутри каждого слайда -Ваше
Deff
видать недосып дал о себе знать, раз не заметила)спасибо вам ещё раз)
blood12
Ээ забыл про Вас - чуть позже - чо нидь попробую , выложите скрытую ссылку на картинку, чтоб не искать
Скройте под 1000 сообщений
Ээ забыл про Вас - чуть позже - чо нидь попробую , выложите скрытую ссылку на картинку, чтоб не искать
Скройте под 1000 сообщений
Да ничего) Работа у Вас тяжелая, поэтому всё понимаю)
blood12
Соберите в одну картинку, сейчас есть свойство border-image http://htmlbook.ru/css/border-image
позволяюшее ставить обрамление на весь контейнер, независимо от размера,
Тестовый пример с картинкой http://s1.uploads.ru/i/OSvPC.png
<!-- Обрамление Колючка-->
<style type="text/css"> /* Колючка */
* {
border-color:transparent!important;
}
.punbb .category{
border-width: 13px!important;
-moz-border-image: url(http://s1.uploads.ru/i/OSvPC.png) 13 repeat; /* Firefox 4 */
-webkit-border-image: url(http://s1.uploads.ru/i/OSvPC.png) 13 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://s1.uploads.ru/i/OSvPC.png) 13 repeat; /* Opera 10.5 */}
</style>
<!-- pun_debug -->
Отредактировано Deff (Сб, 16 Мар 2013 15:11:19)
blood12
Соберите в одну картинку, сейчас есть свойство border-image http://htmlbook.ru/css/border-image
позволяюшее ставить обрамление на весь контейнер, независимо от размера,
Тестовый пример с картинкой http://s1.uploads.ru/i/OSvPC.png
Прошу прощения, не знала про такое. Делала по старинке.
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Ср, 12 Ноя 2025 |
| Общие вопросы по оформлению (62) | Архив | Сб, 26 Авг 2017 |
| Общие вопросы по оформлению (65) #1 | Архив | Сб, 19 Дек 2020 |
| Общие вопросы по оформлению (58) | Архив | Чт, 21 Апр 2016 |
| Общие вопросы по оформлению (57) | Архив | Ср, 20 Янв 2016 |
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (47)