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

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

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

Вы здесь » Единый форум поддержки » Форум для новичков » Помогите разобраться со стилями.

Помогите разобраться со стилями.

Страница: 1 2  

Сообщений 1 страница 20 из 30

1

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

Я новичок в создании дизайна, а уж в кодах и подавно не соображаю. Собственно, вот есть форум:
Первые проблемы видны прямо на главной странице. Помогите кто-нибудь понять, как исправить все ошибки. Очень прошу!

+

1. Из проблемы осталось только почему форум улез вниз...

С этим помогли.

2. Не могу понять, почему сместилась картинка шапки.

+

3. Хотела поставить картинку за менюшкой. Как это сделать, подскажите? Вот такую...

разобралась

4. Картинка в статистике налезает на текст, а хотела ее сделать слева от текста.

разобралась

5. Собственно, самая большая проблема видна ниже. Почему форум продолжает идти вниз? Как сделать, чтобы нижний логотип состыковался с низом окна? Да и вообще как исправить все это безобразие?(((

Буду очень благодарна тому, кто придет и ткнет пальцем, где надо исправлять. Пожалуйста.. Буквально молю о помощи, ибо уже голову сломала, как это все исправить((

Отредактировано Rosenrot (Чт, 14 Июн 2018 12:50:51)

0

2

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

Rosenrot
Не увидел Шапки, выложите Ваш код установки для неё
Лучше начинать с одного вопроса и после решения - следующий

+2

3

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

Deff
Я ее вставляла в HTML верх. Удалила, потому что из-за нее не могла нажимать на кнопки в меню. Вот код

<div id="ihead" style="position: absolute;"><img src="http://s3.uploads.ru/vaH97.png">
</div>
<div class="ihead2" style="position: absolute;">
</div>

Отредактировано Rosenrot (Чт, 31 Май 2018 17:17:00)

0

4

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

Rosenrot
Попробуйте заменить это:

Код:
<div id="ihead" style="position: absolute;"><img src="http://s3.uploads.ru/vaH97.png">
</div>
<div class="ihead2" style="position: absolute;">
</div>

На такое:

<img src="http://s3.uploads.ru/vaH97.png" style="margin:-400px auto 80px -40px;">

Красным отступ от кнпок  меню

+1

5

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

В принципе, многие ответы есть тут: Типовые Вопросы (ЧаВо)
И тут: FAQ по дизайну форума в CSS

На текущем форуме в шапке есть слева иконка книжки с большинством справочных данных

0

6

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42
Deff написал(а):

Попробуйте заменить это:

Это помогло. Спасибо!
Про остальное написала в лс.

0

7

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

Rosenrot
Про второй вопрос: - поправьте текущий скриншот Вашего форума в ФШ добавив фоновую картинку под менюшку и ссылку на отдельную фоновую для меню выложите...
PS: Не заливайте картинки для стиля (на uploads.ru) через форму ответа для стиля  /барахлит третью неделю
Заливайте через администрирование - файлы!!

Отредактировано Deff (Чт, 31 Май 2018 18:44:52)

0

8

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

Ps2: Я тут на работе ( отбегаю часто) поэтому подпишитесь на тему,  http://s5.uplds.ru/gjzH4.jpg

уведомления о новых ответах будут приходить на емейл  :flag: С телефона просто отслеживается (если выставить уведмление о поочте всплывающим окном)

Отредактировано Deff (Чт, 31 Май 2018 18:57:59)

0

9

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42
Deff написал(а):

поправьте текущий скриншот Вашего форума в ФШ добавив фоновую картинку под менюшку и ссылку на отдельную фоновую для меню выложите...

Не совсем поняла, что конкретно нужно сделать...

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

подпишитесь на тему

Да это я уже давно подписалась!)

Первый вопрос все еще остается непонятным. Если совет выше был про него, то мне все-таки было непонятно. Почему наполнение форума сместилось вниз...

Отредактировано Rosenrot (Пт, 1 Июн 2018 23:53:29)

+1

10

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51119
  • Уважение: +15200
  • Позитив: +11600
  • Последний визит:
    Сегодня 17:12:21
Rosenrot написал(а):

1. Из проблемы осталось только почему форум улез вниз...

В HTML верх уберите этот кусок:

<!--Рег. высоты меню под шапкой -->

</style>
<style type="text/css">
#pun-navlinks {
  margin-top: 200px;
  margin-bottom: 50 px;
}
</style>

Вот этот кусок в первом Окне стиля

/* D3.1 */
#pun-navlinks {
  border: none;
}

#pun-navlinks .container {
  border: none;
  }

/* D3.2 */
#pun-navlinks .container {
  font-size: 1.05em;
  margin-top: -545px; /*высота расположения*/
  margin-bottom: 305px;
  text-align: center; /*расположение*/
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.15em;
font-family: 'Astakhov First One Stripe';
  }

Замените  на такой

#pun-navlinks {
  margin-top: -320px;
  margin-bottom: 80 px;
  border: none;
}

#pun-navlinks .container {
  border: none;
  }
/* D3.2 */
#pun-navlinks .container {
  font-size: 1.05em;
  margin-top: -40px; /*высота расположения*/
  margin-bottom: 70px; /*Отступ от юзер меню*/
  text-align: center; /*расположение*/
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.15em;
font-family: 'Astakhov First One Stripe';
  }

Отредактировано Deff (Пт, 1 Июн 2018 08:10:07)

+2

11

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51119
  • Уважение: +15200
  • Позитив: +11600
  • Последний визит:
    Сегодня 17:12:21
Rosenrot написал(а):

И да, я хотела добавить картинку за менюшкой, вот такую:
            Отредактировано Rosenrot (Сегодня 01:24:12)

Вклейте в ФШ в текущий скриншот форума  данный элемент, если нужно подвиньте и остальные элементы  как надо... выложите получившийся эскиз...
далее выдам код или иную идею

Отредактировано Deff (Пт, 1 Июн 2018 12:28:45)

0

12

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

Deff
Ну, собственно, верхушка должна быть какой-то такой...

-

]

Отредактировано Rosenrot (Чт, 14 Июн 2018 12:51:23)

0

13

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

Rosenrot
Вот этот элемент в фотошопе родите в png формате, с прозрачкой в местах, где нижний фон(вне полотна форума) просвечивает (ну и без надписей меню есссенно)

http://s5.uploads.ru/ZVr1m.jpg

Отредактировано Deff (Пт, 1 Июн 2018 23:35:32)

0

14

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

Deff

вот

http://s9.uploads.ru/t/eYD74.png

+1

15

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

Rosenrot
Ну я к завтра код нарисую... пока примеряюсь

0

16

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

Rosenrot
1. Замените Предыдущий код на такой:

#pun-navlinks {
  margin-top: -326px;
  margin-bottom: -10px!important;
  border: none;
}

#pun-navlinks .container {
  position:relative;
  z-ndex:100;
  border: none;
}
/* D3.2 */
#pun-navlinks .container {
  font-size: 1.05em;
  margin-top: -40px; /*высота расположения*/
  margin-bottom: 70px; /*Отступ от юзер меню*/
  text-align: center; /*расположение*/
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.15em;
font-family: 'Astakhov First One Stripe';
  }

2. Удалите из HTML верх картинку:

<img src="http://s3.uploads.ru/vaH97.png" style="margin:-400px auto 131px -46px;">

3.  Замените пункт /* D1.1 */  в первом Окне стиля на такое:

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
  position:relative;
}

#pun-title:before{
content:" ";
display:block;
position:absolute;
margin:-320px 0 0 -48px;
width:977px!important;
height:334px;
background:url(http://funkyimg.com/i/2H3FD.gif) no-repeat 0 0;
border: none 0;
}

Добавлено спустя 7 минут 44 секунды:
Поправил

Отредактировано Deff (Сб, 2 Июн 2018 13:04:57)

+1

17

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

Deff
Спасибо! Это очень помогло!

Отредактировано Rosenrot (Сб, 2 Июн 2018 14:34:32)

0

18

  • Автор: Rosenrot
  • Заслуженный
  • Зарегистрирован: Сб, 19 Окт 2013
  • Сообщений: 27
  • Уважение: +5
  • Позитив: +6
  • Последний визит:
    Пт, 25 Янв 2019 12:38:42

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

вот тут

http://s3.uploads.ru/t/XwnrS.png

Собственно, так и в админке. Не нажимаются
Админ-меню
Начало
Категории
Форумы
Пользователи

Отредактировано Rosenrot (Сб, 2 Июн 2018 14:52:45)

0

19

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

RosenrotНи наю, у меня тыкается

Укажите браузер, дайте временно тестовый Админ-ник пароль в личку( потом смените пароль)

0

20

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

Rosenrot
Ни наю, у меня все кликается  :dontknow:

Можь из-за XP ?

Проверьте ещё раз ( С Другого браузера тож самое ?)

0

Страница: 1 2  

Вы здесь » Единый форум поддержки » Форум для новичков » Помогите разобраться со стилями.