Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Код для кнопок с информацией

Предыдущая тема Следующая тема Перейти вниз

Код для кнопок с информацией

Сообщение автор Sanjana Singh в Вс 29 Июл - 11:53

Поднимала вопрос по оформлению в теме: http://help.forum2x2.ru/t26788-topic?thank=194273

Попробовала второй вариант, но получилось не совсем то, что хотелось.
Вот результат:

Мне не нравиться зеленая граница, появившаяся вокруг кнопок.
Вот код:
Код:
div.splLink {
width: 105px;
height: 34px;
border: 0px solid #44522B;
background: #008800;
text-align: center;
font-family: Times New Roman;
font-size: 15px; padding: 3px;
}
.spll {
width: 130px;
height: 70px;
}
.spll div.splCont {
height: auto;
width: auto;
background: #44522B;
padding: 5px;
z-index: 999;
margin-top: 5px;
border: 1px dotted #CD853F;
font-size: 14px;
font-family: Times New Roman;
text-align: center;
}
Кроме того, при нажатии ОК в CSS появляется вот такое сообщение: Обнаружена ошибка
Мы сосчитали различное число "{" и "} ". Это означает, что ваш CSS может быть недействительным и не будет показан правильно на вашем форуме.
Мы советуем вам перечитать ваш код. Хотя я ничего не удаляла в данном мне коде, просто вставила свое.

И еще вопрос. Как можно всплывающее окошко с информацией сделать определенных размеров? И размер текста увеличить, а то слишком мелкий (по стандартному не получается)?

Заранее спасибо)
avatar
Sanjana Singh
 

Женщина

Сообщения : 33
Регистрация : 2010-01-02
Благодарности : 0

Без предупреждений

http://newhog.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Код для кнопок с информацией

Сообщение автор Домовой в Вс 29 Июл - 13:19

с рамкой не понятно, по идее не должно быть, ведь у вас в коде указана толщина рамки кнопки 0px.
размер всплывающего окна и размер шрифта меняется здесь

Код:
.spll div.splCont {
height: auto; /* высота окна */
width: auto; /* ширина окна */
background: #44522B; /* фон */
padding: 5px;
z-index: 999;
margin-top: 5px;
border: 1px dotted #CD853F; /* рамка */
font-size: 14px; /* размер шрифта*/
font-family: Times New Roman; /* название шрифта */
text-align: center; /* расположение содержимого в окне по центру */
}
avatar
Домовой
 

Мужчина

Сообщения : 6809
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3234

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код для кнопок с информацией

Сообщение автор Sanjana Singh в Вс 29 Июл - 13:29

Спасибки, нашла свой косяк)))

И вот вопрос номер 2. В вышеуказанной ссылки на темку, я попросила подсказать, как сделать так, чтобы была табличка, где нажимаешь на Информацию, или Сюжет, и содержимое таблички сбоку меняется.
Dana Domirani дала мне ссылку с похожей темкой, где объясняла, как это сделать. Я попробовала, и получилось что-попало. Хотя я, вроде, следовала всем указаниям.
У меня не появляется табличка, а просто вся инфа вываливается под шапку.

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

Заранее спасибо)
avatar
Sanjana Singh
 

Женщина

Сообщения : 33
Регистрация : 2010-01-02
Благодарности : 0

Без предупреждений

http://newhog.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Код для кнопок с информацией

Сообщение автор Домовой в Вс 29 Июл - 13:32

на этот вопрос ждите ответ от Даны))
avatar
Домовой
 

Мужчина

Сообщения : 6809
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3234

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения