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

Поделиться1Пт, 30 Янв 2015 20:56:03

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

Предыдущая тема: Общие вопросы по оформлению (54)


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

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

0

Поделиться161Сб, 21 Фев 2015 01:56:55

Автор: Loya
Заслуженный
Зарегистрирован: Пн, 26 Янв 2015
Сообщений: 24
Уважение: +3
Позитив: +5
Последний визит:
Чт, 30 Апр 2015 08:20:01

Deff
оно просто идеально встало!
в который раз спасибо за помощь!

0

Поделиться162Сб, 21 Фев 2015 02:37:08

Автор: Loya
Заслуженный
Зарегистрирован: Пн, 26 Янв 2015
Сообщений: 24
Уважение: +3
Позитив: +5
Последний визит:
Чт, 30 Апр 2015 08:20:01

Есть ещё одна проблема, с которой я не могу справиться сама.

На скриншотах видно, что шапка и футер сьезжают в сторону на 1-2 пикселя. Это было исправлено для хрома путём сдвига:

/*Ставим фон*/
HTML {
background-color: #FFFFFF;
background-image: url("http://forumstatic.ru/files/0012/bb/0d/52791.jpg");
background-position: center;
background-attachment : fixed;
margin-left: -1px!important;
}

Однако теперь оно в хроме стоит хорошо, но едет в ИЕ, Опере и Лисе.
Можно эту проблему решить кардинальным образом?
(хотя есть предчувствие, что придётся переделывать саму конструкцию шапка-тело-низ)

0

Поделиться163Сб, 21 Фев 2015 10:42:22

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

Loya
1. Уберите все margin на HTML и BODY
2. Поставьте все три фона на один элемент(к примеру BODY)
Типовые Вопросы п.п.51.
==========

0

Поделиться164Сб, 21 Фев 2015 12:30:16

Автор: captain
Заслуженный
Зарегистрирован: Вс, 30 Ноя 2014
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 3 Мар 2015 21:43:36

День добрый. Не могли бы вы подсказать, куда ставить вот этот код скрытия объявления?

Код:

<script type="text/javascript">
    document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
    function lookCook()
    {
    if (document.cookie.indexOf("announce")!=-1)
    {var an1=document.cookie.substr(document.cookie.indexOf("announce"))
    var an=an1.substr(an1.indexOf("id")+2, 2)
    if (an=="op")
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть объявление"}
    else if (an=="cl")
    {document.getElementById('annbody').style.display="none"
    var knopka="Показать объявление"}}
    else if (document.cookie.indexOf("announce")==-1)
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть объявление"}
    document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}

    lookCook()

    function hideAnn()
    {
    if (document.getElementById('annbody').style.display!="none")
    {document.getElementById('annbody').style.display="none"
    document.getElementById('hider').value="Показать объявление"}
    else
    {document.getElementById('annbody').style.display="block"
    document.getElementById('hider').value="Скрыть объявление"}
    }

    function wCook()
    {
    var ann="announce=id"
    if (document.getElementById('annbody').style.display!="none")
    {ann+="op"}
    else
    {ann+="cl"}
    var d=new Date()
    d.setDate(d.getDate()+1)
    ann+=";expires="+d.toGMTString()
    document.cookie=ann}

    </script>

http://wrongomens.rusff.ru/ вот форум

0

Поделиться165Сб, 21 Фев 2015 13:49:57

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

captain
Поставьте лучше: http://forumd.ru/viewtopic.php?id=2206

Код в HTML низ будет таков:

<div id="CNtButton" style="display:none;">
<span class="Show-Hide" alt="###">
<span class="b-Hide">
<img src="http://savepic.org/2178873.gif" title="Скрыть">
</span>
<span class="b-Show" style="display:none">
<img src="http://savepic.org/2203454.gif" title="Показать">
</span>
</span>
</div>
<script type="text/javascript">var DD=$("#CNtButton").html().split('###');
$("#pun-announcement .container").each(function(){var L=DD[0]+"#"+$(this).parent().attr("id")+" ."+$(this).attr("class")+DD[1];$(this).before(L);})
</script>

0

Поделиться166Вс, 22 Фев 2015 01:48:41

Автор: Loya
Заслуженный
Зарегистрирован: Пн, 26 Янв 2015
Сообщений: 24
Уважение: +3
Позитив: +5
Последний визит:
Чт, 30 Апр 2015 08:20:01

не актуально

Спасибо за предыдущий ответ, всё встало на места как надо.
Оставшиеся, и надеюсь последние, косяки:

1. - подскажите название элемента "Страницы"
2. - необходимо отцентровать название темы
3. - Запись "Тема" нужно подвинуть вправо на 20рх
4. - желательно убрать ссылки RSS * ATOM, если это возможно.

Все кнопки сворачивания стоят на месте, но одна из них по неведомой причине вылезает вниз. Нужно поставить на место.

1. Ссылка "Поделиться" наползает на остальные в маленьком окошке. Нужно либо зафиксировать, пристыковав к остальным либо убрать.
2. Отцентровать надпись "Быстрый ответ"

UPD - http://testmyguts.rusff.ru

Отредактировано Loya (Вт, 24 Фев 2015 00:32:05)

0

Поделиться167Вс, 22 Фев 2015 03:42:01

Автор: Loya
Заслуженный
Зарегистрирован: Пн, 26 Янв 2015
Сообщений: 24
Уважение: +3
Позитив: +5
Последний визит:
Чт, 30 Апр 2015 08:20:01

И очередной вопрос - есть ли возможность установить на форум шрифт?
В дизайне использован Minion Pro, который есть не у всех пользователей, соответственно ссылки отображаются другим шрифтом. Хотелось бы унифицировать.
Заранее спасибо!

использованный код

@font-face {
font-family: 'Minion Pro';
src: url('https://www.dropbox.com/s/ftwku2u405cwcvn/MinionPro.eot?'),
url('https://www.dropbox.com/s/msof2p7iukjxeo4/MinionPro.woff') format('woff'),
url('https://www.dropbox.com/s/2k0ssqfa54b687x/MinionPro.ttf') format('truetype'),
url('https://www.dropbox.com/s/7rzb7glbmq513oq/MinionPro.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

Полагаю, что дело в не прямых ссылках на файл, но мало ли в чём там беда?

Отредактировано Loya (Вс, 22 Фев 2015 04:52:37)

0

Поделиться168Вс, 22 Фев 2015 14:27:14

Автор: корцек
Заслуженный
Зарегистрирован: Пн, 8 Ноя 2010
Сообщений: 163
Уважение: +1
Позитив: +30
Последний визит:
Чт, 11 Фев 2021 00:24:52

У меня очередная проблема.
http://agameofthrones.rusff.ru/ - не могу форум придвинуть к левому краю. Типовые вопросы смотрел, да только вот что бы я не пробовал - не реагирует форум никак на мои изменения. Помогите, пожалуйста.

0

Поделиться169Вс, 22 Фев 2015 15:38:36

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

Loya
Посколь Админ так и не сделал загрузку со всеми расширениями для файлов шрифтов, нормальная кроссбраузерная загрузка только через Гугол-Фонт(ранее была возможность обмануть, пока Лиса не запретила загрузку не с текущего ресурса)
Была статья про шрифты от sadhaka , спросите там http://support.rusff.me/search.php?action=show_24h

По остальным Вопросам чуть позже, пока занят

0

Поделиться170Вс, 22 Фев 2015 15:50:37

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

корцек
Вот эту фигню, в Первом Окне уберите

/* A5.1 */
#pun {
margin: 900px;
margin-left: 60px;
position: center top;
width: 880px;
margin: auto;
}

Замените на такую:

/* A5.1 */
#pun {
margin:0 auto;
width: 880px;
}

Отпишитесь - Затем я дальше гляну

0

Поделиться171Вс, 22 Фев 2015 15:56:12

Автор: корцек
Заслуженный
Зарегистрирован: Пн, 8 Ноя 2010
Сообщений: 163
Уважение: +1
Позитив: +30
Последний визит:
Чт, 11 Фев 2021 00:24:52

Deff
Собственно, ничего не изменилось

0

Поделиться172Вс, 22 Фев 2015 16:05:32

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

корцек
Э и не должно, это ток для просмотра стилей мне облегчение, ибо код не валидный

0

Поделиться173Вс, 22 Фев 2015 16:12:28

Автор: корцек
Заслуженный
Зарегистрирован: Пн, 8 Ноя 2010
Сообщений: 163
Уважение: +1
Позитив: +30
Последний визит:
Чт, 11 Фев 2021 00:24:52

Deff
Что дальше делать?

0

Поделиться174Вс, 22 Фев 2015 16:18:01

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

Э и не должно, это ток для просмотра стилей мне облегчение, ибо код не валидныйкорцек
корцек В первом Окне:
/* A5.2 */
.punbb {
margin-left:65px;
position: top center;
float: none;
width:764px;
height: auto;
}
замените на :

/* A5.2 */
.punbb {
margin-left:38px;
float: left;
width:795px;
height: auto;
}

Поправьте подвижку Шапки

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title table {
border: none;
height:0px;
margin-left: -38px;
width: 880px;
height:387px;
background-image: url(http://sf.uploads.ru/DGHpJ.jpg);
}

0