Вопросы по CSS (& HTML)

Поделиться105-02-2013 07:39:37

Автор: admin
takes to lead
Зарегистрирован: 29-04-2011
Приглашений: 0
Сообщений: 691
Уважение: +53
Позитив: +163
Провел на форуме:
7 дней 0 часов
Последний визит:
23-03-2013 22:58:04

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

0

Поделиться78111-08-2013 00:51:01

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

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

2. Слово "Профиль" впритык с остальным текстом, как бы поднять его выше? =о

Найдите в стилях:

Код:

#viewprofile h2, #profilenav h2 {
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
    padding: 0px;
    margin: 0px 14px -0.6em;
}

И добавьте ещё в конец
margin-top: -5px;

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

1. Ссылкам бы цвет в цитатах и скрытом тексте изменить.

Код:

/* Ссылки в цитате */ 
.punbb .post-content blockquote a {color: #fff}
/* Ссылки в цитате при наведении */
.punbb .post-content blockquote a:hover {color: #000}
/* Ссылки в скрытом тексте */
.punbb .post-content .blockcode a {color: #fff}
/* Ссылки в скрытом тексте при наведении */
.punbb .post-content .blockcode a:hover {color: #fff}

Добавляете в начало второго ксс-окошка

+2

Поделиться78211-08-2013 01:09:13

Автор: Ротация
я есмь клевер
Зарегистрирован: 08-08-2013
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +3
Провел на форуме:
45 минут
Последний визит:
11-10-2013 21:11:00

А можно ли фон под этими заголовками форум-тем-сообщений сделать прозрачным?

0

Поделиться78311-08-2013 01:09:40

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

Ротация, Ссылку на форум.

0

Поделиться78411-08-2013 01:11:17

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

пример форума с таким дизом

http://fragosus.rusff.ru/

кто-нибудь может помочь, объяснить?
~~прошу прощения, если написала не в ту тему, если что, исправлюсь~~

0

Поделиться78511-08-2013 01:19:34

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

ginger snaps,
Код таблицы:

Код:

<table border=0 width="190px" style="position: absolute; margin-left: -204px; top: 210px; " border: none; font-family: tahoma; font-size: 10px; line-height: 4px; margin: 1px;><tr><td width="190px">
содержимое
</td></tr></table>

width="190px" - ширина сайдбара
margin-left: -204px - отступ влево
top: 210px; - отступ сверху
border: none; - без границ
font-family: tahoma - шрифт
font-size: 10px - размер шрифта

Наверняка выйдет каша, но вы поставьте на тестовик, а я вам помогу всё привести в норму)

+2

Поделиться78611-08-2013 01:31:08

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

Наверняка выйдет каша, но вы поставьте на тестовик, а я вам помогу всё привести в норму)

а Вы оказались правы, вышло чёрт знает что) возможно, я не туда поставила?

впервые прошу о помощи на подобном форуме, не знаю, что и делать. дать Вам пароль от аккаунта там? присылать в лс? ;_;

Отредактировано ginger snaps (11-08-2013 02:34:46)

0

Поделиться78711-08-2013 01:47:00

Автор: Ротация
я есмь клевер
Зарегистрирован: 08-08-2013
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +3
Провел на форуме:
45 минут
Последний визит:
11-10-2013 21:11:00

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

Ротация, Ссылку на форум.

ох, простите, вот ссылка:
http://probaperad.mybb.ru/
: )

0

Поделиться78811-08-2013 01:47:26

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

ginger snaps написал(а):

впервые прошу о помощи на подобном форуме, не знаю, что и делать. дать Вам пароль от аккаунта там? присылать в лс? ;_;

Нет, я всё прекрасно вижу и без аккаунта)

Вышло как надо)
Так, приступим.
Находим в стилях:

Код:

.punbb .section, .punbb .main {
    margin-bottom: 0.5em;
}

Добавляем margin-left: 160px;
Дальше.
"<table border=0 width="190px" style="position: absolute; margin-left: -204px; top: 210px;"
margin-left: -204px; меняем на -180px
top: 210px; меняем на 250px

Можно ли ещё отодвинуть форум правее, или лучше расширить его в левую сторону, поскольку таблица не помещается?)

+2

Поделиться78911-08-2013 01:51:31

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

Ротация,
Найдите в стилях и уберите вычеркнутое:

.punbb th {
~~border-bottom: 1px solid rgb(162, 181, 206);~~
text-align: center;
~~background: none repeat scroll 0% 0% rgb(149, 164, 185);~~
color: rgb(108, 133, 165);
}

+1

Поделиться79011-08-2013 01:53:29

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

Можно ли ещё отодвинуть форум правее, или лучше расширить его в левую сторону, поскольку таблица не помещается?)

охохо! а давайте в левую?
ещё хотелось бы ~~вконец обнаглеть~~ узнать, как поставить фон в сайдбар. собственно, как на форуме, который я кинула как пример. я очень надеюсь, что Вы поняли, о чём я)
и, безусловно, огромное спасибо за то, что помогаете)

0

Поделиться79111-08-2013 01:58:27

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

ginger snaps,
Фон поставим позже, когда выведем уже текст))

Тогда найдите и поменяйте на выделенное:

#pun {
margin: 0px auto auto;
width: 1110px;
padding: 0px;
border: medium none;
}

И отступ влево в таблице поставьте на -160px.
Сейчас должно всё поместиться)

+2

Поделиться79211-08-2013 02:02:29

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

Тогда найдите и поменяйте на выделенное:

охчёрт, теперь шапка должна быть просто огроменной :< быть может, сумеем уместиться в 1020px? или совсем никак не получится?

Отредактировано ginger snaps (11-08-2013 02:03:48)

0

Поделиться79311-08-2013 02:04:23

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

ginger snaps написал(а):

охчёрт, теперь щапка должна быть просто огроменной :< быть может, сумеем уместиться в 1020px? или совсем никак не получится?

Тогда содержимое будет меньше, чем ширина вашего аватара здесь))
А вы попробуйте сделать шапку-фон, то есть шапку, которая плавно перетекает в фон, намного красивее смотрится)

+1

Поделиться79411-08-2013 02:06:50

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

Тогда содержимое будет меньше, чем ширина вашего аватара здесь))

да, Вы правы
блин. ну ничего, давайте продолжим так. авось, что-нибудь потом наколдую с шапкой)
теперь фон?

0

Поделиться79511-08-2013 02:08:44

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

ginger snaps,
Вы хотите, чтобы фон был фиксированным (статическая картинка), или чтобы он расширялся в зависимости от содержимого?
И да, он будет удаляться о футер и лезть под него, или же должен оконтовываться внизу и начинаться сверху?

0

Поделиться79611-08-2013 02:11:11

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

Вы хотите, чтобы фон был фиксированным (статическая картинка), или чтобы он расширялся в зависимости от содержимого?

фиксированный, да-да

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

И да, он будет удаляться о футер и лезть под него, или же должен оконтовываться внизу и начинаться сверху?

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

0

Поделиться79711-08-2013 02:18:47

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

ginger snaps написал(а):

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

ginger snaps написал(а):

фиксированный, да-да

Одно другому мешает, так-что лучше сделать всё по другому)
http://s5.uploads.ru/APvha.jpg - вот эту картинку фона нужно расширить до 1110 пикселей и слева нарисовать колонку) При этом, начало колонки нужно рисовать в шапке, я надеюсь, вы представляете себе это х)

+1

Поделиться79811-08-2013 02:22:40

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

http://s5.uploads.ru/APvha.jpg - вот эту картинку фона нужно расширить до 1110 пикселей

уже)

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

и слева нарисовать колонку)

сейчас буду пробовать

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

При этом, начало колонки нужно рисовать в шапке, я надеюсь, вы представляете себе это х)

кажется, я понимаю, что Вы имеете в виду)
постараюсь сейчас что-то примерно изобразить, да
а что на счет футера?

0

Поделиться79911-08-2013 02:28:32

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

ginger snaps написал(а):

а что на счет футера?

А футер тоже растянуть на 1110, если нужно, чтобы столбик под него проходил))

+1

Поделиться80011-08-2013 02:31:09

Автор: ginger snaps
бетон.
Зарегистрирован: 28-01-2012
Приглашений: 0
Сообщений: 142
Уважение: +1
Позитив: +14
Провел на форуме:
2 дня 8 часов
Последний визит:
28-11-2013 01:47:51

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

А футер тоже растянуть на 1110, если нужно, чтобы столбик под него проходил))

о, это просто отлично!
спасибо Вам огромное, вы меня очень выручили)

0

Поделиться80111-08-2013 11:07:26

Автор: ультраморин
строптивый ангел
Зарегистрирован: 09-05-2011
Приглашений: 0
Сообщений: 258
Уважение: +136
Позитив: +88
Пол: Женский
Провел на форуме:
11 дней 21 час
Последний визит:
15-10-2016 19:33:47

Не знаю сюда писать этот вопрос или нет. Подскажите как сделать что бы на картинке надписи были кликабельны. Это что-то мап карты. Но она в сообщениях на форуме не работает. Помогите ))

0

Поделиться80211-08-2013 14:30:30

Автор: Серая_Стрыга
я есмь клевер
Зарегистрирован: 11-08-2013
Приглашений: 0
Сообщений: 9
Уважение: 0
Позитив: +5
Провел на форуме:
3 часа 0 минут
Последний визит:
23-08-2013 22:05:31

Здравствуйте. Тут небольшая проблема с размером значков "нет новых сообщений".
"HTML-низ"
<style type="text/css"> Div.icon {
background-image : url(http://s5.uploads.ru/mfQcS.jpg);
background-repeat: no-repeat;
height: 55px; width: 62px;
}
</style>

Есть аналогичная, но с иконкой "новые сообщения" и она прекрасно работает.
Адрес сайта: http://paccbet.rolka.su/

0

Поделиться80311-08-2013 14:50:48

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

ультраморин,
Нужен хтмл в постах, чтобы сделать это в сообщениях)
Серая_Стрыга,
Добавьте в хтмл-верх:

Код:

<style>
.punbb div.icon {
    float: left;
    display: block;
    width: 38px;
    height: 24px;
    padding-top: 1px;
    margin-top: 1px;
}
</style>

И меняйте значения. Это для всех иконок, они должны быть одного размера, желательно.

+1

Поделиться80411-08-2013 15:08:11

Автор: Deisy-
Seven Devils
Зарегистрирован: 01-03-2011
Приглашений: 0
Сообщений: 279
Уважение: +82
Позитив: +14
Пол: Женский
Возраст: 29 [1995-05-13]
Провел на форуме:
3 дня 0 часов
Последний визит:
15-09-2015 14:47:00

Вопрос такой. Как создать перенос текста на новую строку? Допустим, достаточно длинное название темы, оно выходит за границы, отведенное названию картинкой, и надо, чтобы был производился автоматический перенос. Однако я не могу смекнуть, как это провернуть.

0

Поделиться80511-08-2013 15:13:08

Автор: ультраморин
строптивый ангел
Зарегистрирован: 09-05-2011
Приглашений: 0
Сообщений: 258
Уважение: +136
Позитив: +88
Пол: Женский
Провел на форуме:
11 дней 21 час
Последний визит:
15-10-2016 19:33:47

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

Нужен хтмл в постах, чтобы сделать это в сообщениях)

Как я понимаю надо поставить код и все заработает?

0

Поделиться80611-08-2013 15:24:47

Автор: Джи
«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

ультраморин,
В ХТМЛ-верх:

Код:

<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>

В ХТМЛ-низ:

<script>a="http://colorforum.ru/viewtopic.php?id=7190&p=9#p429818";
Transform_Code_Box_in_HTML (a)</script>

Выделенное - ссылка на сообщение.
Также можно упрощенную ссылку вставить: /viewtopic.php?id=7190&p=9#p429818. (:
Файл с hostjs-mybb2011 лучше перезалить на форум и вставить, так надежнее (:

+1

Поделиться80711-08-2013 15:52:47

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

Deisy- написал(а):

Вопрос такой. Как создать перенос текста на новую строку? Допустим, достаточно длинное название темы, оно выходит за границы, отведенное названию картинкой, и надо, чтобы был производился автоматический перенос. Однако я не могу смекнуть, как это провернуть.

Нужен адрес форума.

0