Общие вопросы по оформлению (47)

Поделиться181Пт, 15 Мар 2013 00:42:58

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
оукееей, ждём-с))ну..а любителей Хрома и FF мы предупредим если спросят внезапно))

Поделиться182Пт, 15 Мар 2013 15:30:34

Автор: blood12
Заслуженный
Зарегистрирован: Чт, 12 Апр 2012
Сообщений: 59
Уважение: +2
Позитив: +2
Последний визит:
Пн, 3 Апр 2017 09:31:17

Здравствуйте. Наверное, перепробовала уже всё, но оптимального варианта так и не нашла. Может быть здесь помогут.
http://msg.rusff.ru/
Задача такова: нужно, чтобы категории находились под верхним слоем текста форума, являлись своего рода подложкой. Пробовала через margin, вроде бы подходит, но нижняя часть пропадает. Решила исправить это через z-index, но результата не последовало.
В идеале хотелось бы, чтобы это выглядело так: http://s2.uploads.ru/sGfBI.jpg

Очень надеюсь на помощь.
Заранее спасибо.

0

Поделиться183Пт, 15 Мар 2013 15:59:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

blood12 написал(а):

В идеале хотелось бы, чтобы это выглядело так: http://s2.uploads.ru/sGfBI.jpg

Выложите эту фоновую картинку под одну категорию - попробую

И если возможно , ссылку на новый тестовый форум, без фона и смещений под категории(но со всеми иными стилями

Отредактировано Deff (Пт, 15 Мар 2013 16:03:56)

0

Поделиться184Пт, 15 Мар 2013 16:13:45

Автор: blood12
Заслуженный
Зарегистрирован: Чт, 12 Апр 2012
Сообщений: 59
Уважение: +2
Позитив: +2
Последний визит:
Пн, 3 Апр 2017 09:31:17

Deff написал(а):

Выложите эту фоновую картинку под одну категорию - попробую

И если возможно , ссылку на новый тестовый форум, без фона под категории(но со всеми иными стилями

Фоновое изображение в тестовой категории на новом тестовике

p.s. пароль поменяла на 1111

Отредактировано blood12 (Пт, 15 Мар 2013 17:58:24)

0

Поделиться185Пт, 15 Мар 2013 16:39:59

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
Здравствуйте ещё раз.
И всё-таки, можно вас будет попросить сделать так, чтобы в нашей таблице пролистывался слайдер в другую сторону, при этом, расположение кнопок вправо\влево чтоб были как они есть сейчас? то есть при нажатии на кнопку вправо, которая будет расположена как на скрине чтобы слайдер пролистывался влево(тоже самое и с кнопкой "влево", при нажатии на неё - слайдер идёт вправо). это возможно? кстати, не одна я посчитала, что так удобней и привычней.. о.о

Отредактировано Silentium (Пт, 15 Мар 2013 16:42:00)

0

Поделиться186Пт, 15 Мар 2013 20:24:59

Автор: mania
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 230
Уважение: -1
Позитив: +7
Последний визит:
Вт, 16 Май 2017 15:34:52

здравствуйте! у меня на форуме пару дней назад пропали важные прикрепленные темы
все в панике
удалены не были - это 100%
смотрела журнал - тоже ничего нет...
как это могло произойти?
темы мега важные

захожу по гиперссылкам: http://hairsmania.lovehub.ru/viewtopic.php?id=82

Ссылка, по которой Вы пришли неверная или устаревшая

и все темки так...почему???
пропало все 13 марта!

Отредактировано mania (Пт, 15 Мар 2013 20:29:59)

0

Поделиться187Пт, 15 Мар 2013 22:16:11

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

mania тут объяснено почему и что делать
Пропали темы

Отредактировано Ta_chan (Пт, 15 Мар 2013 22:17:15)

0

Поделиться188Пт, 15 Мар 2013 22:34:13

Автор: Mango
Заслуженный
Зарегистрирован: Чт, 15 Дек 2011
Сообщений: 239
Уважение: +4
Позитив: +23
Последний визит:
Вс, 8 Сен 2013 12:53:27

Не ругайтесь, если не там вопрос задал...

Есть ли такой скрипт? Если есть, то как найти?

Это номер сообщения.

Отредактировано Mango (Пт, 15 Мар 2013 22:34:42)

0

Поделиться189Пт, 15 Мар 2013 23:35:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

Silentium

В HTML верх

<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>
<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>

<div id="tab-1" class="tab-content" style="display:block;">

Контент 1-й кнопки

</div>


<div id="tab-2" class="tab-content">


<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"/>


<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

<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

<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>


<div id="tab-3" class="tab-content">

Контент 3-й кнопки

</div>


<div id="tab-4" class="tab-content">

Контент 4-й кнопки

</div>

</td>
</tr>
</table>
<script>
$("#tab1").switch_tabs();
$("#sliderN").slideF(1,700);//
</script>


</center>

Пояснения тут Скрипты от пользователей 3 пост 366 и пост 367

Отредактировано Deff (Сб, 16 Мар 2013 01:23:49)

+1

Поделиться190Сб, 16 Мар 2013 00:53:54

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
Господи..спасибо вам большое, вы волшебник

0

Поделиться191Сб, 16 Мар 2013 01:24:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

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)

0

Поделиться192Сб, 16 Мар 2013 02:11:19

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
оу..горизонтальная прокрутка о.о а она тоже появляется сама по себе если содержимое слайдера в длину большое?)

0

Поделиться193Сб, 16 Мар 2013 02:22:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

Silentium
Убавьте ширину width: 270px;
Там ограничение на все размеры, его нет, если строки переносить, но тогда и два админа в ряд не сделать
Проще конечно для контента в несколько рядов вставить табличку

0

Поделиться194Сб, 16 Мар 2013 02:40:51

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
оу, спасибо)иии, кстати, а цифры эти убираются?они на каждом слайде оО

Отредактировано Silentium (Сб, 16 Мар 2013 02:41:12)

0

Поделиться195Сб, 16 Мар 2013 02:48:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

Silentium написал(а):

оу, спасибо)иии, кстати, а цифры эти убираются?они на каждом слайде оО

Прочтите описание к слайдеру - все внутри каждого слайда -Ваше

0

Поделиться196Сб, 16 Мар 2013 02:52:26

Автор: Silentium
Заслуженный
Зарегистрирован: Вс, 5 Фев 2012
Сообщений: 142
Уважение: +9
Позитив: +46
Последний визит:
Пт, 1 Янв 2021 05:11:11

Deff
видать недосып дал о себе знать, раз не заметила)спасибо вам ещё раз)

0

Поделиться197Сб, 16 Мар 2013 14:55:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

blood12
Ээ забыл про Вас - чуть позже - чо нидь попробую , выложите скрытую ссылку на картинку, чтоб не искать

Скройте под 1000 сообщений

0

Поделиться198Сб, 16 Мар 2013 15:02:14

Автор: blood12
Заслуженный
Зарегистрирован: Чт, 12 Апр 2012
Сообщений: 59
Уважение: +2
Позитив: +2
Последний визит:
Пн, 3 Апр 2017 09:31:17

Deff написал(а):

Ээ забыл про Вас - чуть позже - чо нидь попробую , выложите скрытую ссылку на картинку, чтоб не искать
Скройте под 1000 сообщений

Да ничего) Работа у Вас тяжелая, поэтому всё понимаю)

0

Поделиться199Сб, 16 Мар 2013 15:06:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

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>

Отредактировано Deff (Сб, 16 Мар 2013 15:11:19)

0

Поделиться200Сб, 16 Мар 2013 15:21:17

Автор: blood12
Заслуженный
Зарегистрирован: Чт, 12 Апр 2012
Сообщений: 59
Уважение: +2
Позитив: +2
Последний визит:
Пн, 3 Апр 2017 09:31:17

Deff написал(а):

blood12
Соберите в одну картинку, сейчас есть свойство border-image http://htmlbook.ru/css/border-image
позволяюшее ставить обрамление на весь контейнер, независимо от размера,
Тестовый пример с картинкой http://s1.uploads.ru/i/OSvPC.png

Прошу прощения, не знала про такое. Делала по старинке.

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Общие вопросы по оформлению (47)

Сообщений 181 страница 200 из 1000

Поделиться181Пт, 15 Мар 2013 00:42:58

Поделиться182Пт, 15 Мар 2013 15:30:34

Поделиться183Пт, 15 Мар 2013 15:59:42

Поделиться184Пт, 15 Мар 2013 16:13:45

Поделиться185Пт, 15 Мар 2013 16:39:59

Поделиться186Пт, 15 Мар 2013 20:24:59

Поделиться187Пт, 15 Мар 2013 22:16:11

Поделиться188Пт, 15 Мар 2013 22:34:13

Поделиться189Пт, 15 Мар 2013 23:35:23

Поделиться190Сб, 16 Мар 2013 00:53:54

Поделиться191Сб, 16 Мар 2013 01:24:42

Поделиться192Сб, 16 Мар 2013 02:11:19

Поделиться193Сб, 16 Мар 2013 02:22:10

Поделиться194Сб, 16 Мар 2013 02:40:51

Поделиться195Сб, 16 Мар 2013 02:48:25

Поделиться196Сб, 16 Мар 2013 02:52:26

Поделиться197Сб, 16 Мар 2013 14:55:40

Поделиться198Сб, 16 Мар 2013 15:02:14

Поделиться199Сб, 16 Мар 2013 15:06:56

Поделиться200Сб, 16 Мар 2013 15:21:17