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

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

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


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


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

Сообщений 821 страница 840 из 1001

1

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

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

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

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

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

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

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

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

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

0

821

..Boleyn
В Первом Окне стилей пробуйте уменьшать эти цифры(красным):

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 1.4em 1.8em 3.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-color: transpanent;
  border-width: 1px;
  }

(Особенно вторую - это отступ от цитаты снизу

+1

822

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

В Первом Окне стилей пробуйте уменьшать эти цифры(красным):

Помогло, спасибо. Но вот с hr я так понимаю, это другие значения, да?)

0

823

..Boleyn
Ни наю, Киньте ссылку на пост с hr - к вечеру гляну

0

824

День добрый.
Мечтаю поставить на главной регулируемую по размерам бегущую строку.
Есть такой мод ?

0

825

Есть вопрос. http://arkania.rolebb.ru/
Точнее был вопрос. Пока писала сообщение, то нашла решение. Хотела оставить здесь на всякий случай.
Сделала на форуме это:

Колонки "Тем - Сообщений" в строчку на CSS

/* Колонки "Тем - Сообщений" в строчку на CSS
-----------------------------------------*/
/*Основная часть, - Не меняем */
.category tr,#f-subforums tr{display:table;width:100%;clear:both;position:relative;}
.category td.tc2:before,#f-subforums td.tc2:before{content:"Тем: ";}
.category td.tc3:before,#f-subforums td.tc3:before{content:"Сообщений: ";}
.category th.tc3,.category th.tc2,#f-subforums th.tc2,#f-subforums th.tc3{visibility:hidden;}
.category .tc2,.category .tc3,#f-subforums .tc2,#f-subforums .tc3{position:absolute;bottom:0;
/*End/- Основная часть*/

/* Оформление ячеек Тем - Сообщений */
  padding:.5em 1em!important; /*внутренние отступы*/
  background:none transparent!important; /*фон*/
  border:none 0 rgba(0,0,0,0)!important; /*бордеры*/
  width:130px!important;/*ширина*/
  text-align:right!important;
}
.category td.tcl,#f-subforums td.tcl{
  padding-bottom:2.5em; /*Отступ снизу, по высоте ячеек Тем - Сообщений*/
}
/* Ячейка "Тем" */
.category .tc2,#f-subforums .tc2{
right: 445px; /*подвижка справа*/
font-weight: bold;
}
/* Ячейка "Сообщений" */
.category .tc3,#f-subforums .tc3{
right: 280px; /*подвижка справа*/
font-weight: bold;
}
/* Оформление надписей "Тем","Сообщений" в ячейках*/
.category .tc2:before,.category .tc3:before,
#f-subforums .tc2:before,#f-subforums .tc3:before{
/*float:left;*/
color:#666; /*цвет шрифта*/
font-weight: normal;
margin-right: 1.5em;
}
/*Правка ширины левой колонки*/
.category .tcl,#f-subforums .tcl{
width:71%!important;
}
/*Правка ширины правой колонки*/
.category .tcr,#f-subforums .tcr{
width:30%!important;
}

- В полноэкранном режиме мне все нравится, но в мобильном стиле добавка при сужении окна "бъет" таблицу (первый скриншот).
- Если удалить добавку выше (а точнее то, что выделено красным в спойлере выше), тогда все на местах (второй скриншот), но все же не то, поскольку Колонки "Тем - Сообщений" не будут работать.
- Если оставить код "Колонки "Тем - Сообщений" в строчку на CSS" и дописать для мобильного стиля:

@media screen and (max-width: 540px) {
.category tr, #f-subforums tr {
    display: table-row;
}
.punbb .subforums .Inner {
  float: left;
  margin-top: 2em;
  margin-left: 0em;
}
}

Вроде бы все более-менее (третий скриншот), или, скорее, как хотелось.

Свернутый текст

http://s3.uploads.ru/t/QLJhD.png http://sf.uploads.ru/t/PQ8O3.png http://s6.uploads.ru/t/Djzge.png

Добавлено спустя 3 минуты 58 секунд:
Наверно надо было писать в Вопросы по мобильному стилю или Подфорумы "не скриптом", новая версия?

Отредактировано Lidia-Lada (Пн, 12 Сен 2016 22:19:33)

+1

826

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

..Boleyn
Ни наю, Киньте ссылку на пост с hr - к вечеру гляну

http://theclown.rusff.ru/viewtopic.php?id=5#p5 хотя бы тут

0

827

Lidia-Lada написал(а):

Наверно надо было писать в Вопросы по мобильному стилю или Подфорумы "не скриптом", новая версия?

В принципе и тут в тему.. ксать спс :cool: - Мон код-добавку в css трюках выложить, с пояснением - к такому-то коду, для корректного отображения с Подфорумами

+1

828

..Boleyn
Во Втором Окне стилей добавьте синим

hr, .banner-line {
    height: 2px;
    background: #120705 center no-repeat;
    border: 1px solid #564946;
    margin: 11px !important;
    }
.post-content hr{
  margin-top:0px!important;
}

0

829

Оффтоп
Alex_63 написал(а):

Мон код-добавку в css трюках выложить, с пояснением - к такому-то коду, для корректного отображения с Подфорумами

Я попыталась, поправьте меня, пожалуйста, если что-то не так. Волнуюсь :blush:
Добавлено спустя 2 минуты 51 секунду:
Наверно это тоже в CSS трюки?

Отредактировано Lidia-Lada (Пн, 12 Сен 2016 21:52:57)

0

830

Lidia-Lada написал(а):

Наверно это тоже в CSS трюки?

Нет , это как раз по мобильному стилю  (Последняя Ваша правка была именно к моему дополнению из css трюков - поэтому ее там логично было разместить

Lidia-Lada написал(а):

Я попыталась, поправьте меня, пожалуйста, если что-то не так

Ну наверно убрать подробности про второй скриншот(и сам скриншот тож убрать), посколь в итоговый Вариант решения не входит

0

831

Доброго времени суток!
Подскажите, пожалуйста:
1. Как убрать текст со страницы переадресации
http://s1.uploads.ru/t/1guon.jpg
2. Как оформить название и описание подфорумов
http://sa.uploads.ru/t/r1KwW.jpg
То есть разместить текст по центру ячейки, поменять цвет и форму и поместить описание в рамку (поставить фоновое изображение под описание).
Примерно так:
http://s0.uploads.ru/t/U65eE.jpg

Точнее не знаю как объяснить.
Примерно, как с оформлением профиля:

.post-author {
text-align: center;
background: url(http://s7.uploads.ru/PUGWx.jpg) top center no-repeat,
url(http://s3.uploads.ru/bgm9d.jpg) bottom center no-repeat,
url("http://s6.uploads.ru/BikmV.jpg") center center repeat-y;
padding: 13px 5px 13px 5px;
}

Где есть верхняя часть, нижняя и середина.
Заранее спасибо!

Ссылка на форум:
http://dn2l.spybb.ru/

Отредактировано Hitsugaya Toushiro (Вт, 13 Сен 2016 17:15:28)

0

832

Hitsugaya Toushiro
Cкрипт для тестирования и настройки страницы переадресации
Смотрите Пример в конце сообщения

0

833

Deff
Спасибо! С первым получилось не совсем то, что хотелось, но уже получше.
А по поводу второго можете подсказать?

0

834

Hitsugaya Toushiro написал(а):

2. Как оформить название и описание подфорумов

Пробуйте эти Варианты:
Обрамление форумов картинкой (вместе с описанием)

0

835

Hitsugaya Toushiro
Про страницу переадресации, - Попробуйте в Конец Второго Окна стилей

#pun-redirect .main *{display:none}

0

836

Здравствуйте.
Нужна помощь со скриптом, никак не могу понять, что не так.

При наведении мыши на объект, он должен производить переход на другой объект. И всё бы ничего, да только он первоначальный объект просто зеркалит. В идеале должно быть вот так: http://pingmin-tech.com/flipcardjs
Но у меня почему-то повторить тоже самое, но без внедрения скрипта не получается, хотя знаю, что это возможно.

Ссылка на саму попытку что-то сделать: http://www.cssdesk.com/f5j7u

Буду крайне благодарна за помощь!

0

837

blood12
http://forumd.ru/viewtopic.php?id=3223

+2

838

Deff, Спасибо) Поковырялась, стало рабочим)
http://www.cssdesk.com/wxQ9Q

+1

839

Подскажите пожалуйста, как поменять цвет текста в категориях форума и тем, а то все серое  :'(
http://monitorhyip.ru
http://se.uploads.ru/t/LVfCO.jpg

http://s7.uploads.ru/t/VtfWL.jpg

Отредактировано РоманР (Пт, 16 Сен 2016 11:09:59)

0

840

РоманР
Попробуйте в HTML верх:

<style type="text/css">
.punbb .tcl a,
.punbb .tcr a{
  color:#1175AC;
}
</style>

0


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