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

Поделиться1Сб, 19 Дек 2020 13:24:51

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1963
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

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


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

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

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

+1

Поделиться321Чт, 18 Мар 2021 10:48:57

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

ACT3255
Cоздаёшь тестовую страницу в Администрирование- страницы, ставишь стиль из примера, далее правишь... Скрипты от пользователей 3

Отредактировано Deff (Чт, 18 Мар 2021 10:49:29)

0

Поделиться322Чт, 18 Мар 2021 10:49:53

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

Иса
А можно скриншот с мобилы ?

0

Поделиться323Чт, 18 Мар 2021 10:54:20

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 14:52:38

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

ACT3255
Cоздаёшь тестовую страницу в Администрирование- страницы, ставишь стиль из примера, далее правишь... Скрипты от пользователей 3

Именно так все и делал ))))
Лады, поломаю мозг ещё.
Спасибо.

0

Поделиться324Чт, 18 Мар 2021 10:57:21

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Deff
Воть

+1

Поделиться325Чт, 18 Мар 2021 10:57:52

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

ACT3255
Раз ты поставил страницу, значит ты можешь смотреть уже её с помощью инструментов разработчика, а раз так, понять в чем проблема проще чем наугад!

+1

Поделиться326Чт, 18 Мар 2021 11:00:23

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

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

Воть

Гы... А как должно быть ?? У меня чичас также и без мобильного... https://forumupload.ru/uploads/0000/14/ … /69187.jpg

+1

Поделиться327Чт, 18 Мар 2021 11:07:06

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Deff на мазиле вот так, я собираю диз на ней. По ходу дела на некоторых браузерах с компа тоже не отображается. В чем проблема? ((

0

Поделиться328Чт, 18 Мар 2021 11:07:53

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Шапка не отображается в мобильном браузере (Хром, Яндекс). Отступ под нее есть, а сама картинка не грузится. Как вылечить?

Можно увидеть ее на скриншоте, а то боюсь, что не только на мобильном браузере она не отображается.. А вообще я бы на вашем месте сделал бы такие правки:
Отказался бы от флоат (убрать):

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

Вместо:

}
.punbb {
max-width: 970px!important;
padding-left: 76px;
}

Поставил бы:

Код:

.punbb {
    margin: 0 auto;
    width: 974px;
}

Здесь:

#pun-navlinks {
margin-top: -314px !important;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
position: absolute;
margin: 0;
}

Поставить 296px.

Этот код:

#pun-navlinks .container {
text-align: center;
padding: 0.7em 1em;
}

Заменить на этот:

Код:

#pun-navlinks .container {
    text-align: center;
    padding: 0.7em 0;
    display: flex;
    justify-content: flex-end;
    width: 974px;
}

Ну, и ставите этот код:

Код:

#navsearch {margin-right: auto;}

Добавил правки.

Отредактировано kolobdur74 (Чт, 18 Мар 2021 11:17:42)

+1

Поделиться329Чт, 18 Мар 2021 11:10:45

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

В чем проблема? ((

Код шапки можете показать?

0

Поделиться330Чт, 18 Мар 2021 11:21:09

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

kolobdur74
Спасибо.

Вот такой код.

Код:

/*!ФОН ТЕЛА*/
#pun {background-image: url(https://forumstatic.ru/files/0004/e5/0c/47585.jpg); width: 1127px !important; margin: auto; margin-top:314px; 
}

/*!ШАПКА*/
#pun-title table {background-image : url("https://forumstatic.ru/files/0004/e5/0c/58540.png") !important; 
background-repeat : no-repeat; margin-left: -77px;  background-color: none; 
  height : 318px;
  width: 1128px;
  position:absolute;
margin-top:-314px;

0

Поделиться331Чт, 18 Мар 2021 11:23:12

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Вот такой код.

Уберите:

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

#pun-title table

+2

Поделиться332Чт, 18 Мар 2021 11:27:16

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

kolobdur74
ооо починилось! спасибо! :love:

0

Поделиться333Чт, 18 Мар 2021 11:31:43

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Иса, и в продолжение к тем правкам, что я выше давал сделать вот так:

#pun-title {
background: url(https://forumstatic.ru/files/0004/e5/0c/58540.png) no-repeat;
margin-left: -74px;
height: 296px;
width: 1126px;
position: absolute;
margin-top: -294px;
}

Отредактировано kolobdur74 (Чт, 18 Мар 2021 11:32:57)

+1

Поделиться334Чт, 18 Мар 2021 15:36:23

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +666
Пол: Женский
Последний визит:
Вчера 17:34:50

И снова здравствуйте. В связи с отключением скрипта пдфорумов появляются вопросы по оформлению.
На форуме так:

А хочу так:

Скрины старые, но актуально и для нового дизайна. Раньше, для скрипта подфорумов, Deff давал мне такой код:

<script type="text/javascript">
$().pun_mainReady(function(){$('#pun-index .subforums').each(function(){
$(this).appendTo($(this).parent('.tclcon').find('.forumtext'));});});
</script>

Но сейчас он не работает. Каким кодом теперь можно воспользоваться?

У меня настроено описание форума таким кодом:

<div class="forumtext">По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</div>

? СЮДА ПОМЕСТИТЬ SUBFORUMS

<div class="forumlink">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div>

0

Поделиться335Чт, 18 Мар 2021 16:17:52

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Скрины старые, но актуально и для нового дизайна.

А посмотреть где то можно?

0

Поделиться336Чт, 18 Мар 2021 16:21:08

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +666
Пол: Женский
Последний визит:
Вчера 17:34:50

kolobdur74
упс, ссылку забыла. Вот
Так в первом же форуме как раз видно все. "Добро пожаловать" ==> "Туристический справочник"

0

Поделиться337Чт, 18 Мар 2021 16:23:53

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Так в первом же форуме как раз видно все. "Добро пожаловать" ==> "Туристический справочник"

А что там смущает? Разделительная полоса?

0

Поделиться338Чт, 18 Мар 2021 16:33:13

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +666
Пол: Женский
Последний визит:
Вчера 17:34:50

kolobdur74
Сделала скрины. С данным кодом сами подфорумы попадают в рамку описания форумов (1 скрин) . А без кода они выносятся за нее и "болтаются в воздухе" (2 скрин).

На этом форуме я еще не отключала скрипт, все тестирую пока на тестовике. И там такой мрак поучается пока что с оформлением. Здесь я все настраивала через стиль, а без скрипта Алекса пока ничего не выходит...
Для сравнения:

Не могу ни размер шрифта поменять, ни цвет, ни иконки и расстояние между ними...

0

Поделиться339Чт, 18 Мар 2021 16:35:23

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Сделала скрины. С данным кодом сами подфорумы попадают в рамку описания форумов (1 скрин) . А без кода они выносятся за нее и "болтаются в воздухе" (2 скрин).

Ну, желательно увидеть именно там где кавардак..

0

Поделиться340Чт, 18 Мар 2021 16:38:59

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +666
Пол: Женский
Последний визит:
Вчера 17:34:50

kolobdur74

0

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

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

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

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

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

Сообщений 321 страница 340 из 1486

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться321Чт, 18 Мар 2021 10:48:57

Поделиться322Чт, 18 Мар 2021 10:49:53

Поделиться323Чт, 18 Мар 2021 10:54:20

Поделиться324Чт, 18 Мар 2021 10:57:21

Поделиться325Чт, 18 Мар 2021 10:57:52

Поделиться326Чт, 18 Мар 2021 11:00:23

Поделиться327Чт, 18 Мар 2021 11:07:06

Поделиться328Чт, 18 Мар 2021 11:07:53

Поделиться329Чт, 18 Мар 2021 11:10:45

Поделиться330Чт, 18 Мар 2021 11:21:09

Поделиться331Чт, 18 Мар 2021 11:23:12

Поделиться332Чт, 18 Мар 2021 11:27:16

Поделиться333Чт, 18 Мар 2021 11:31:43

Поделиться334Чт, 18 Мар 2021 15:36:23

Поделиться335Чт, 18 Мар 2021 16:17:52

Поделиться336Чт, 18 Мар 2021 16:21:08

Поделиться337Чт, 18 Мар 2021 16:23:53

Поделиться338Чт, 18 Мар 2021 16:33:13

Поделиться339Чт, 18 Мар 2021 16:35:23

Поделиться340Чт, 18 Мар 2021 16:38:59