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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)


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

Сообщений 41 страница 60 из 1000

Перевести1

Архивная тема помощи в оформлении форума и его элементов

Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.

Отредактировано Deff (Вт, 27 Авг 2013 14:38:34)

0

Перевести41

проблема со скриптом
фрагмент:

Код:
<a href="ссылка на профиль"><div class=ImgWrap><img class="image UP" src="ссылка на чб картинку" title="ник игрока" />
<img class="image Down" src="ссылка на цветную картинку"/>
</div></a>

при наведении чб картинка плавно переходит в цветную
все работало, но появилась необходимость поставить прокрутку
<div style="width: 160px; height: 150px; overflow-y: scroll;"></div>
и теперь все съезжает
посмотрите сами: http://cwbh.rusff.ru/ таблица в объявлении, вторая вкладка

и насчет вот этого дизайна: http://cwtest.rusff.ru/
нужно сделать так, чтобы при любом разрешении экрана футер отображался по центру, даже если шапка не влезает. пусть она просто обрежется. но никакой горизонтальной прокрутки.
на данный момент говорят, что на экранах 1024х768 все съезжает, потому что равняется по шапке. то есть видна шапка и не до конца, но с начала. футер где-то не по центру, а справа экрана...
а надо, чтобы в любом случае было центрирование

Отредактировано Нэнси Малина (Пт, 30 Авг 2013 14:55:45)

0

Перевести42

Поставила заголовки категорий картинками скриптом.
http://free4u.mybb.ru
На мозилле и хроме нормально, на опере сдвигается вправо на 1 пиксель. Как это исправить?

Отредактировано Иса (Пт, 30 Авг 2013 15:07:02)

0

Перевести43

Иса
:glasses: А нахрена по  краям картинки прозрачка, причем с одной стороны два пиксела - с другой - один ?
Обрежьте до без прозрачки
И картинка, для идентичного центрирования, должна быть четным размером пикселов в ширину

Отредактировано Deff (Пт, 30 Авг 2013 15:55:07)

0

Перевести44

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

А нахрена по  краям картинки прозрачка, причем с одной стороны два пиксела - с другой - один ?

:rofl: я затрудняюсь ответить на этот вопрос.

Все обрезала. Встало как надо ) спасибо )

0

Перевести45

Deff
А у меня еще вопрос возник.
Как идентичные картинки проставить на заголовки:
Названия раздела на странице тем.
Название темы на странице сообщений
Заголовок быстрого ответа

0

Перевести46

Иса
:glasses: я бы не советовал заливать на http://img.fotki.yandex.ru
ну есть Администрирование - файлы для элементов стиля

0

Перевести47

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

Как идентичные картинки проставить на заголовки:

А нафига тогда ставить скриптом, скрипт расчитан на установку разных в оформлении картинок:
есть
Второе Окно стиля с идентичным оформлением полосок:

/* CS1.3 */
#pun-stats h2, .punbb .main h1,.punbb .main h2, #pun-debug h2 {
  background: url(../../img/Mybb_Bend/h2.gif) no-repeat center;
}

Отредактировано Deff (Пт, 30 Авг 2013 18:43:19)

0

Перевести48

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

я бы не советовал заливать на http://img.fotki.yandex.ru

А почему?

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

скрипт расчитан на установку разных в оформлении картинок:
есть

Так надписи будут разные, это я пока одну только сделала для примерки.
Я же убираю текстовые заголовки категорий, название написано на картинке

0

Перевести49

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

А почему?

Потому что у любого хостинга есть профилактика не совпадающая с mybb
Потому что картинки без расширения jpg,gif и png не все браузеры считывают и не во всех Windows

Отредактировано Deff (Пт, 30 Авг 2013 18:56:50)

0

Перевести50

Deff
так перезалила а теперь заголовки категорий съезжают на хроме((

0

Перевести51

Нэнси Малина написал(а):

и насчет вот этого дизайна: http://cwtest.rusff.ru/
нужно сделать так, чтобы при любом разрешении экрана футер отображался по центру, даже если шапка не влезает. пусть она просто обрежется. но никакой горизонтальной прокрутки.
на данный момент говорят, что на экранах 1024х768 все съезжает, потому что равняется по шапке. то есть видна шапка и не до конца, но с начала. футер где-то не по центру, а справа экрана...
а надо, чтобы в любом случае было центрирование

В таком случае можно разрулить проблему только одним способом: совсем снять фоновый рисунок с #pun'а, а все три ваши картинки - полосатый задник, фон под срединную полосу и логотип расположить в той последовательности, в которой они должны друг друга перекрывать, распихав каждый из них на свой слой.
Самым нижним, задним, наименее видимым будет полосатый задник, значит, ставим его на html. Следом должна быть картинка под срединную полосу с форумом - ставим ее на следующий элемент, располагаемый выше по оси z - body. Самым же верхним, ничем не перекрываемым (из картинок), должен быть логотип, его ставим на третий слой - #pun_wrap. Если не создавать дополнительных див-блоков, то мы как раз уместимся в предусмотренные, потому что следующим слоем уже идет #pun, у которого настройки для текстовой внутрянки (собственно, сам форум) и картиночной настройки (фон срединной полосы) - должны быть разными, а следовательно, тянут за собой в необходимость задания всяких паддингов и маргинов, мешающих корректно отцентрировать и арт-элементы, и текстовые.
В итоге должно получится так:

html {
    background: url(http://s5.uploads.ru/WRycY.jpg) repeat fixed center top rgb(254, 212, 152);
    }

body {
    overflow-x: hidden;
    background: url(http://s5.uploads.ru/hN1H5.jpg) repeat-y scroll center top transparent;
    }

#pun_wrap {
    background: url(http://s4.uploads.ru/NAUVm.jpg) no-repeat scroll center top transparent;
    }

#pun {
    position: relative;
    width: 860px;
    margin: auto;
    }

Из

/* A2.1 */
html, body {margin: 0px; padding: 0;
background: #fed498 url(http://s5.uploads.ru/WRycY.jpg) repeat fixed top center;
   }

задание фона нужно убрать совсем, как понимаете. Мало того, что оно задано сразу на два элемента, так еще и на один из них будет своя установка бека.

P.S. Чтобы проверить, как выглядит дизайн на разных расширениях, не обязательно просить кого-то иp пользователей. Можно у себя на мониторе выставить в (левый клик по рабочему столу) "Свойствах" - "Параметрах" тестируемое разрешение и проверить, как будет выглядеть дизайн на широкоформатнике, среднем мониторе и мелких, вроде нетбуков или планшетов.

0

Перевести52

Иса
Э Вы же хотели скриптом категории ставить ...

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
text-align: center;
background: url(http://forumstatic.ru/files/000e/fd/c1/26333.png) no-repeat center;
height: 0px !important;
}

И высота 38 - имхо большая, ибо там паддинги есть и довольно значительные


И вообще, вредно делать одновременно всё и всё сразу,
сменили картинку - посмотрели
Сменили css - посмотрели...
Ну и т.д., по разделениям, иначе далее потеря ориентации

Отредактировано Deff (Пт, 30 Авг 2013 19:59:53)

0

Перевести53

добрый вечер.
http://meduse.anihub.ru/ - форум
у некоторых участников (разрешение экрана 1280х1024) неправильно отображается дизайн.
если в строчке

Код:
html {
  background-color: #5F6062;
background-position: top center;
}

прописывать светлый цвет, то проблема такая - http://s5.uploads.ru/2F3Cy.jpg
если прописывать темный цвет, то сверху появляется полоска - http://s4.uploads.ru/sdf3i.jpg
очевидно, что фон почему-то накладывается не сразу. с чем это может быть связано? у участников с разрешением больше все в порядке.

0

Перевести54

Lisette
Фон у Вас на body и центрирован по нижнему краю экрана

* CS1 Background and text colours
-------------------------------------------------------------*/

html {
  background-color: #5F6062;
background-position: top center;
}

body {
background-image : url('http://forumstatic.ru/files/0008/49/6a/88222.jpg');
  background-repeat: no-repeat;
background-position: center bottom;
  background-color: transparent;
  background-attachment: fixed;
}

+1

Перевести55

Добрый вечер=)
Возможно ли слово "Награды" либо вообще убрать с главного меню, либо заменить картинкой. Заранее спасибо=)

0

Перевести56

Deff
большое спасибо!

Xalgia
если убрать, то

Код:
<style>
#pun-navlinks #navawards {display:none;}
</style>

или все-таки нужно картинкой?

0

Перевести57

Deff
так. щас вроде разобралась со всем что хотела.
категории оставила скриптом.
и вот в хроме съезжает по-прежнему, как бы пофиксить

и еще как сдвинуть ниже кнопки сворачивания категорий, не затрагивая отступы самого заголовка категории?

Отредактировано Иса (Пт, 30 Авг 2013 23:26:27)

0

Перевести58

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

и еще как сдвинуть ниже кнопки сворачивания категорий, не затрагивая отступы самого заголовка категории?

<style type="text/css">
.category div.catleft+a{
margin-top:15px;
}
</style>

+1

Перевести59

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

и вот в хроме съезжает по-прежнему, как бы пофиксить

Обрежьте прозрачку слево и справо

0

Перевести60

Deff
обрезано ( и пиксели четные

при чем на странице тем и сообщений где просто полоска в фон прописана - там норм

Отредактировано Иса (Сб, 31 Авг 2013 00:44:34)

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)