Иконки и др.

Страница: 1

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

Поделиться1Пн, 14 Мар 2011 16:39:40

Автор: Кларисса
Заслуженный
Зарегистрирован: Пн, 23 Авг 2010
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 25 Апр 2011 14:53:49

У меня вопрос. Не подскажите, как те иконки с солнышками перетащить влево, и как заменить пунктирные линии на нормальные?
http://catquest.spybb.ru/
Буду благодарна за помощь.

Отредактировано Кларисса (Пн, 14 Мар 2011 16:40:45)

Поделиться2Пн, 14 Мар 2011 23:56:37

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2721
Уважение: +4168
Позитив: +2423
Пол: Мужской
Последний визит:
Сб, 20 Сен 2025 22:07:23

Кларисса написал(а):

Не подскажите, как те иконки с солнышками перетащить влево, и как заменить пунктирные линии на нормальные?

Кларисса
в html-верх ставьте код:

<style type="text/css">
div.icon {float: left;}
.punbb .main td {border-style: solid none none solid;}
</style>

Instagram drumman.1

Поделиться3Вт, 15 Мар 2011 15:13:01

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Romych
Там свой стиль.

Кларисса написал(а):

как те иконки с солнышками перетащить влево

В первом окне стиля замените выделенное на left:

/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width: 100px;
height: 100px;
margin-right: 7px;
}

Кларисса написал(а):

как заменить пунктирные линии на нормальные

Найдите в первом окне стиля пункт "C2.11" и полностью замените его на:

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

Поделиться4Вт, 15 Мар 2011 15:33:31

Автор: Кларисса
Заслуженный
Зарегистрирован: Пн, 23 Авг 2010
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 25 Апр 2011 14:53:49

Romych
rps
Спасибо большое. Сейчас попробую.

Поделиться5Вт, 15 Мар 2011 15:39:13

Автор: Кларисса
Заслуженный
Зарегистрирован: Пн, 23 Авг 2010
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 25 Апр 2011 14:53:49

Все, работает. Спасибо)

Поделиться6Чт, 17 Мар 2011 08:48:16

Автор: Кларисса
Заслуженный
Зарегистрирован: Пн, 23 Авг 2010
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 25 Апр 2011 14:53:49

Мм, у меня тут еще один вопрос возник.. После подстановки того кода не все пунктиры убрались.. Можно также заменить указанные на скрине на нормальные линии?

Поделиться7Чт, 17 Мар 2011 21:51:26

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Кларисса
Замените в первом окне стиля полностью пункт "C3 Topics" на это:

Код:

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none;
  border-width: 0px;
  margin-top: 0.6em;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
float: right;
  border-top-style: solid;
  border-top-width: 1px;
  margin-left: -19em;}

/* C3.3 */
.punbb .post h3 span {
  margin-top: 1em;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;}

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  border-width: 1px;
  border-style:solid;
  padding: 3px;}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  padding: 3px;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: none;
  border-left-width: 0em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  margin-top: 1em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */

.punbb .post-box {
  padding: 1em;
  border-left-style: solid;
  border-left-width: 1px;
  }



/*C3.13 */

.punbb fieldset .post-box {
  margin-bottom: 0em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;

  border-left-style: none;
  border-left-width: 0px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: none;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

Поделиться8Пт, 18 Мар 2011 10:08:43

Автор: Кларисса
Заслуженный
Зарегистрирован: Пн, 23 Авг 2010
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 25 Апр 2011 14:53:49

rps
Благодарю.
~~Жаль, что я почему-то плюсы ставить не могу..~~

Поделиться9Пн, 21 Мар 2011 10:30:09

Автор: Ликия Користер Клим
Заслуженный
Зарегистрирован: Чт, 24 Фев 2011
Сообщений: 85
Уважение: 0
Позитив: +1
Последний визит:
Пн, 8 Апр 2013 22:16:41

у меня не получается сместить иконки, что бы они не лезли на название....

Поделиться10Вт, 22 Мар 2011 16:14:51

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ликия Користер Клим
Где адрес форума?

Поделиться11Чт, 24 Мар 2011 16:16:40

Автор: Тан4ик
Заслуженный
Зарегистрирован: Вс, 27 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Ср, 10 Авг 2011 16:53:35

А можно ли заменить вот эту иконку на свою??
Вот скрин

Поделиться12Чт, 24 Мар 2011 18:29:39

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Тан4ик
Здравствуйте.

Тан4ик написал(а):

А можно ли заменить вот эту иконку на свою??
Вот скрин

Код:

<link rel="shortcut icon" href="http://s006.radikal.ru/i213/1011/d4/6d4e3bc57c20.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://s006.radikal.ru/i213/1011/d4/6d4e3bc57c20.ico" type="image/vnd.microsoft.icon">

В самое начало ХТМЛ-низ.

Поделиться13Пт, 25 Мар 2011 23:14:21

Автор: Ликия Користер Клим
Заслуженный
Зарегистрирован: Чт, 24 Фев 2011
Сообщений: 85
Уважение: 0
Позитив: +1
Последний визит:
Пн, 8 Апр 2013 22:16:41

rps
вот:
http://greese.mybb.ru/

Поделиться14Пт, 25 Мар 2011 23:59:41

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ликия Користер Клим
Найдите в первом окне стиля это:

Код:

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

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

Код:

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

.punbb td div.tclcon {
  margin-left: 30px;
}

Поделиться15Сб, 26 Мар 2011 20:55:45

Автор: Ликия Користер Клим
Заслуженный
Зарегистрирован: Чт, 24 Фев 2011
Сообщений: 85
Уважение: 0
Позитив: +1
Последний визит:
Пн, 8 Апр 2013 22:16:41

rps
спасибо большое!!!!

Поделиться16Вс, 27 Мар 2011 22:34:24

Автор: Ликия Користер Клим
Заслуженный
Зарегистрирован: Чт, 24 Фев 2011
Сообщений: 85
Уважение: 0
Позитив: +1
Последний визит:
Пн, 8 Апр 2013 22:16:41

у меня возникла такая проблема: если на форумах всё нормально выглядит, то в темах путаница!!! иконки налезают друг на друга...

Отредактировано Ликия Користер Клим (Пн, 28 Мар 2011 13:02:37)

Поделиться17Пн, 28 Мар 2011 19:49:25

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ликия Користер Клим
Удалите из ХТМЛ-низ это:

Код:

<style type="text/css">
    .punbb table Div.icon {float: left 10mm; display: block; width: 50px; height: 50px; border-style: none none none none; div.icon {float: left;}

    Div.icon {
    background-image : url(http://radikal.ua/data/upload/ba193/c2184/3a485145db.jpg);
    background-repeat: no-repeat;
    }
    TR.inew Div.icon {
    background-image : url(http://radikal.ua/data/upload/05615/49112/7341a7d850.jpg);
    background-repeat: no-repeat;
    }
    TR.isticky Div.icon {
    background-image : url(http://radikal.ua/data/upload/4efc3/c2184/00d1aed29c.jpg);
    background-repeat: no-repeat;
    }
    TR.iclosed Div.icon {
    background-image : url(http://radikal.ua/data/upload/4efc3/05615/6ba93e1d4c.jpg);
    background-repeat: no-repeat;
    }
    TR.iredirect Div.icon {
    background-image : url(http://radikal.ua/data/upload/0fccf/69fda/6d53a02870.jpg);
    background-repeat: no-repeat;
    }
    </style>

А в ХТМЛ-верх поставьте это:

Код:

<style type="text/css">
.punbb Div.icon {
float: left; 
display: block; 
width: 50px; 
height: 50px; 
border-style: none none none none;
position: relative !important;
}
Div.icon {
background-image : url(http://radikal.ua/data/upload/ba193/c2184/3a485145db.jpg);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://radikal.ua/data/upload/05615/49112/7341a7d850.jpg);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://radikal.ua/data/upload/4efc3/c2184/00d1aed29c.jpg);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://radikal.ua/data/upload/4efc3/05615/6ba93e1d4c.jpg);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(http://radikal.ua/data/upload/0fccf/69fda/6d53a02870.jpg);
background-repeat: no-repeat;
}
</style>

Поделиться18Вт, 29 Мар 2011 16:28:26

Автор: Ликия Користер Клим
Заслуженный
Зарегистрирован: Чт, 24 Фев 2011
Сообщений: 85
Уважение: 0
Позитив: +1
Последний визит:
Пн, 8 Апр 2013 22:16:41

всё получилось))))))

Страница: 1

Подключение иконок в стиле Material Icons и MyBB техподдержки на css	Форум для новичков	Пт, 9 Янв 2026
Иконки для разделов и тем	Архив	Ср, 20 Июн 2007
Выпадающая Табличка по клику на иконку в профиле топика:	Новые возможности форумов	Пт, 30 Авг 2024
Вопросы по иконкам в форме ответа	Форум для новичков	Ср, 27 Ноя 2024
Исчезла иконка в виде мелодии в форме ответа	Архив	Ср, 1 Май 2024

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

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

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

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

Иконки и др.

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

Поделиться1Пн, 14 Мар 2011 16:39:40

Поделиться2Пн, 14 Мар 2011 23:56:37

Поделиться3Вт, 15 Мар 2011 15:13:01

Поделиться4Вт, 15 Мар 2011 15:33:31

Поделиться5Вт, 15 Мар 2011 15:39:13

Поделиться6Чт, 17 Мар 2011 08:48:16

Поделиться7Чт, 17 Мар 2011 21:51:26

Поделиться8Пт, 18 Мар 2011 10:08:43

Поделиться9Пн, 21 Мар 2011 10:30:09

Поделиться10Вт, 22 Мар 2011 16:14:51

Поделиться11Чт, 24 Мар 2011 16:16:40

Поделиться12Чт, 24 Мар 2011 18:29:39

Поделиться13Пт, 25 Мар 2011 23:14:21

Поделиться14Пт, 25 Мар 2011 23:59:41

Поделиться15Сб, 26 Мар 2011 20:55:45

Поделиться16Вс, 27 Мар 2011 22:34:24

Поделиться17Пн, 28 Мар 2011 19:49:25

Поделиться18Вт, 29 Мар 2011 16:28:26

Похожие темы