Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
Предыдущая тема: Общие вопросы по оформлению (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
что-то перестало работать все (
Jas
А Вы похоже убрали скрипт HTML в постах (В HTML низ), - вот и не работает
Deff
нет, я не убирал... стоит вот этот скрипт в ХТМЛ-верх (взят здесь - Скрипты от пользователей 3):
<!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,6]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script>
Код из поста 638 отлично работает) А вот из поста 640 не хочет((
Отредактировано Jas (Вс, 19 Июн 2016 14:43:33)
Доброго времени суток! Подключили закладки, очень удобная функция и уже на ура используется. Но у нас фон на ней прозрачный и не удобно, приходится выделять. Можно какой-то короткий скрипт, чтобы хотя бы тело форума (серое) дублировалось на нее как и верхушка категорий? Заранее спасибо)
Jas
Соррь - торопился, скопировал не полностью -замените код
[html]
<!-- Таблица -->
<style>
#tstTable table[id]{
height: 100%;
/*position:absolute;*/
display:none;
}
#tstTable table[id] p span {
display: inline-block;
}
.tabindex {
height: 100%;
width: 100%;
position: relative;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
width:100%;
text-align:center;
margin-top: -30px;
}
.navbuttons td{
cursor:pointer;
opacity:.7;
}
.navbuttons .active{
opacity:1;
}
.tabindex td{
padding:0;
}
</style>
<div id="tstTable">
<table class="navbuttons">
<tbody><tr>
<td id="btn1" class=""><img src="Кнопка1"></td>
<td id="btn2" class="active"><img src="Кнопка2"></td>
<td id="btn3" class=""><img src="Кнопка3"></td>
<td id="btn4"><img src="Кнопка4"></td>
</tr>
</tbody></table>
<div class="tabindex">
<table id="tbl1" style="display: none;"><!-- 1 -->
<tbody><tr>
<td>
текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки
</td>
</tr>
</tbody></table>
<table id="tbl2" style="display: table;"><!-- 2 -->
<tbody><tr>
<td>
ВТОРАЯ ВКЛАДКА ТАБЛИЦЫ ....
</td>
</tr>
</tbody></table>
<table id="tbl3" style="display: none;"><!-- 3 -->
<tbody><tr>
<td>
<p style="text-align:center">
ТЕКСТ 3-я вкладка
</p>
<br>
<br>
<p style="text-align:center">
<span style="display:inline-block;"><img src="Картинка" style="float:left">Описание картинки</span>
</p>
<br>
<br>
<p style="text-align:center">
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
</p>
<br>
<br>
</td>
</tr>
</tbody></table>
<table id="tbl4" style="display: none;"><!-- 4 -->
<tbody><tr>
<td>
<center>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
</center>
</td>
<td>
<center>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
<a href="ссылка">описание ссылки</a> <br>
</center>
</td>
</tr>
</tbody></table>
</div>
</div>
<script type="text/javascript">
$(function () {
$("#tstTable #tbl1").show();
$(".navbuttons td#btn1").addClass("active");
$(".navbuttons td").click(function(){
var num=$(this).attr("id");
if(num)num=num.split("btn")[1];
$(".navbuttons td").removeClass("active");
$(this).addClass("active");
$("#tstTable table[id]").hide();
$("#tstTable table[id='tbl"+num+"']").show();
});
});
</script>
[/html]Alex_63
о, я и не заметила что эта тема появилась о.о" Благодарю!
Привет! Маленько запуталась.
У меня стоит вот такой код с кнопкой, при нажатии на которую в пост сразу вставляется большой оформленный текст.
<script type="text/javascript">
var div = document.getElementsByTagName("div");
for (i in div) {
if (div[i].className == "fs-box hashelp")
div[i].innerHTML = "<div class=\"inform\" id=\"q1Span\" ><table style=\"border: 0;\"><tr><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend><font color=#222222></font></legend><input class=\"button\" type=\"button\" value=\"Прием\" title=\"Для админов\" onclick=\"insert('[align=center][b][color=teal]Принят. Добро пожаловать! Отпишись в теме [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=735]внешности[/url] и [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=1231]группы[/url]. Заполни профиль и подпись по [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=3656#p230036]шаблону[/url]. Загляни в [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=2404]навигатор[/url], он поможет не запутаться[/color][/b][/align]')\" /></fieldset></td><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend><font color=#222222></font></legend><input class=\"button\" type=\"button\" value=\" Таблица \" title=\"Создать скелет таблицы\" name=\"TABLE\" onclick=\"bbcode('[table]','[/table]')\" /><input class=\"button\" type=\"button\" value=\" Строка \" name=\"TR\" title=\"Добавить строку в вашу таблицу\" onclick=\"bbcode('[tr]','[/tr]')\" /><input class=\"button\" type=\"button\" value=\"Ячейка\" name=\"TD\" onclick=\"bbcode('[td]','[/td]')\" title=\"Добавит ячейку в строку\" /></fieldset></td></table></div>" + div[i].innerHTML;
}
</script>Текст надо заменить на это
[quote][table layout=fixed width=100%] [tr] [td colspan=2][align=center][b]Принимаю. Добро пожаловать в Нью-Йорк![/b][/align][/td] [/tr][tr][td][align=right][b]Отписаться: [/b] [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=735]внешности[/url] ◂ [url=http://greenrpg.ru/viewtopic.php?id=4292#p293127]группы[/url] ◂ [url=http://greenrpg.ru/viewtopic.php?id=4277]день рождения[/url] ◂[/align][/td] [td] [b]Заполнить:[/b] ▸ [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=3656#p230036]профиль и подпись[/url] [b]Освоиться:[/b] ▸ [url=http://greenwoodshi.3bb.ru/viewtopic.php?id=2404]навигатор[/url][/td] [/tr] [/table][/quote]
Но когда меняю в коде, то он перестает работать, кнопка пропадает.
В чем проблема?
Иса
Есть скрипт: Выделение(вставка) реплик в ролевых текстах , он создаёт мини-меню под кнопку и там мон в тегах <p> воткнуть длинные и большие блоки вставки
Отредактировано .roro (Пн, 20 Июн 2016 11:10:38)
2) Как строку с Активными темами и пр. расположить по середине? Простое выравнивание text-align: center не помогает.
#pun-ulinks .container {
text-align: center!important;
margin: 0;
border-style: none;
position: absolute;
top: -156px;
width: 100%;
font-family: Verdana;
}
4) Если на всем форуме ссылки темного цвета, как для одной таблицы изменить их цвет на светлый?
Скриншот и ссылку на страницу
3) Как передвинуть ниже заглавия Статистика форума, Быстрый ответ и названия тем? Выравнивание top не помогает.
Cкриншот и эскиз в ФШ как надо в итоге
========================
По первому вопросу не наю... я бы делал законцовку иной методой, не на pun-about
2) К сожалению, не вышло.
2) 4)
3) На это место и Статистику, и Быстрый ответ, и названия форумов.
1) Могли бы подсказать, как бы вы сделали?
И еще вопросы.
1) Почему в Мозилле у меня при наведении мышки выпадающие окна работают, а в Хроме нет?
2) Почему рамка закругляется только с одной стороны, хотя должна с двух? Прописано border-radius: 7px 0px 7px 0px.
Отредактировано .roro (Пн, 20 Июн 2016 00:36:10)
2) К сожалению, не вышло.
Ну заменить этот пункт в Первом окне:
/* D4.2 */
#pun-ulinks .container {
text-align: center!important;
margin: 0;
border-style: none;
position: absolute;
top: -156px;
left: 100px;
font-family: Verdana;
}
На то что я дал (Надеялся поймёте
Deff, я и поняла, и заменила.) Сейчас вернула уже обратно. А итог был таков:
Отредактировано .roro (Пн, 20 Июн 2016 00:44:39)
3) На это место и Статистику, и Быстрый ответ, и названия форумов.
#pun-stats h2 span,
.category h2 span {
position:relative;
top: 45px;
color:#000!important;
text-shadow:#00166e 1px 1px 0;
font-weight:bold;
font-family: Book Antiqua;
font-size:20px!important;
color: #e8ffe9!important;
}
#pun-stats h2 span{
top: 38px;
}
Добавьте красным в стиле, к текущему
Deff, я и поняла, и заменила.) Сейчас вернула уже обратно. А итог был таков:
Поставьте - я гляну... думаю где нидь, чо нидь упустили
Добавьте красным в стиле, к текущему
Добавила, спасибо. Только остался такой же вопрос к Быстрому ответу и названиям тем. Ссылка на тему со скрина.
Поставьте - я гляну... думаю где нидь, чо нидь упустили
Поставила. На второй раз оно подействовало. Видимо, я уже что-то мешавшееся успела убрать. Или не знаю, что за магия. Единственное, теперь строка с Активными темами смещена немного правее, чем надо. Как поставить ровно по центру?
Добавила, спасибо. Только остался такой же вопрос к Быстрому ответу и названиям тем. Ссылка на тему со скрина.
Поставила. На второй раз оно подействовало. Видимо, я уже что-то мешавшееся успела убрать. Или не знаю, что за магия. Единственное, теперь строка с Активными темами смещена немного правее, чем надо. Как поставить ровно по центру?
/* D4.2 */
#pun-ulinks .container {
text-align: center!important;
margin: 0;
border-style: none;
position: absolute;
top: -156px;
left: 0;
font-family: Verdana;
}
У меня в коде left не было 
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
