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

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

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


Вы здесь » Единый форум поддержки » Корзина » Как убрать из кода лишний элемент CSS


Как убрать из кода лишний элемент CSS

Сообщений 1 страница 9 из 9

1

Здравствуйте.
Для оформления своего форума я взяла код, составленный другим человеком. Изменила его так, как требовалось, но возникли проблемы и вопросы.
1. При наведении курсора на ссылку она заключается в жёлтый прямоугольник. Что нужно убрать, чтобы вернуть простое подчёркивание стиля MyFF Pirates of the Caribbean?
2. При обновлении страницы часто долго не появляется фон сообщений (или не появляется вообще, тогда приходится обновлять страницу снова). Это из-за тяжеловесных картинок?
3. Как в меню навигации изменить цвет текста ("Форум", "Участники" и т.д.)?

Код:
<style type="text/css">
    * {
    border-style: none !important;
    }

    #pun {
    background: transparent url(http://xmages.net/storage/10/1/0/b/9/upload/47b85f00.png) repeat-y;
    width: 921px;
    margin: 0 auto;
    }

    .punbb {
    width: 93%;
    margin: 0 auto;
    float: none;
    }

    body {
    background: url(http://s15.radikal.ru/i189/1010/48/1581ee4e9cdb.jpg) fixed;
    }


    .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal

.container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb

.post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-

ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2,

.punbb td.tcr, .punbb td.tcl , .punbb td.tc3, #pun-stats h2, .punbb .main h2, .punbb .main h1, .punbb

.modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, #pun-navlinks

.container, .punbb th, td.tcr a, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about

.container {
    background: transparent none;
    }

    .punbb a:hover, #pun-navlinks a:hover {
    background: #FFFFCC;
    }

    #pun-ulinks a {
    color: #6f4d27;
    }

    #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #8a612b;
    }

    .punbb a, .punbb a:link, .punbb a:visited  {
    text-decoration: none !important;
    }

    </style>

0

2

Ива
Здравствуйте.

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

При наведении курсора на ссылку она заключается в жёлтый прямоугольник. Что нужно убрать, чтобы вернуть простое подчёркивание стиля MyFF Pirates of the Caribbean?

Удалите из Вашего кода:

Код:
    .punbb a:hover, #pun-navlinks a:hover {
    background: #FFFFCC;
    }

И это:

Код:
.punbb a, .punbb a:link, .punbb a:visited  {
    text-decoration: none !important;
    }
Ива написал(а):

2. При обновлении страницы часто долго не появляется фон сообщений (или не появляется вообще, тогда приходится обновлять страницу снова). Это из-за тяжеловесных картинок?

Нет, это скорее всего из-за "Радикал-фото". Загружайте графику непосредственно на Ваш форум.

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

3. Как в меню навигации изменить цвет текста ("Форум", "Участники" и т.д.)?

Допишите в ХТМЛ-верх это:

Код:
<style type="text/css">
#pun-navlinks a {
color: #ffffcc;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fff;
}
</style>

Первое - цвет в обычном состоянии, второе - при наведении курсора.

+1

3

rps
О, как оперативно ;)
Большое спасибо. Всё заменила, всё работает.

апд. Ещё вопрос.Как в меню навигации сделать написание текста не таким жирным?

Отредактировано Ива (Сб, 23 Окт 2010 00:21:57)

0

4

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

Как в меню навигации сделать написание текста не таким жирным?

Код:
<style type="text/css">
#pun-navlinks .container {
font-weight: 100;
}
</style>

0

5

rps
Большое спасибо.

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

Отредактировано Ива (Сб, 23 Окт 2010 17:52:40)

0

6

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

Текст уменьшается только при значении не ниже 200, и тогда шрифт становится слишком тонким. Как-то можно это изменить?

Всмысле? Может так будет лучше?

Код:
<style type="text/css">
#pun-navlinks .container {
font-weight: norlal;
}
</style>

+1

7

rps
Так то же самое, но ладно :)

Какой скрипт нужен, чтобы подпись автора отделялась от сообщения чертой?

0

8

Ива

Ищите во втором окне стиля (пункт "CS2.6") следующий код:

.punbb .post-sig dt {

  border-top-color: #585858  !important;

  }

И поменяйте его на:

.punbb .post-sig dt {
  border-top: 1px solid #585858 !important;
  }

Или в HTML верх поставьте этот код

<style type="text/css">.punbb .post-sig dt {
  border-top: 1px solid #585858 !important;
  }
</style>

Отредактировано Invisible Man (Вс, 24 Окт 2010 19:10:18)

+1

9

Invisible Man
Спасибо :)

Тему можно закрывать.

0


Вы здесь » Единый форум поддержки » Корзина » Как убрать из кода лишний элемент CSS