Задаем, отвечаем. 
Вопросы по работе с html и css
Сообщений 1 страница 30 из 204
Поделиться12012-01-02 11:15:34
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Поделиться22012-01-02 12:30:08
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
пфшшшш, я такая решила сделать цитаты круглые, а у меня полетело что-то все О.о
http://perla.hutt.ru/ чо делать-то хд
Поделиться32012-01-02 12:37:35
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Что именно полетело?
Поделиться42012-01-02 12:47:17
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Adel
а чо у меня одной ссылки синие? они бордовые раньше были
получаются, как не до конца загружается, но на самом деле страница полностью загружена
Поделиться52012-01-02 12:59:46
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Попробуй добавить !important после каждого обозначения цвета ссылки в блоке с ссылками. Например:
/* CS3.1 */
.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: #500000!important;
border-bottom: 0px none #8e8e8e;
text-decoration: none;}
Ну и далее.
А вообще в таких случаях я бы начала собирать стиль с нуля, чтобы не пропустить ошибку.
Поделиться62012-01-02 13:16:25
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Adel
ну вот зря побеспокоила тебя хд
просто я скобку забыла поставить х)
Поделиться72012-01-02 13:44:58
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
ага, это еще не все)
как сделать, чтобы в форме ответа и все кнопочки были закругленные и убрать рамку или сделать ее другим начертанием?
Поделиться82012-01-02 22:54:22
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Рамку вокруг кнопок? В общем, если я правильно поняла, то добавь вот это во второе окошко стиля
Код:
* .button {
border-radius:13px!important;
-webkit-border-radius:13px!important;
-khtml-border-radius:13px!important;
-moz-border-radius:13px!important;
-o-border-radius:13px!important;
border: none!important;
}Поделиться92012-01-03 07:55:56
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Adel
нет, не то)
надо чтобы и в форме ответа были другие линии, цвет, закругленные углы,и кнопки все (а не только "отправить" и "посмотреть") были подстать форме ответа)
Поделиться102012-01-03 09:59:13
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Специально уменьшил шапку, чтобы форум был поменьше в прокрутке, но появилось много свободного места между шапкой и навигацией.
Как это убрать?
Поделиться112012-01-03 19:19:57
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Странно, у меня все кнопки этот код закругляет. Или ты имела в виду кнопки над формой ответа? Или спойлер?
Для формы ответа - вот:
#main-reply {
border-radius:13px!important;
-webkit-border-radius:13px!important;
-khtml-border-radius:13px!important;
-moz-border-radius:13px!important;
-o-border-radius:13px!important;
border: none!important;
}
Ну и поиграйся со значениями, конечно...
моральная крыса
В первом окошке стиля ищете
/* D1.4 */
#pun-title h1 span {
display: none;
}#pun-title table {
border: none;
height: 496px;
width: 100%;
z-index: 1;
opacity: 0.4;
}
Выделенное меняете на высоту своей новой шапки.
Поделиться122012-01-03 19:50:28
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Adel
я тебя обожаю ^ ^
только у спойлеров все так и осталось. с этим можно что-то сделать?
и еще вопрос, где к ксс отрегулировать положение статуса, имени автора и аватара? допустим, чтобы они были посередине)
Отредактировано perla (2012-01-03 19:51:52)
Поделиться132012-01-03 20:04:58
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
В общем, код для кнопок и спойлера вроде должен быть такой (хотя может и не сработать, в зависимости от скрипта)
Код:
* .button, .spoiler-button {
border-radius:13px!important;
-webkit-border-radius:13px!important;
-khtml-border-radius:13px!important;
-moz-border-radius:13px!important;
-o-border-radius:13px!important;
border: none!important;
}perla написал(а):
и еще вопрос, где к ксс отрегулировать положение статуса, имени автора и аватара? допустим, чтобы они были посередине)
Код:
.post-author ul .pa-author,
.post-author ul .pa-title,
.post-author ul .pa-avatar{
text-align:center!important;
}Поделиться142012-01-03 20:54:08
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Adel
ага, спасибо, помогло!
Поделиться152012-01-04 15:57:24
- Иллюзия ветра
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 5
- Уважение: +1
- Провел на форуме:
58 минут - Последний визит:
2012-05-18 13:20:05
А не подскажите, в каком селекторе можно изменить цвет надписей Новая тема Новый опрос?
Поделиться162012-01-04 16:16:59
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Бархат ночи
Вот
Код:
.linkst noindex .postlink span a {
color: цвет;
}Поделиться172012-01-04 19:41:27
- Иллюзия ветра
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 5
- Уважение: +1
- Провел на форуме:
58 минут - Последний визит:
2012-05-18 13:20:05
Adel
Большое спасибо.
Оу мен..
Чертовщина какая-то, в списке тем поменялись свойства шрифта и отображается не так как должно. Каков будет селектор для того, чтобы указать стиль ссылок в списке тем?
Поделиться182012-01-04 21:46:23
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Бархат ночи
а можно линк на тестовик?
Поделиться192012-01-06 12:18:27
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
да елки-палки, я с этой таблицей с ума сойду...
Дайте пожалуйста нормальный скрипт боковой таблицы с объяснениями. А то я нашел только какую то фиксированную, которая пропадает, когда уходишь с главной...
Поделиться202012-01-06 12:40:23
- Google лох? Сам ты лох!
- Откуда: sevastopol
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 89
- Уважение: +12
- Пол: Женский
- Возраст: 29 [1995-04-19]
- Провел на форуме:
1 день 1 час - Последний визит:
2012-06-19 21:37:58
моральная крыса
тебе именно боковую таблицу или дивы?
разница в том, что боковая таблица это http://pjgc.rusff.ru/ как тут
а дивы это как тут http://pragent.userforum.ru/ и дивов можно 2
простите, что даю умершие форумы, но до каких быстрее добралась
Поделиться212012-01-06 12:43:16
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
моральная крыса
Я использую этот, но в зависимости от ширины форума и высоты шапки код все равно нужно подгонять. Ставить в html-верх.
<div id="sidebar" >
<div width="190px">
<br>
А тут пошел текст, картинки и т.д.
<br>
</div>
</div>
<style>
#sidebar {
width: 200px; height: 400px;
background-color: #faf6ea;
text-align: center;
position: absolute;
top: 350px;
margin-left: 840px;
font-size: 7.5pt;
}
</style>
width: 200px; height: 400px; - высота и ширина таблицы
<div width="190px"> - ширина внутренней ячейки с содержимым, благодаря этому будут поля по 5px слева и справа
background-color: #faf6ea; - фоновый цвет
top: 350px; - расстояние от верха окна до верха таблицы
margin-left: 840px; - эта таблица будет справа. Если нужно слева, то ставим margin-left: -220px; Ну и играемся с цифрами.
font-size: 7.5pt; - размер шрифта.
Поделиться222012-01-06 12:44:14
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
chehova
Там оба случая - это дивы, и код одинаковый, только в первом примере в стиле задано position: fixed; и он фиксированный.)
Поделиться232012-01-06 12:51:47
- Google лох? Сам ты лох!
- Откуда: sevastopol
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 89
- Уважение: +12
- Пол: Женский
- Возраст: 29 [1995-04-19]
- Провел на форуме:
1 день 1 час - Последний визит:
2012-06-19 21:37:58
Adel
я конечно не хочу спорить, но если ты захочешь поставить вторую талицу, то она не установиться, даже если ты сделаешь её как ты говоришь не фиксированной, (а не фексированная, это значит, что она двигается за форумом, что и делает эта таблица) это просто форум моей подруги и я знаю этот код.. в принципе может она что-то намудрила и мы с тобой обе правы в некоторой степени.
Поделиться242012-01-06 14:29:17
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
chehova
это одинаковые дивки, только с разными параметрами css, посмотри в исходном коде.
код № 1
<div id="sidebar">
<center>И пошел текст.
</center>
</div><style>
#sidebar {
width:220px; max-height:1000px; position: absolute; top: 380px; margin-left: 845px;
background-color: #E7D7C0;
text-align: center;
</style>
Код № 2
<div id="sidebar">
<center>Тут тоже пошел текст.
</center>
</div><style>
#sidebar {
background-color: #ffffff;
width: 190px;
height: 100%;
margin-left: -200px;
padding: 5px;
position: fixed;
float: left;
border-right:0px solid #f0f0f0; border-left: 0px solid #f0f0f0; }
</style>
или ты имеешь в виду, что они обе не поставятся, если их одновременно ставить?
Поделиться252012-01-06 14:59:23
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
chehova написал(а):
вот как здесь нужна и по правому краю...
Так, я установил, получилось как надо, сделаю его потом прозрачным как тело форума... Посмотрите свежим взглядом, вам не кажется, что тело и таблица образуют уродливый угол в 90 градусов? =DDD
Поделиться262012-01-06 15:14:22
- Google лох? Сам ты лох!
- Откуда: sevastopol
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 89
- Уважение: +12
- Пол: Женский
- Возраст: 29 [1995-04-19]
- Провел на форуме:
1 день 1 час - Последний визит:
2012-06-19 21:37:58
Adel
нет я о другом.. а ладно забей.. невеликая проблема человечества..хд
Поделиться272012-01-06 15:18:21
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
моральная крыса
Кажется. Я бы ее вверх самый поставила. Или ниже надписи, в зависимости от того, какое будет обьявление.Это ролевая по маскараду? **
Поделиться282012-01-06 15:55:48
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Adel
объявления не будет. Всё необходимое будет в мап карте и в боковой таблице.это диз для ролевой по маскараду*__*
Поделиться292012-01-06 16:07:46
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
научите меня кто-нибудь делать дизайн с прокручивающимся фоном и шапкой больше, чем граница форумной таблицы? *____*
Поделиться302012-01-06 18:41:07
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 24 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Вот это идет во второе окошко такого стиля.
/* ШАПКА */
body {
background-color: transparent;
background-image: url("картинка");
background-repeat: no-repeat;
background-position: top center;
}/* ФОН */
HTML {
background-color: цвет;
background-image: url("картинка");
background-repeat: repeat-xy;
background-position: top center;
}/* НИЗ */
#pun_wrap {
background-image: url("картинка");
background-repeat: no-repeat;
background-position: center bottom;
}