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

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

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

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

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

Страница:   1 … 28 29 30 31 32 … 51  
Тема закрыта

Сообщений 581 страница 600 из 1001

Перевести1

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

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

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

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

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

0

Перевести581

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Сегодня 13:11:15
Mirra Bell написал(а):

А как можно между форумами поставить разделитель? Желательно по всей ширине таблицы

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

0

Перевести582

  • Автор: Северный Ветер
  • Заслуженный
  • Северный Ветер
  • Зарегистрирован: Пн, 26 Сен 2011
  • Сообщений: 257
  • Уважение: +24
  • Позитив: +9
  • Последний визит:
    Пт, 9 Апр 2021 02:21:30

Немного глупых вопросов от Ветра
Доброй ночи. Пытаюсь оформить профиль, выходит все враскоряку.
Мне бы как-то прописать отступ, чтобы картинка профиля, та, которая множится по вертикали, начиналась не с самого начала, а чуть ниже.
http://s2.uploads.ru/yxA9l.png ===>> http://savepic.ru/11053127.png

http://tsr.rusff.ru

Отредактировано Северный Ветер (Пн, 22 Авг 2016 00:45:19)

0

Перевести583

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Сегодня 13:11:15

Северный Ветер,  проще всего добавить к верху этой картинке http://savepic.ru/11024455.png фон топика  http://sg.uploads.ru/D2iuP.jpg на величину выступающей сейчас части от размножаемого фона на .post-author (или чуть более на пару пиксел, затем подвинуть .punbb .post .post-author > ul на эту величину вверх (типа  margin-top: -12px;)

Ну или так: добавки(к текущему стилю) красным

/* Автор*/
.punbb .post .post-author > ul {
    margin-top: -19px;
    margin-bottom: -19px;
    background: url(http://savepic.ru/11024455.png) top center no-repeat,
    url(http://savepic.ru/11033669.jpg) bottom center no-repeat;
    margin-left: -1px;
}

.punbb .post .post-author {
    overflow:visible;
    margin-top: 19px;
    text-align: center;
    background: url(http://savepic.ru/11018306.jpg) repeat-y;
    color: #000;
    margin-left: -14px;
}

+1

Перевести584

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

Mirra Bell
Как-то Так: (*В HTML верх или Конец Второго Окна стилей без тегов <style>

<style type="text/css">
.category tr{display:table;width:100%;clear:both;position:relative;}
.category thead,.category tbody{width:100%;display:block;}
.category table{display:block;position:relative;width:100%;}
.category tbody>tr:not(:first-child):before{
  content:"";display:block;
  width:100%;height:6px;
  position:absolute;margin-top:-5px;
  background:#111;
  background:linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-webkit-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-moz-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-o-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-khtml-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-ms-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
}
</style>

Скриншот =>

http://sl.uploads.im/GoKcJ.png

+2

Перевести585

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Сб, 6 Дек 2025 19:32:47

Alex_63
Спасибо, забрала и поставила на рабочий форум, только почему-то эти разделители не после каждого первого в категории форума ) Например, в категории "Добро пожаловать" его нет, а вот в следующей уже есть.  И тогда уж сразу: как поднять заголовки колонок таблицы "Форум", "сообщений", "Тем" тд чуть выше?
http://almarein.spybb.ru/

Отредактировано Mirra Bell (Пн, 22 Авг 2016 13:11:57)

0

Перевести586

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

Mirra Bell
Ставьте скрытые( у которых в стилях прописано - display:none ) форумы не первыми в Категориях - полоски перед Первым форумом в категории тогда не будет(ее и не должно быть) , Тады и строку Форум - Тем -сообщений, .. поднимать выше не придется

0

Перевести587

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Сб, 6 Дек 2025 19:32:47

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

0

Перевести588

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

Mirra Bell

/*Разделители между форумами*/
.category th{padding-bottom:1.2em}
.category tr{display:table;width:100%;clear:both;position:relative;}
.category thead,.category tbody{width:100%;display:block;}
.category table{display:block;position:relative;width:100%;}
.category tbody>tr:before{
  content:"";display:block;
  width:100%;height:6px;
  position:absolute;margin-top:-5px;
  background:#111;
  background:linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-webkit-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-moz-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-o-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-khtml-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-ms-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
}

+2

Перевести589

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Сб, 6 Дек 2025 19:32:47

Alex_63
Вот теперь отлично все! Спасибо )

+1

Перевести590

  • Автор: Северный Ветер
  • Заслуженный
  • Северный Ветер
  • Зарегистрирован: Пн, 26 Сен 2011
  • Сообщений: 257
  • Уважение: +24
  • Позитив: +9
  • Последний визит:
    Пт, 9 Апр 2021 02:21:30

Deff
Спасибо) Судя по всему, проще действительно добавить фон)

0

Перевести591

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Сегодня 13:11:15

Северный Ветер
Ну не проще, ибо фон с куском боковухи страницы - а занчит при подвижке профиля влево от края - нун будет перефотошопливать верх.. Либо отодвинуть от края сразу

0

Перевести592

  • Автор: Sans
  • Заслуженный
  • Sans
  • Зарегистрирован: Вс, 1 Ноя 2015
  • Сообщений: 361
  • Уважение: +43
  • Позитив: +80
  • Пол: Мужской
  • Последний визит:
    Чт, 25 Авг 2022 14:22:01

Приветствую всех. Подскажите, как разместить каждую последующую картинку ( стоит скрипт "Обтекание текста) с новой строки?
Например: так не работает :dontknow:
картинка ( обтекание справа)текст

картинка( обтекание справа)текст

В редактирование, тоже простыми пробелами, не угадаешь. В каждом браузере по разному.
Получается вот так
Кликабельно
http://sd.uploads.ru/t/iOKC5.jpg

А хотелось бы вот так

http://s5.uploads.ru/t/9MmEX.jpg

Отредактировано Sans (Вт, 23 Авг 2016 06:54:53)

0

Перевести593

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Сегодня 13:11:15

Sans
1. Воткнуть в таблицу

Код:
[table layout=fixed width=100%]
[tr]
[td] Картинка текст[/td]
[/tr]
[tr]
[td] Картинка текст[/td]
[/tr]
[tr]
[td] Картинка текст[/td]
[/tr]
[tr]
[td] Картинка текст[/td]
[/tr]
[/table]

0

Перевести594

  • Автор: Sans
  • Заслуженный
  • Sans
  • Зарегистрирован: Вс, 1 Ноя 2015
  • Сообщений: 361
  • Уважение: +43
  • Позитив: +80
  • Пол: Мужской
  • Последний визит:
    Чт, 25 Авг 2022 14:22:01
Deff написал(а):

Воткнуть в таблицу

Прямо ХТМЛ кодом писать в "Быстром ответе"? Нужен ли скрипт "Обтекание картинки" в таком случае?
Спасибо, сейчас начну экспериментировать.  :writing:  ( А просто нет скрипта, обязательное начало с Новой строки)?
Спасибо.
Добавлено спустя 8 минут 43 секунды:
Всё получилось! Спасибо.
Пы.Сы. Но вопрос

( А просто нет скрипта, обязательное начало с Новой строки)?

остаётся в силе. :flirt:

Отредактировано Sans (Вт, 23 Авг 2016 07:14:45)

0

Перевести595

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Сегодня 13:11:15
Sans написал(а):

Прямо ХТМЛ кодом писать в "Быстром ответе"? Нужен ли скрипт "Обтекание картинки" в таком случае?

Нужен,

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

( А просто нет скрипта, обязательное начало с Новой строки)?

По идее, обёртывание картинки и текста в тег центрирование по левому краю должен помочь ?

Ну или код для сообщений:
В HTML верх:

<style>
.punbb abbr[title="clear"] {
display:block;
clear: both;
}
</style>

Тогда такая вставка:
[abbr="clear"][/abbr]

переведёт на новую строку при обтекании

+1

Перевести596

  • Автор: Sans
  • Заслуженный
  • Sans
  • Зарегистрирован: Вс, 1 Ноя 2015
  • Сообщений: 361
  • Уважение: +43
  • Позитив: +80
  • Пол: Мужской
  • Последний визит:
    Чт, 25 Авг 2022 14:22:01
Deff написал(а):

код для сообщений

Спасибо воспользуюсь. Но и в таблице - понравилось!  :cool:

0

Перевести597

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

Sans, :glasses: Можно и без добавки  в HTML верх - обернуть в теги

[align=left][/align]

0

Перевести598

  • Автор: Sans
  • Заслуженный
  • Sans
  • Зарегистрирован: Вс, 1 Ноя 2015
  • Сообщений: 361
  • Уважение: +43
  • Позитив: +80
  • Пол: Мужской
  • Последний визит:
    Чт, 25 Авг 2022 14:22:01
Alex_63 написал(а):

Sans,  Можно и без добавки  в HTML верх - обернуть в теги

Почему то с ценрированием по бокам не получается. Картинки "налазят" друг на друга.  :dontknow:

А вот с

В HTML верх:
<style>
.punbb abbr[title="clear"] {
display:block;
clear: both;
}
</style>
Тогда такая вставка:

Отлично. Как бы ещё картинку для этого тэга в панель "Быстрого редактирования" "прикрутить"?

0

Перевести599

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12104
  • Уважение: +8329
  • Позитив: +5902
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:24:20

Sans
Да, - налазить будут... А поставьте в HTML верх

<style>
.post-content span[style*="text-align:"]{
  clear:both;
}
</style>

0

Перевести600

  • Автор: Sans
  • Заслуженный
  • Sans
  • Зарегистрирован: Вс, 1 Ноя 2015
  • Сообщений: 361
  • Уважение: +43
  • Позитив: +80
  • Пол: Мужской
  • Последний визит:
    Чт, 25 Авг 2022 14:22:01
Alex_63 написал(а):

А поставьте в HTML верх
<style>
.post-content span[style*="text-align:"]{
  clear:both;
}
</style>

Работает .  :cool:  Но тогда нельзя центрировать ( влево, центр, вправо) сам текст в "обёртке" с картинкой.
Например:
[align=left[img=float:rightкартинка[/img[align=centerТЕКСТ[/align][/align] Тэги align=center][/align будут видны в "чистовике".
П.Сы.Некоторые ][ скобки, специально убрал, чтобы было видно.

Отредактировано Sans (Вт, 23 Авг 2016 10:04:36)

0

Тема закрыта
Страница:   1 … 28 29 30 31 32 … 51  

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