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

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Сегодня 10:21:25

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


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

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

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

+6

Поделиться81Вс, 8 Дек 2019 10:43:35

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

ACT3255
Инженер
спасибо большое, ребята! Все унесу в закладки и буду изучать!

Инженер написал(а):

Но да, как и сказал ACT3255, оформление профиля я на вашем месте все же пересобрал более грамотно.

я в этом абсолютный профан. Методом тыка соорудила такой минипрофиль. :dontknow:

+1

Поделиться82Вс, 8 Дек 2019 10:46:11

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

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

а этот размер проставить во всех трех строках или только в той, что вы красным выделили?

Во всех трех..
это ширина минипрофиля:

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

.punbb .post .post-author {width: 249px;}

Это отступ слева на ширину минипрофиля самого поста:

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

.punbb .post-body {margin-left: 249px;}

А это отступ слева на ширину минипрофиля верхней строчки где дата время:

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

.punbb .post h3 span {margin-left: 249px;}

Они должны быть одинаковыми, чтобы ничего не уезжало.. В данном случае лучше в единицах размера em, чем в пикселях..

Отредактировано kolobdur74 (Вс, 8 Дек 2019 10:47:28)

+2

Поделиться83Вс, 8 Дек 2019 10:48:13

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74
понятно, пошла пробовать!
Спасибо огромное за помощь! :love:

+1

Поделиться84Вс, 8 Дек 2019 10:53:50

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74
Заменила размер в скрипте на 22em, но теперь сильно много места справа от мини профиля и немного плашка уехала (на скрине стрелками)

0

Поделиться85Вс, 8 Дек 2019 11:00:28

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

murrena
вот по-этому я не пользуюсь emами (почему то с ними постоянно все расползается), а стараюсь только рх :crazyfun:

Отредактировано ACT3255 (Вс, 8 Дек 2019 11:01:01)

0

Поделиться86Вс, 8 Дек 2019 11:03:30

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

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

Заменила размер в скрипте на 22em, но теперь сильно много места справа от мини профиля и немного плашка уехала (на скрине стрелками)

Добавьте в Свой стиль второе окно вот сюда:

/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("http://forumstatic.ru/files/0019/e4/9d/43822.jpg") 0 bottom no-repeat, url("http://forumstatic.ru/files/0019/e4/9d/31141.jpg") 0 top no-repeat, url("http://forumstatic.ru/files/0019/e4/9d/16301.jpg") repeat-y;
padding: 22px 12px 34px 12px!important; /* вверх, вправо, вниз, влево */
}

background-size: contain;
Должно получиться:

/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("http://forumstatic.ru/files/0019/e4/9d/43822.jpg") 0 bottom no-repeat, url("http://forumstatic.ru/files/0019/e4/9d/31141.jpg") 0 top no-repeat, url("http://forumstatic.ru/files/0019/e4/9d/16301.jpg") repeat-y;
background-size: contain;
padding: 22px 12px 34px 12px!important; /* вверх, вправо, вниз, влево */
}

+1

Поделиться87Вс, 8 Дек 2019 11:04:40

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

ACT3255

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

вот по-этому я не пользуюсь emами (почему то с ними постоянно все расползается), а стараюсь только рх

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

0

Поделиться88Вс, 8 Дек 2019 11:08:41

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74

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

Добавьте в Свой стиль второе окно вот сюда:

так совсем расползся мини профиль в ширину. У брала эту добавку. Да лано, верну пкс снова в тот скриптик.

0

Поделиться89Вс, 8 Дек 2019 11:15:35

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

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

так совсем расползся мини профиль в ширину. У брала эту добавку.

А, посмотрел вашу окантовку - у вас неправильно она порезана в фотошопе, поэтому и гуляет.. Сейчас перережу вам ее и скину код..

+1

Поделиться90Вс, 8 Дек 2019 11:20:40

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

murrena, у вас оригинал не разрезанной картинки есть? Эти по полям друг к другу не подходят - они разной ширины..

0

Поделиться91Вс, 8 Дек 2019 11:23:39

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74

только так. Я брала из беспл. стиля оформления и делала под себя

Отредактировано murrena (Вс, 8 Дек 2019 11:24:26)

0

Поделиться92Вс, 8 Дек 2019 11:24:27

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

murrena, не, сам оригинал откуда это разрезалось есть?

0

Поделиться93Вс, 8 Дек 2019 11:25:27

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

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

не, сам оригинал откуда это разрезалось есть?

нет, было именно из 3-х частей :dontknow:

0

Поделиться94Вс, 8 Дек 2019 11:26:58

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

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

нет, было именно из 3-х частей

А, хорошо, попробую из них сделать..

0

Поделиться95Вс, 8 Дек 2019 12:00:01

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

murrena, вот попробуйте:

Код:

/* профиль окантовка */
.punbb .post .post-author > ul {
  background: url(https://i.imgur.com/9QcL4hJ.png) left top repeat-y, /* Бортик слева */
  url(https://i.imgur.com/x0Kb2TH.png) right top repeat-y, /* Бортик справа */
  url(https://i.imgur.com/uvSNMmk.png) left top repeat-x, /* Сверху */
  url(https://i.imgur.com/6DkzhCB.png) left bottom repeat-x, /* Снизу */
  url(https://i.imgur.com/Sy3BRjQ.png) center center repeat; /* Фон */
  padding: 22px 12px 34px 12px!important;
}

Вместо:

/* профиль окантовка */
.punbb .post .post-author > ul {background: url("http://forumstatic.ru/files/0019/e4/9d/43822.jpg") 0 bottom repeat-x, url("http://forumstatic.ru/files/0019/e4/9d/31141.jpg") 0 top repeat-x, url("http://forumstatic.ru/files/0019/e4/9d/16301.jpg") repeat-y;padding: 22px 12px 34px 12px!important; /* вверх, вправо, вниз, влево */}

+1

Поделиться96Вс, 8 Дек 2019 12:08:07

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74
поставила. Все норм ,но очень широкий был профиль, поэтому убрала em22, снова пкс поставила. Но вот тут порожек остается

хотя мне это не критично

Отредактировано murrena (Вс, 8 Дек 2019 12:10:17)

0

Поделиться97Вс, 8 Дек 2019 12:14:48

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

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

поставила. Все норм ,но очень широкий был профиль, поэтому убрала em22, снова пкс поставила. Но вот тут порожек остается

Попробуйте такой вариант:

Код:

<!--  ширина поля под мини профиль -->
<style>
.punbb .post .post-author {width: 22em;margin-top: -2.5em;}
.punbb .post h3 span, .punbb .post-links, .punbb .post-body {margin-left: 22em;}
.punbb .post-links ul {margin-left: -22em;}
</style>

Если не понравится сделаем в пикселях..

+1

Поделиться98Вс, 8 Дек 2019 12:17:15

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

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

но очень широкий был профиль

Если уже профиль хотите, то вот:

Код:

<!--  ширина поля под мини профиль -->
<style>
.punbb .post .post-author {width: 19em;margin-top: -2.5em;}
.punbb .post h3 span, .punbb .post-links, .punbb .post-body {margin-left: 19em;}
.punbb .post-links ul {margin-left: -19em;}
</style>

+1

Поделиться99Вс, 8 Дек 2019 12:20:38

Автор: murrena
Заслуженный
Зарегистрирован: Вт, 20 Ноя 2018
Сообщений: 90
Уважение: +48
Позитив: +66
Последний визит:
Сб, 10 Авг 2024 10:51:37

kolobdur74 :cool: :cool: ВО!!!! Само то! 22 на 19 уменьшили и все встало.Порожек убрался! Спасибо вам огромное! Столько времени на меня потратили

+2

Поделиться100Вс, 8 Дек 2019 16:53:05

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

Deff
Благрдарю!!!
По моему такой тех. потдержки нет ни где :surprise:
В постах.....в темах..... Шрифт ...... Тема.....пост.....зделать меньше......(под общий диз)

+1

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

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

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

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

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

Сообщений 81 страница 100 из 2012

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

Поделиться81Вс, 8 Дек 2019 10:43:35

Поделиться82Вс, 8 Дек 2019 10:46:11

Поделиться83Вс, 8 Дек 2019 10:48:13

Поделиться84Вс, 8 Дек 2019 10:53:50

Поделиться85Вс, 8 Дек 2019 11:00:28

Поделиться86Вс, 8 Дек 2019 11:03:30

Поделиться87Вс, 8 Дек 2019 11:04:40

Поделиться88Вс, 8 Дек 2019 11:08:41

Поделиться89Вс, 8 Дек 2019 11:15:35

Поделиться90Вс, 8 Дек 2019 11:20:40

Поделиться91Вс, 8 Дек 2019 11:23:39

Поделиться92Вс, 8 Дек 2019 11:24:27

Поделиться93Вс, 8 Дек 2019 11:25:27

Поделиться94Вс, 8 Дек 2019 11:26:58

Поделиться95Вс, 8 Дек 2019 12:00:01

Поделиться96Вс, 8 Дек 2019 12:08:07

Поделиться97Вс, 8 Дек 2019 12:14:48

Поделиться98Вс, 8 Дек 2019 12:17:15

Поделиться99Вс, 8 Дек 2019 12:20:38

Поделиться100Вс, 8 Дек 2019 16:53:05