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

Поделиться1Сб, 19 Дек 2020 13:24:51

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

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


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

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

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

+1

Поделиться401Вт, 30 Мар 2021 12:01:55

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

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

Код:

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

0

Поделиться402Вт, 30 Мар 2021 12:17:25

Автор: 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Вт, 30 Мар 2021 12:19:43

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

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

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

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

0

Поделиться404Вт, 30 Мар 2021 12:21:29

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

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

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

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

0

Поделиться405Вт, 30 Мар 2021 12:26:47

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

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

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

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

0

Поделиться406Вт, 30 Мар 2021 12:28:23

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

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

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

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

+1

Поделиться407Вт, 30 Мар 2021 12:47:29

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

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

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

0

Поделиться408Вт, 30 Мар 2021 13:17:07

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

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

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

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

0

Поделиться409Вт, 30 Мар 2021 13:22:18

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

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

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

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

Код:

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

0

Поделиться410Вт, 30 Мар 2021 13:23:51

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

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

0

Поделиться411Вт, 30 Мар 2021 13:27:33

Автор: 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 написал(а):

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

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

0

Поделиться412Вт, 30 Мар 2021 13:34:26

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

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

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

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

Код:

<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Вт, 30 Мар 2021 13:36:01

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

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

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

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

0

Поделиться414Вт, 30 Мар 2021 13:37:41

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

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

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

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

+2

Поделиться415Вт, 30 Мар 2021 13:47:04

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

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

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

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

+2

Поделиться416Вт, 30 Мар 2021 21:31:22

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

: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Вт, 30 Мар 2021 21:48:14

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

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

Код:

<!--Своя картинка в каждую категорию -->
<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Вт, 30 Мар 2021 21:51:15

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

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

0

Поделиться419Вт, 30 Мар 2021 21:55:52

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

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

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

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

Код:

<!--Своя картинка в каждую категорию -->
<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Вт, 30 Мар 2021 21:58:00

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

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

#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

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

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

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

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

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

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

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться401Вт, 30 Мар 2021 12:01:55

Поделиться402Вт, 30 Мар 2021 12:17:25

Поделиться403Вт, 30 Мар 2021 12:19:43

Поделиться404Вт, 30 Мар 2021 12:21:29

Поделиться405Вт, 30 Мар 2021 12:26:47

Поделиться406Вт, 30 Мар 2021 12:28:23

Поделиться407Вт, 30 Мар 2021 12:47:29

Поделиться408Вт, 30 Мар 2021 13:17:07

Поделиться409Вт, 30 Мар 2021 13:22:18

Поделиться410Вт, 30 Мар 2021 13:23:51

Поделиться411Вт, 30 Мар 2021 13:27:33

Поделиться412Вт, 30 Мар 2021 13:34:26

Поделиться413Вт, 30 Мар 2021 13:36:01

Поделиться414Вт, 30 Мар 2021 13:37:41

Поделиться415Вт, 30 Мар 2021 13:47:04

Поделиться416Вт, 30 Мар 2021 21:31:22

Поделиться417Вт, 30 Мар 2021 21:48:14

Поделиться418Вт, 30 Мар 2021 21:51:15

Поделиться419Вт, 30 Мар 2021 21:55:52

Поделиться420Вт, 30 Мар 2021 21:58:00