Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Поделиться121-09-2013 03:39:05

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

Поделиться54110-03-2014 01:40:38

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Unicorn Power написал(а):

2. Как сделать шрифт написания имени автора поста крупнее? И отличного цвета. Я что-то потерялась.

Добавить во второе окно цсс:

Код:

/* до наведения */
.pa-author a{
color: цвет;
font-size: размер в пикселях;}

/* при наведении */
.pa-author a:hover{
color: цвет;}

Unicorn Power написал(а):

3. Хотелось бы подвинуть строки "Активны" и "Посетили за сутки" ближе к левому краю экрана. Сейчас же по центру находится.

/* D7.4 */
li#onlinelist {
float:left;
margin-top:1em;
width:100%;
border-top-width:0;
border-top-style:none;
line-height:130%;
}

Удалите выделенное.

Unicorn Power написал(а):

1. Хотелось бы изменить кнопочки отправки и просмотра сообщений. Сделать их как на пике ниже, при нажатии, чтобы выглядели "вогнутыми"

Код:

.button:active{
border-radius: 10px;
border-left: 1px #fff solid;
border-bottom: 1px #fff solid;
border-top: 1px #000 solid;
border-right: 1px #000 solid;}

Для точности можете дать адрес форума, откуда пример.

+1

Поделиться54210-03-2014 12:42:24

Автор: Unicorn Power
valar morghulis
Зарегистрирован: 30-01-2014
Приглашений: 0
Сообщений: 5
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
3 часа 13 минут
Последний визит:
17-08-2016 20:07:47

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

Хотелось бы кнопочки как здесь - http://gleezes.rolka.su/
Такие же маленькие, аккуратненькие. В цвет фона.

И еще одна проблемка возникла. Все ссылки у меня стали вдруг подчеркнутыми, хотя в настройках вроде стоит без декора.

0

Поделиться54311-03-2014 01:21:38

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Unicorn Power
Это обычный стиль кнопок, если им не задавать стиль, они такими и будут. Чтобы сделать их округлыми, достаточно добавить во второе окно цсс:

Код:

.button{
border-radius: 5px;}

Насчёт ссылок:

/* CS3.2 */
.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:#4E4D30;
text-decoration:underline;
}

0

Поделиться54411-03-2014 10:16:35

Автор: Unicorn Power
valar morghulis
Зарегистрирован: 30-01-2014
Приглашений: 0
Сообщений: 5
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
3 часа 13 минут
Последний визит:
17-08-2016 20:07:47

morgan
Спасибо за помощь)
А с ссылками я уже разобралась. Они у меня были подчеркнуты абсолютно все, не только при ховере.

0

Поделиться54513-03-2014 00:36:56

Автор: Gate
я есмь клевер
Зарегистрирован: 04-02-2014
Приглашений: 0
Сообщений: 5
Уважение: 0
Позитив: 0
Провел на форуме:
7 часов 15 минут
Последний визит:
15-08-2016 22:28:32

Здравствуйте. Подскажите пожалуйста, как сделать, чтобы в таблице колонка с АМС не съезжала при масштабировании?

проблема

на первом скрине нормальное положение, на втором появился сдвиг при масштабировании

http://rolesleepyhollow.rusff.ru/

Отредактировано Gate (13-03-2014 00:40:19)

0

Поделиться54613-03-2014 00:42:54

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Gate
Вместо top и left используйте margin-top и margin-left для всех дивов из таблицы. Значения будут другие, подстраивайте под вкус.

0

Поделиться54714-03-2014 00:42:39

Автор: Markus
я есмь клевер
Зарегистрирован: 15-01-2012
Приглашений: 0
Сообщений: 5
Уважение: 0
Позитив: 0
Провел на форуме:
20 часов 8 минут
Последний визит:
14-08-2016 20:47:56

добрый день
скажите пожалуйста как можно убрать эту прозрачность:
блок с шрифтами, чтобы можно было поставить цвет

0

Поделиться54814-03-2014 01:44:32

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Markus

Код:

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background-color: #000;
}

0

Поделиться54915-03-2014 21:38:57

Автор: fire ember
я есмь клевер
Зарегистрирован: 14-04-2013
Приглашений: 0
Сообщений: 62
Уважение: 0
Позитив: +1
Провел на форуме:
1 день 3 часа
Последний визит:
16-05-2015 01:24:47

Доброго времени суток! Уже не первый раз замечаю подобное оформление на некоторых форумах, хотелось бы узнать, как сделать так, чтобы ссылки в описании форумов были заключены вот в такие "полосочки", как на этом форуме?
И также я неоднократно видела аналогичное оформление гостевых и прочих тем с помощью рамочек и вот таких "полосок"? Это какой-то скрипт или каким-то образом делается с помощью стандартных таблиц?

0

Поделиться55015-03-2014 22:04:20

Автор: Цисса
За любовь платят головой
Зарегистрирован: 04-04-2010
Приглашений: 0
Сообщений: 2405
Уважение: +163
Позитив: +415
Пол: Женский
Возраст: 29 [1995-06-10]
Провел на форуме:
18 дней 17 часов
Последний визит:
15-01-2016 21:23:24

fire ember
Милая, это задается кодом, по крайней мере ссылки,а именно:
в ксс цвет:
h6 {text-align: center; background-image: url(Картинка заднего фона); font-size: РАЗМЕР ТЕКСТАpx; font-weight: normal;}
Там, где эта ссылка нужна:
<h6><a href=Ссылка><b>текст</b></a></h6>

0

Поделиться55115-03-2014 22:09:47

Автор: fire ember
я есмь клевер
Зарегистрирован: 14-04-2013
Приглашений: 0
Сообщений: 62
Уважение: 0
Позитив: +1
Провел на форуме:
1 день 3 часа
Последний визит:
16-05-2015 01:24:47

Цисса
Большое спасибо за быстрый ответ, этот вопрос давно мне покоя не давал :love:

0

Поделиться55215-03-2014 22:12:11

Автор: Цисса
За любовь платят головой
Зарегистрирован: 04-04-2010
Приглашений: 0
Сообщений: 2405
Уважение: +163
Позитив: +415
Пол: Женский
Возраст: 29 [1995-06-10]
Провел на форуме:
18 дней 17 часов
Последний визит:
15-01-2016 21:23:24

fire ember
пользуйтесь наздаровье

0

Поделиться55317-03-2014 13:49:51

Автор: aku
я есмь клевер
Зарегистрирован: 04-06-2010
Приглашений: 0
Сообщений: 40
Уважение: +5
Позитив: +4
Провел на форуме:
1 день 2 часа
Последний визит:
13-12-2014 20:05:00

Как уменьшить расстояние между плеером и строчкой "опыт"?

0

Поделиться55418-03-2014 18:23:57

Автор: Amurka
любит колорфорум
Откуда: Москва
Зарегистрирован: 21-01-2011
Приглашений: 0
Сообщений: 75
Уважение: +9
Позитив: +45
Пол: Женский
Провел на форуме:
3 дня 23 часа
Последний визит:
02-08-2015 21:05:04

Доброго времени суток, возник вопрос, где можно достать данный скрипт?
http://letspretend.rusff.ru/viewtopic.php?id=2#p8

0

Поделиться55519-03-2014 00:21:03

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

aku

.pa-fld4{
margin-top: -20px !important;
padding-bottom: 3px !important;}

Вместо 4 указать номер доп поля, маргин и паддинг под себя подстроить.
Amurka
Легче спросить администрацию форума, ибо там всё очень печально.

+1

Поделиться55619-03-2014 10:32:03

Автор: aku
я есмь клевер
Зарегистрирован: 04-06-2010
Приглашений: 0
Сообщений: 40
Уважение: +5
Позитив: +4
Провел на форуме:
1 день 2 часа
Последний визит:
13-12-2014 20:05:00

morgan
Благодарю :з

0

Поделиться55719-03-2014 22:37:05

Автор: герр маннелиг
декадант
Зарегистрирован: 03-03-2012
Приглашений: 0
Сообщений: 434
Уважение: +349
Позитив: +1458
Пол: Женский
Провел на форуме:
12 дней 19 часов
Последний визит:
17-03-2021 21:13:38

Всем доброго
http://kindrat.rusff.ru/
Вопрос по табличке: по картинкам администрации со всплывающими окнами. Подскажите, можно ли сдвинуть картинки плотнее друг к другу?

Отредактировано герр маннелиг (19-03-2014 22:42:13)

0

Поделиться55821-03-2014 00:17:37

Автор: Мося
нечисть
Зарегистрирован: 30-10-2011
Приглашений: 0
Сообщений: 1729
Уважение: +433
Позитив: +235
Провел на форуме:
19 дней 8 часов
Последний визит:
26-11-2016 00:27:12

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

0

Поделиться55921-03-2014 21:37:48

Автор: iamyourpathos
я есмь клевер
Зарегистрирован: 11-08-2011
Приглашений: 0
Сообщений: 229
Уважение: +284
Позитив: +45
Провел на форуме:
6 дней 13 часов
Последний визит:
20-04-2016 18:23:26

всем вечера, подскажите, пожалуйста, как поменять цвет ссылок в профиле(слева от поста) )
вот, например, тут - http://tvddelirium.rusff.ru/viewtopic.p … =28#p58933 - цвет ссылок на форуме темно-зеленый, а в профиле светло-зеленый

Отредактировано iamyourpathos (21-03-2014 21:45:59)

0

Поделиться56022-03-2014 14:44:04

Автор: Джи
«Science has failed our Mother Earth...»
Откуда: Бердск
Зарегистрирован: 15-06-2012
Приглашений: 0
Сообщений: 303
Уважение: +71
Позитив: +9
Пол: Женский
Возраст: 24 [2000-03-09]
Провел на форуме:
10 дней 12 часов
Последний визит:
18-06-2014 11:27:14

герр маннелиг

.slide img {
float: left;
margin: 0 15px;
}

Второе значение регулируем

Отредактировано Джи (22-03-2014 14:49:54)

0

Поделиться56124-03-2014 11:12:20

Автор: Bradwardine
stand sure
Зарегистрирован: 29-10-2012
Приглашений: 0
Сообщений: 347
Уважение: +102
Позитив: +263
Пол: Женский
Провел на форуме:
4 дня 13 часов
Последний визит:
18-05-2016 22:30:17

Доброго времени суток! Подскажите, пожалуйста, как можно уменьшить расстояние между аватаром и постом:

http://ohsb.mybb.ru/

0

Поделиться56224-03-2014 12:20:47

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Bradwardine
А кого к кому подтягивать? Можно профиль ближе к посту, можно пост сделать шире и приблизить к профилю

0

Поделиться56324-03-2014 13:18:33

Автор: Bradwardine
stand sure
Зарегистрирован: 29-10-2012
Приглашений: 0
Сообщений: 347
Уважение: +102
Позитив: +263
Пол: Женский
Провел на форуме:
4 дня 13 часов
Последний визит:
18-05-2016 22:30:17

morgan, пост пошире сделать.

0

Поделиться56424-03-2014 14:02:05

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Bradwardine

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

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

Меняйте на 15

И, пожалуй, нужно центрировать профиль:

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

Добавить выделенное.

+1

Поделиться56524-03-2014 14:31:15

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Bradwardine
Совсем забыл:

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

Аналогично на 15

+1

Поделиться56624-03-2014 15:07:05

Автор: Bradwardine
stand sure
Зарегистрирован: 29-10-2012
Приглашений: 0
Сообщений: 347
Уважение: +102
Позитив: +263
Пол: Женский
Провел на форуме:
4 дня 13 часов
Последний визит:
18-05-2016 22:30:17

morgan, спасибо большое
А профиль центрировать еще прошлым летом пробовали, но народ попросил по левому краю вернуть)

0

Поделиться56725-03-2014 22:00:06

Автор: герр маннелиг
декадант
Зарегистрирован: 03-03-2012
Приглашений: 0
Сообщений: 434
Уважение: +349
Позитив: +1458
Пол: Женский
Провел на форуме:
12 дней 19 часов
Последний визит:
17-03-2021 21:13:38

Мося

стиль

.tooltip {
border: none;
color: #000000;
text-decoration: none;
position: relative;
width: 50px;
}

.tooltip span {
margin-left: -999em;
position: absolute;
}

.tooltip:hover span {
font-family:times;
font-size: 12px;
position: absolute;
left: -200px;
top: 10px;
z-index: 1001;
margin-left: 0;
width: 170px;}

.tooltip:hover img {
left: 1em;
top: 2em;
z-index: 1001;}

.fairy {
background-image: url("http://s5.uploads.ru/I69au.png");
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-top: solid 2px #000000;
border-bottom: solid 2px #000000;}

и так в таблице

<a class="tooltip" href="http://kindrat.rusff.ru/profile.php?id=3">
<img src="http://s4.uploads.ru/UMvFs.png" height="50" width="50" />
<span class="fairy">
<img src="http://s6.hostingkartinok.com/uploads/images/2013/10/6e5109994df62bac2e9506b1c15e1b14.png">
<br>
Кристоффер Янсен, главный администратор, хвостатый покусака
</span></a>

Руки у меня не из того места, так что, может, где-то и напортачила

Джи
Не могу это найти нигде, когда вставляю, ничего не меняется

0