Общие вопросы от новичков (49)

Поделиться1Вт, 4 Ноя 2014 16:17:40

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

Продолжение темы: Общие вопросы от новичков (48)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

Поделиться921Вт, 27 Янв 2015 01:26:31

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

Луко
Наверх, всё, наверх

0

Поделиться922Вт, 27 Янв 2015 13:16:45

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

скажите, а в чем может быть проблема... Убрала скрипт, вот этот Скрипты от пользователей 3 , а боковая панель не убралась, остается на месте? :dontknow:

0

Поделиться923Вт, 27 Янв 2015 13:27:41

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

Lusiya
Ну а панель то осталась:

<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {

top:-3px;
padding:0;
margin-right:-280px;
position:fixed;z-index:1000;
right:-3px;
}
.content-R {
padding:12px;
width:236px;
height:536px;
margin-left: 47px;
margin-top:18px;
position:absolute;
color:#fff;
background-color:#E6D2CD;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">

</div>
<img id="img-left" src="http://s3.uploads.ru/Gqvm5.gif" onclick="PanelToggleR($('#right-panel'))"/>
</div>

+1

Поделиться924Вт, 27 Янв 2015 13:47:15

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

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

Ну а панель то осталась:

ой... :blush: вот этого я b не заметила. СПАСИБО БОЛЬШОЕ, Deff! :cool:

0

Поделиться925Вт, 27 Янв 2015 13:59:35

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Добрый день. У меня сразу несколько вопросов, поэтому по пунктам. (ссылка на форум - http://andar.webtalk.ru/ )
1. воспользовалась скриптом для замены стандартных иконок

Код:

<!-- Иконки -->
<style type="text/css"> 
.punbb table Div.icon {float: left; display: block; width: 48px; height: 48px; border-style: none;
background-image: url(https://forumstatic.ru/files/0015/08/33/76579.png); 
background-repeat: no-repeat;
position: relative; margin-right: 20px; margin-left: 10px;}
TR.inew Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/37606.png) no-repeat;}
TR.isticky Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/15724.png) no-repeat;}
TR.iclosed Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/31189.png) no-repeat;}
</style>

и теперь, когда тема одновременно закреплена и закрыта, то по приоритету ставится значок закрытой темы, в то время, как при стандартных иконках приоритет отдается закрепленной теме. Как можно сделать так, что бы и с новыми иконками если тема и закреплена и закрыта, то ставился по умолчанию значок закрепленной? (Сами картинки перепроверялись, ошибки нет, если тема просто закреплена, то ставится значок какой надо)

2. По умолчанию используется стиль MyBB Black Count, и при заливке фона кодом

Код:

<!-- Фон1 -->
<style>
HTML, BODY,  #pun-viewtopic #pun-main .linksb {background-image: url("https://forumstatic.ru/files/0015/08/33/43070.jpg")!important; background-repeat: no repeat; background-attachment: fixed;}
</style>

получается такая картина: https://forumstatic.ru/files/0015/08/33/66423.jpg
Я не хочу скрывать логотип, наоборот, он как раз и нравится. Но как можно отделить логотип от своего фона, что бы это не выглядело оборванным куском?
(на данный момент проблема "решена" прикрытием картинкой, но хотелось бы какой-то другой, альтернативный вариант, а не закрывание дырки пальцем)

Код:

<!-- Фон шапки -->
<style>
#pun_wrap #pun {background-image: url("https://forumstatic.ru/files/000b/03/a7/52089.jpg"); background-repeat: repeat-x; background-position: left top; }
</style>

3. При создании новых тем или новых сообщений, форум подсвечивается, но даже после прочтения темы, остается подсветка, будто там непрочитанное что-то. Пока не нажмешь руками "все прочитано", темы так и остаются подсвеченными в каталоге. Можно ли это решить, что бы темы "прочитывались" при переходе на них, а не нажатием кнопки "все прочитано"?

и последнее, 4. С новыми иконками (48х48) название категорий становится выше центра. Как их сместить чуть ниже? https://forumstatic.ru/files/0015/08/33/17965.jpg
Что бы визуально смотрелось, будто название по центру иконки.

Спасибо за терпение:)

0

Поделиться926Вт, 27 Янв 2015 14:10:37

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

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

Добрый день. У меня сразу несколько вопросов, поэтому по пунктам. (ссылка на форум - http://andar.webtalk.ru/ )
1. воспользовалась скриптом для замены стандартных иконок

и теперь, когда тема одновременно закреплена и закрыта, то по приоритету ставится значок закрытой темы, в то время, как при стандартных иконках приоритет отдается закрепленной теме. Как можно сделать так, что бы и с новыми иконками если тема и закреплена и закрыта, то ставился по умолчанию значок закрепленной? (Сами картинки перепроверялись, ошибки нет, если тема просто закреплена, то ставится значок какой надо)

Переставьте код важной темы в конец всех указаний

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

получается такая картина: https://forumstatic.ru/files/0015/08/33/66423.jpgЯ не хочу скрывать логотип, наоборот, он как раз и нравится. Но как можно отделить логотип от своего фона, что бы это не выглядело оборванным куском?(на данный момент проблема "решена" прикрытием картинкой, но хотелось бы какой-то другой, альтернативный вариант, а не закрывание дырки пальцем)

Делаете скриншот, правите в фш, и заменяете шапку форума целиком вместе с логотипом:
В HTML верх

<style>
#pun-title table {
background:url(ccылка на картинку) no-repeat center;
height: 106px; /*Высота Шапки*/
width: 100%;
}
#pun-title h1 {
display: none;
}
</style>

0

Поделиться927Вт, 27 Янв 2015 14:13:01

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Deff спасибо, сделано, помогло с иконками) :blush:

0

Поделиться928Вт, 27 Янв 2015 14:21:15

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

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

3. При создании новых тем или новых сообщений, форум подсвечивается, но даже после прочтения темы, остается подсветка, будто там непрочитанное что-то. Пока не нажмешь руками "все прочитано", темы так и остаются подсвеченными в каталоге. Можно ли это решить, что бы темы "прочитывались" при переходе на них, а не нажатием кнопки "все прочитано"?

Пользуйтесь Активными Темами или поставьте скрипт восстанавливающий "Новые сообщения"
Там всё верно показано по прочтению (См Каталог скриптов, ссылка вверху)

0

Поделиться929Вт, 27 Янв 2015 14:36:10

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Deff спасибо, по всем отвеченным пунктам все понятно) что-то уже исправлено, над чем-то поняла в каком направлении работать. :flirt:

0

Поделиться930Вт, 27 Янв 2015 15:26:46

Автор: Miss_Dita
Заслуженный
Зарегистрирован: Ср, 27 Май 2009
Сообщений: 32
Уважение: +3
Позитив: +4
Последний визит:
Вт, 27 Янв 2015 23:06:45

Здравствуйте.
Подскажите, пожалуйста, как можно сократить разрыв между строками в подписи?
Когда прописываем подпись в профиле, все нормально, разрыв небольшой:
Однако в самих темах форума выглядит значительно больше:

Спасибо.

0

Поделиться931Вт, 27 Янв 2015 15:44:31

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

Miss_Dita
Зависит от стиля, нужны:
Возможность пиар входа и сcылка на сообщение с подобной подписью(клик по дате в сообщении) , видную пиар-нику

0

Поделиться932Вт, 27 Янв 2015 20:00:35

Автор: Miss_Dita
Заслуженный
Зарегистрирован: Ср, 27 Май 2009
Сообщений: 32
Уважение: +3
Позитив: +4
Последний визит:
Вт, 27 Янв 2015 23:06:45

Deff
Пиар-вход стоит, вот ссылка http://hustlerny.ru/viewtopic.php?id=2176#p225859
Спасибо)

0

Поделиться933Вт, 27 Янв 2015 20:12:34

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

Miss_Dita
Пробуйте в HTML верх

<style>
/*Cтиль подписи */
.punbb .post-content .post-sig p{
font: normal normal 400 10px/13px Verdana;
}
</style>

красное - межстрочный интервал

Вариант с фоновой картинкой:

<style>
/*Cтиль подписи */
.post-sig {
border-radius:14px;
border-top:2px solid #B97ECB;
background:url(http://takpro100.net.ua/images/stories/beginner/textura/fon27.jpg);
background-size:cover;
}
.punbb .post-sig>dt{
display:none;
}
.post-sig>dd{
padding:7px;
background: rgba(255,255,255,0.5);
}
.punbb .post-content .post-sig p{
font: normal normal 400 10px/13px Verdana;
}

</style>

http://se.uploads.ru/hIxbe.jpg

0

Поделиться934Вт, 27 Янв 2015 22:07:29

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Помогите, пожалуйста.
Использую код для объявления (что бы появилась кнопка скрыть\показать)

Код:

<!-- Скрыть объявление -->
   <script language="JavaScript">
    function chVis(){
    el=document.getElementById("pun-announcement").getElementsByTagName("div")[1]
    if(el.style.display!="none"){
    el.style.display="none"
    document.getElementById("annBut").value="Показать"
    }
    else {

    el.style.display="inline"
    document.getElementById("annBut").value="Скрыть"
    }
    }

    document.getElementById("pun-announcement").getElementsByTagName("h2")[0].style.border='none'
    document.getElementById("pun-announcement").getElementsByTagName("h2")[0].style.width='100%'

    elm=document.getElementById("pun-announcement").getElementsByTagName("span")[0]

    elm.innerHTML="<table border=0 width='100%' cellspacing=0 celpadding=0><tr><td><b>"+elm.innerHTML+"</b></td><td align=center width=100px'><input id=annBut type='Button' value='Скрыть' onclick='chVis()'></td></tr></table>"
    </script>

при этом под самой кнопкой уезжает полоска в бок.
Вот так https://forumstatic.ru/files/0015/08/33/66423.jpg
т.е. убираю этот скрипт, и полоска встает на место.
Подскажите что изменить или добавить, что бы при вернуть полоску на свое место и образумить непутевую)))

Ссылка на сайт http://andar.webtalk.ru/
Заранее спасибо :3

0

Поделиться935Вт, 27 Янв 2015 22:33:34

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

tinybeast
Есть скрипт УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ, - СКРЫВАЕМ ВСЁ Он и покороче и вроде проще в установке
Для скрытия только объявления оставляем

$("#pun-announcement .container").each...

0

Поделиться936Вт, 27 Янв 2015 23:03:18

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Deff ценю Ваш труд, но можно ли как-то исправить ситуацию с имеющимся кодом?

0

Поделиться937Вт, 27 Янв 2015 23:14:47

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

tinybeast
Вставьте код, я посмотрю (Я не понимаю ваше пристрастие к здоровенной кнопке не идущей к дизайну

поменяйте на такой код:

<style>
#pun-announcement>h2{
background: #D9DEDB;
margin-left:0px;
padding:12px;
width:100%;
max-width:875px;
}
#pun-announcement.hide{
margin-bottom:55px;
}
#pun-announcement.hide>h2 {
border-bottom: solid 2px #171410;
}
</style>

<script language="JavaScript">
var butt="<input id=annnBut type='Button' value='Скрыть/Показать' onclick='$(this).parent().parent().next().toggle().parent().toggleClass("hide")' style='margin-left:20px'>"
$('#pun-announcement>h2>span').append(butt);
</script>

Какой смысл в кнопке без запоминания ?

0

Поделиться938Ср, 28 Янв 2015 00:25:00

Автор: tinybeast
Стремящийся
Зарегистрирован: Вт, 27 Янв 2015
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Янв 2015 11:37:43

Deff попробовала последовать Вашему совету, столкнулась с 2мя неприятностями.
Неприятность 1: https://forumstatic.ru/files/0015/08/33/75820.jpg
Как сделать, что бы предыдущее (в данном случае обращение к пользователю) не наезжало на свернувшееся объявление?
Как сделать, что бы объявление сворачивалось не в левый верхний угол, в сворачивалось в строку? (оставляя визуально только полосу с кнопкой). Собственно, поэтому и хотела через старый код, тк он сворачивал не в сторону, а вверх.

Ну и неприятность 2: перестал работать скрипт, скрывавший само слово "объявление".

Помогите решить эти трудности, пожалуйста%)

П.с. описанный выше способ работает относительно старого скрипта))) за него отдельное спасибо)

Отредактировано tinybeast (Ср, 28 Янв 2015 00:29:13)

0

Поделиться939Ср, 28 Янв 2015 00:26:34

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

tinybeast
Замените HTML верх:

Код:

<!-- Иконка сайта -->
<link rel="icon" href="https://forumstatic.ru/files/0015/08/33/76579.png" type="image/x-icon">
<link rel="shortcut icon" href="https://forumstatic.ru/files/0015/08/33/76579.png" type="image/x-icon"

<!-- Фон шапки -->
<style>
#pun_wrap #pun {background-image: url("https://forumstatic.ru/files/000b/03/a7/52089.jpg"); background-repeat: repeat-x; background-position: left top; }
</style>

<!-- картинка статистики -->
<style>
#pun .section .statscon .container {
background-image: url("https://forumstatic.ru/files/0015/08/33/77970.png");
background-repeat: no-repeat;
left = left center = center left = 0% 50%
}
</style>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх">
<img src="https://forumstatic.ru/files/0015/08/33/87774.png" alt="Вверх" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз">
<img src="https://forumstatic.ru/files/0015/08/33/14699.png" alt="Вниз" ></a> 
</div>

<!-- Иконки -->
<style type="text/css"> 
.punbb table Div.icon {float: left; display: block; width: 48px; height: 48px; border-style: none;
background-image: url(https://forumstatic.ru/files/0015/08/33/76579.png); 
background-repeat: no-repeat;
position: relative; margin-right: 20px; margin-left: 10px;}
TR.inew Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/37606.png) no-repeat;}
TR.iclosed Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/31189.png) no-repeat;}
TR.isticky Div.icon {
background: url(https://forumstatic.ru/files/0015/08/33/15724.png) no-repeat;}
</style>

<!--Универсальная кнопка скрытия -->
<style class="Sbdcf5" id="Shoxa_01">.z-Hide{display:none!important;}</style>
<script src="http://hostjs-mybb2011.narod.ru/js/HidButton_v23_09_011.js"></script>


<!-- Стиль кнопки скрытия -->
<style>
.Show-Hide{
z-index:100;
position:absolute;
padding:0;
margin-left:825px;
margin-top:-65px!important;
}
.Show-Hide *{
padding:0;
margin:0;
border:none transparent 0!important;
}
.Show-Hide span img{
cursor:pointer;
width:auto;
}
.Show-Hide[alt="#pun-status .container"]{
margin-top: 0px;
}
</style>

<!-- убрать слово объявление -->
<style>
#pun-announcement .container{
 margin-top:-54px;
 width: 854px!important;
 border:0 none!important;
 padding-top: 0;
}
 #pun-announcement{
 padding:70px 0 0 0;
 margin-top:24px;
 border: none 0!important;
 margin-bottom:-44px;
 background-color:#D9DEDB!important;
 border-bottom: solid 3px #171410!important;
}
#pun-status {
 margin-top:54px;
}
#pun-announcement>h2{
  display: none
}
</style>

Набейте больше текста в объявление:

Код:

	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.	Введите здесь ваше объявление.
...

0

Поделиться940Ср, 28 Янв 2015 08:43:42

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Чт, 2 Май 2024 20:17:10

Сломалось отображение подарков и наград. Стоит и для того, и для другого скрипт Кожили. Теперь отображается вот так, внизу вместо бегущей строки с баннерами

Причем так в Хроме, в Мозилле видно нормально. До этого убирала загрузку музыки когда сломался сайт, мб где-то не закрыла тег. Но все пересмотрела уже 10 раз, не могу найти где

Отредактировано Mirra Bell (Ср, 28 Янв 2015 08:44:52)

0

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

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

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

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

Общие вопросы от новичков (49)

Сообщений 921 страница 940 из 1000

Поделиться1Вт, 4 Ноя 2014 16:17:40

Поделиться921Вт, 27 Янв 2015 01:26:31

Поделиться922Вт, 27 Янв 2015 13:16:45

Поделиться923Вт, 27 Янв 2015 13:27:41

Поделиться924Вт, 27 Янв 2015 13:47:15

Поделиться925Вт, 27 Янв 2015 13:59:35

Поделиться926Вт, 27 Янв 2015 14:10:37

Поделиться927Вт, 27 Янв 2015 14:13:01

Поделиться928Вт, 27 Янв 2015 14:21:15

Поделиться929Вт, 27 Янв 2015 14:36:10

Поделиться930Вт, 27 Янв 2015 15:26:46

Поделиться931Вт, 27 Янв 2015 15:44:31

Поделиться932Вт, 27 Янв 2015 20:00:35

Поделиться933Вт, 27 Янв 2015 20:12:34

Поделиться934Вт, 27 Янв 2015 22:07:29

Поделиться935Вт, 27 Янв 2015 22:33:34

Поделиться936Вт, 27 Янв 2015 23:03:18

Поделиться937Вт, 27 Янв 2015 23:14:47

Поделиться938Ср, 28 Янв 2015 00:25:00

Поделиться939Ср, 28 Янв 2015 00:26:34

Поделиться940Ср, 28 Янв 2015 08:43:42