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

Поделиться1Ср, 20 Ноя 2019 11:51:57

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

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


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

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

Отредактировано Deff (Ср, 20 Ноя 2019 11:52:38)

+6

Поделиться461Пн, 10 Фев 2020 16:29:52

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

ai-nechan
Напишите мне в ЛС ник-пароль от какого-нибудь аккаунта (потестировать).
Хотя если это все-таки баг скрипта, то правиться не будет скорее всего. Скрипт не поддерживается уже по сути, работает по инерции.

0

ВКонтакте alex__63

Поделиться462Пн, 10 Фев 2020 16:34:16

Автор: ai-nechan
Заслуженный
Зарегистрирован: Пт, 25 Мар 2016
Сообщений: 38
Уважение: +11
Позитив: 0
Последний визит:
Чт, 22 Сен 2022 22:29:09

Alex_63
Ну если появится работающий, будем рады поставить )
Спасибо за отзывчивость, написала в ЛС

+1

Поделиться463Вт, 11 Фев 2020 22:52:13

Автор: worstPsychologist
Заслуженный
Зарегистрирован: Пт, 15 Ноя 2019
Сообщений: 25
Уважение: +10
Позитив: +11
Последний визит:
Пн, 19 Окт 2020 21:50:00

Привет! Навигация по форуму и стрелки вверх-вниз должны быть прижатыми к телу форума (как на первой картинке), но почему-то при другом разрешении начинают разъезжаться :?

ссылка на форум: http://testttttttttttttt.rusff.ru/

0

Поделиться464Ср, 12 Фев 2020 00:05:15

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

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

Привет! Навигация по форуму и стрелки вверх-вниз должны быть прижатыми к телу форума (как на первой картинке), но почему-то при другом разрешении начинают разъезжаться :?

Замените:

<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:60px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.70; /*прозрачность*/
margin-bottom:80px; /*отступ снизу (можно не указывать)*/
width:141px; /*ширина кнопки*/
height:43px; /*высота кнопки*/
}

На margin-left: 920px;
А отступы снизу:

.go-up {
bottom:230px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}

Поставьте в процентах, иначе тоже будет плавать.. И лучше ставить отступ сверху (top), а не снизу..

+1

Поделиться465Ср, 12 Фев 2020 00:10:36

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

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

Навигация по форуму

По навигации:
Уберите:

/* навигация*/
div#pun-navlinks {position: absolute;width: 100%;text-align: center;top: 235px;left: 10px;}

И замените:

/* D3.2 */
#pun-navlinks .container {
width: 160px;
padding: 0.7em 1em;
margin-top: 28px;
margin-left: 50px;
text-align: right;
text-transform: lowercase;
letter-spacing: 1px;
position: fixed;
}

На margin-left: -180px;

+2

Поделиться466Ср, 12 Фев 2020 00:24:55

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

worstPsychologist

div#pun-navlinks { ~~position: absolute;~~ width: 100%; text-align: center; ~~top: 235px; left: 10px;~~ }

/* D3.2 */
#pun-navlinks .container {
width: 160px;
padding: 0.7em 1em;
margin-top: 28px;
margin-left: -184px;
text-align: right;
text-transform: lowercase;
letter-spacing: 1px;
position: fixed;
}

<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
~~right:60px; /*указываем положение, если слева - left*/~~
margin-left: 920px;
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.70; /*прозрачность*/
margin-bottom:80px; /*отступ снизу (можно не указывать)*/
width:141px; /*ширина кнопки*/
height:43px; /*высота кнопки*/
}
.go-up {
~~bottom:230px; /*положение от низа окна браузера верхняя кнопка*/~~
top: 280px;
}
.go-down {
~~bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/~~
top: 310px;
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

И заодно:

<table border="0" width="996px" height="297px" style="text-align: justify; position: absolute; margin-left: -32px; top: -32px; "><tbody><tr><td><img src="https://i.imgur.com/daW820Z.png"></td></tr></tbody></table>

+1

ВКонтакте alex__63

Поделиться467Ср, 12 Фев 2020 00:25:56

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

kolobdur74
Пока подгонял в инспекторе, ты опередил...

+1

ВКонтакте alex__63

Поделиться468Ср, 12 Фев 2020 00:46:50

Автор: worstPsychologist
Заслуженный
Зарегистрирован: Пт, 15 Ноя 2019
Сообщений: 25
Уважение: +10
Позитив: +11
Последний визит:
Пн, 19 Окт 2020 21:50:00

Alex_63
kolobdur74
Всё теперь работает как надо, спасибо большое! <З ~~правда, с телефона теперь навигацию почти не видно, но это не принципиально~~

+2

Поделиться469Ср, 12 Фев 2020 10:24:56

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

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

<З ~~правда, с телефона теперь навигацию почти не видно, но это не принципиально~~

Для, телефона лучше возвращать меню на место с бока.. Что-то вроде:

Код:

@media screen and (max-width: 540px) {
.punbb #pun-navlinks .container {
  width: 100%;
  margin-left: 0;
  text-align: center;
  position: relative;
}
}

0

Поделиться470Ср, 12 Фев 2020 11:44:14

Автор: worstPsychologist
Заслуженный
Зарегистрирован: Пт, 15 Ноя 2019
Сообщений: 25
Уважение: +10
Позитив: +11
Последний визит:
Пн, 19 Окт 2020 21:50:00

kolobdur74
Хм! Я вроде поставила во второе окно css, но ничего не изменилось :?

0

Поделиться471Ср, 12 Фев 2020 11:50:05

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

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

Хм! Я вроде поставила во второе окно css, но ничего не изменилось :?

Этот код должен быть ниже:

/* D3.2 */
#pun-navlinks .container {

Вообще все коды с @media лучше ставить в самый низ первого окна, то есть Структура style.css.. Переставьте его туда, если не будет работать - гляну в чем может быть причина..

0

Поделиться472Ср, 12 Фев 2020 11:54:18

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

А, фигню написал..

Отредактировано kolobdur74 (Ср, 12 Фев 2020 11:56:36)

0

Поделиться473Ср, 12 Фев 2020 11:56:46

Автор: worstPsychologist
Заслуженный
Зарегистрирован: Пт, 15 Ноя 2019
Сообщений: 25
Уважение: +10
Позитив: +11
Последний визит:
Пн, 19 Окт 2020 21:50:00

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

Вообще все коды с @media лучше ставить в самый низ первого окна, то есть Структура style.css.. Переставьте его туда, если не будет работать - гляну в чем может быть причина..

Переставила в самый низ структуры, но всё равно почему-то выглядит вот так : (

Отредактировано worstPsychologist (Ср, 12 Фев 2020 11:57:00)

0

Поделиться474Ср, 12 Фев 2020 12:17:54

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

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

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

Уберите лишнюю скобку:

/* D8.7 */
#pun-crumbs2 .container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 15px;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
font-family: Akrobat;
}
}

0