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

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

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

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

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

Страница:   1 … 19 20 21 22 23 … 88  

Сообщений 401 страница 420 из 1741

1

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

В этой теме просим помощи в оформлении форума и его элементов

Столкнулись с трудностями в оформлении вашего форума? Или просто хотите придать ему новый, свежий вид? В этой теме вы можете задать вопросы по стилизации, дизайну и внешнему виду вашего форума. Получите помощь по работе с CSS, настройке цветовой гаммы, шрифтов, размещению изображений и другим элементам оформления.

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

  • Укажите ссылку на форум: Ссылка на форум, с которым требуется помочь, позволит нам увидеть, понять контекст проблемы и предложить наиболее точное решение, не тратя время на догадки.

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

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

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

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

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

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

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

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

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

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

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

+1

401

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45

Mika_maf, а да, я не полный код написал, вот правильный вариант:

Код:
<style>
.punbb .new-topic a, .punbb .new-poll a {color: #fff;}
</style>

0

402

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

Mika_maf, а да, я не полный код написал, вот правильный вариант:

Код:
<style>
.punbb .new-topic a, .punbb .new-poll a {color: #fff;}
</style>

Большое вам спасибо!) Теперь все отлично)

Еще один, может забавный, вопрос...как узнать точный размер картинки для шапки форума?

0

403

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Mika_maf написал(а):

Еще один, может забавный, вопрос...как узнать точный размер картинки для шапки форума?

В смысле? А что надо?

0

404

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

В смысле? А что надо?

На Фотошопе делаю сейчас Шапку (точнее картинку) форума и не могу понять, в каком размере в итоге сохранять. Чтоб со всех сторон все влезало)

0

405

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Mika_maf написал(а):

На Фотошопе делаю сейчас Шапку (точнее картинку) форума и не могу понять, в каком размере в итоге сохранять. Чтоб со всех сторон все влезало)

У вас дизайн резиновый, а не фиксированный при таком дизайне в одну картинку шапку нормально не сделать.. Делайте в три картинки или в пять, так чтобы были повторяемые заполняемые картинки и картинки без повторения.. К примеру, справа и слева картинки заполняют область, по центру неповторяющаяся картинка.. Всё это должно быть хорошо состыковано без пустых пикселей и одинаковой высоты.. Сделаете, поставим..

0

406

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

У вас дизайн резиновый, а не фиксированный при таком дизайне в одну картинку шапку нормально не сделать.. Делайте в три картинки или в пять, так чтобы были повторяемые заполняемые картинки и картинки без повторения.. К примеру, справа и слева картинки заполняют область, по центру неповторяющаяся картинка.. Всё это должно быть хорошо состыковано без пустых пикселей и одинаковой высоты.. Сделаете, поставим..

Поняла, попробую...Спасибо)

+1

407

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Сегодня 07:37:52

Mika_maf
Ну вообщем можно сделать и резиновую картинку в шапке соотвествующую резиновому форуму... отношение ширины к высоте примерно 7:1, ширину выбирать по максимуму экранов 1200 -1900

Отредактировано Deff (Вт, 30 Мар 2021 12:48:03)

0

408

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
Mika_maf написал(а):

Большое вам спасибо!) Теперь все отлично)

Как оказалось, не совсем все. Внизу также темно синим цветом кнопки страниц темы и кнопки Ответить/Отписаться/Подписаться. Их можно тоже сделать белыми?
https://upforme.ru/uploads/0000/14/1c/37430/t478795.jpg

0

409

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Mika_maf написал(а):

Как оказалось, не совсем все. Внизу также темно синим цветом кнопки страниц темы и кнопки Ответить/Отписаться/Подписаться. Их можно тоже сделать белыми?

Замените предыдущий код на этот:

Код:
<style>
.punbb .new-topic a, .punbb .new-poll a, .postlink a, .subscribelink a {color: #fff;}
</style>

0

410

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45

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

0

411

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

Замените предыдущий код на этот:

Код:
<style>
.punbb .new-topic a, .punbb .new-poll a, .postlink a, .subscribelink a {color: #fff;}
</style>

не работает. Страницы, правда, стали серыми, а Ответить и Подписаться и отслеживать синие так и остались.

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

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

Там основной фон светлый, и все остальные темно синие ссылки смотрятся нормально. По крайней мере без очков их вижу :D  А вот именно эти кнопки вынесены на темное основное поле, их не видно как раз.

0

412

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Mika_maf написал(а):

Там основной фон светлый, и все остальные темно синие ссылки смотрятся нормально. По крайней мере без очков их вижу :D  А вот именно эти кнопки вынесены на темное основное поле, их не видно как раз.

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

Код:
<style>
/* Цвет ссылок */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #1E90FF;
}

/* Цвет ссылок при наведении */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #4682B4;
}
</style>

Если не очень цвета, что я поставил, можете попробовать другие, вот таблица цветов: http://www.stm.dp.ua/web-design/color-html.php

Отредактировано kolobdur74 (Вт, 30 Мар 2021 13:34:52)

+1

413

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

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

Поставить вместо того предыдущего для конкретных кнопок?

0

414

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Mika_maf написал(а):

Поставить вместо того предыдущего для конкретных кнопок?

Да, это на все ссылки, я попробовал подобрать универсальные цвета и для темного и для светлого.. Только обновите страницу прежде, чем брать - я поправил код..

+2

415

  • Автор: Mika_maf
  • Заслуженный
  • Mika_maf
  • Зарегистрирован: Ср, 6 Янв 2021
  • Сообщений: 10
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 21 Апр 2021 21:23:14
kolobdur74 написал(а):

Да, это на все ссылки, я попробовал подобрать универсальные цвета и для темного и для светлого.. Только обновите страницу прежде, чем брать - я поправил код..

Скрипт работает исправно!) Цвета можно легко подобрать (ну, и табличка цветов...одни названия чего стоят :D ). Огромное вам спасибо! :glasses:  :flag:

+2

416

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

:love:  дорогие, без вас никуда

тык
Из-за кода для эффекта прозрачных категорий

Свернутый текст
Код:
#pun-index .category h2, #pun-stats h2 {background: url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center !important;
width: 957px !important;
height: 31px !important;
border: none !important;
margin-top: -6px !important;
margin-bottom:2px !important;
    border: 0 !important;
    margin-left: -3px !important;
  padding-top: 18px; 
   text-align: center !important;
  
}

У меня не работает скрипт замены картинок категорий ( тестирую картинку на первом разделе welcome to the new world - но нигде ничего не видно)
Как мне поставить заголовки картинками, поверх первого скрипта с "прозрачным" фоном?

Свернутый текст
Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background-color": "transparent",
       "background-image":"url("+myarray[q+1]+")",
 "background-position":"23px 50%",
       "background-repeat":"no-repeat"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

0

417

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45

Ну, попробуйте такой вариант вместо скрипта замены:

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background":"url("+myarray[q+1]+") transparent 23px 50% no-repeat"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

background имеет больший приоритет, чем все другие варианта background, я имею ввиду типа background-color..

0

418

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

kolobdur74
нет, что-то никак =(

0

419

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45
Иса написал(а):

нет, что-то никак =(

Проверьте так:

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background":"url("+myarray[q+1]+") transparent 23px 50% no-repeat !important"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

0

420

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7620
  • Уважение: +6179
  • Позитив: +6712
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:19:45

Иса, даже лучше, уберите в своем коде:

#pun-index .category h2, #pun-stats h2 {background: url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center !important;
width: 957px !important;
height: 31px !important;
border: none !important;
margin-top: -6px !important;
margin-bottom:2px !important;
    border: 0 !important;
    margin-left: -3px !important;
  padding-top: 18px;
   text-align: center !important;
 
}

И поставьте код из поста 417.

Отредактировано kolobdur74 (Вт, 30 Мар 2021 22:00:06)

0

Страница:   1 … 19 20 21 22 23 … 88  

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