Studio AD : Блок аудио из контакта

Дата: Четверг, 17.03.2011, 21:25 | Сообщение # 1

молчун

Группа: Проверенные

Пользователь №: 3063

Сообщений: 24

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

И нужно, чтобы этот блок отображался сразу (без нажатия на чего-либо). Помогите, а?

Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:26

Дата: Четверг, 17.03.2011, 21:27 | Сообщение # 2

говорун

Группа: Проверенные

Пользователь №: 3179

Сообщений: 256

Получено оценок: 3

GRAF-8269,
link1 > link2

———————————————upd———————————————
Я сегодня добрый

Code

1	<style>
2	.footer {
3	position: absolute;
4	left: 100;
5	bottom: 0;
6	height: 20px;
7	width: 100px;
8
9	text-align:center;
10	border:1 solid #777;
11	background:#DDD;
12	-moz-border-radius: 7px;
13	border-radius: 7px;
14	}
15	</style>
16
17	<div class="footer">content</div>

Сообщение отредактировал Crasher - Четверг, 17.03.2011, 21:39

Дата: Четверг, 17.03.2011, 21:50 | Сообщение # 3

молчун

Группа: Проверенные

Пользователь №: 3063

Сообщений: 24

А блок именно как Вконтакте? Можно? (Оформление)

Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:51

Дата: Четверг, 17.03.2011, 22:07 | Сообщение # 4

говорун

Группа: Проверенные

Пользователь №: 3179

Сообщений: 256

Получено оценок: 3

Как-то так. Что-бы убрать заокруглённые углы внизу, нужно делать их не через css, а картинками

Code

1	<style>
2	.footer {
3	position: absolute;
4	left: 100;
5	right: 0;
6	bottom: 0;
7	height: 18px;
8	width: 100px;
9
10	font-family:Verdana;
11	font-size:8pt;
12	text-align:center;
13	color:#FFF;
14	background:#000;
15	-moz-border-radius: 7px;
16	border-radius: 7px;
17	}
18	</style>
19
20	<div class="footer">content</div>

MegaFill

Дата: Четверг, 17.03.2011, 22:10 | Сообщение # 5

шептун

Группа: Проверенные

Пользователь №: 3260

Сообщений: 79

Получено оценок: 8

Карма: 18

Цитата (Crasher)

Что-бы убрать заокруглённые углы внизу, нужно делать их не через css, а картинками

Ага, зачем писать лишние строчки кода, проще же картинками...

Code

1
2	-moz-border-radius-topleft: 7px;
3	-moz-border-radius-topright: 7px;
4	-moz-border-radius-bottomright: 0px;
5	-moz-border-radius-bottomleft: 0px;
6	border-top-left-radius: 7px;
7	border-top-right-radius: 7px;
8	border-bottom-right-radius: 0px;
9	border-bottom-left-radius: 0px;
10

Мой моушенhttp://vimeo.com/megafill
Креатив http://dailycreative.ru/
Веб разработка и тп http://devshack.ru/

Дата: Четверг, 17.03.2011, 22:21 | Сообщение # 6

говорун

Группа: Проверенные

Пользователь №: 3179

Сообщений: 256

Получено оценок: 3

MegaFill, подозревал, что есть такое, но искать было лень

Дата: Четверг, 17.03.2011, 23:01 | Сообщение # 7

молчун

Группа: Проверенные

Пользователь №: 3063

Сообщений: 24

Ребят, сделал как в контакте, только он висит в левом верхнем углу, а нужно в правом и нижнем. Что нужно изменить?

Code

1
2	position: fixed;
3	z-index: 1000;
4	top: -10px;
5	left: 10px;
6	opacity: 0.8;
7
8	font-size: 11px;
9	font-family: Tahoma;
10	color: #3333;
11
12	border-radius: 5px;
13	-moz-border-radius: 5px;
14	-webkit-border-radius: 5px;
15	cursor: pointer;
16	padding: 19px 10px 9px 20px;
17	background: #313131;
18	color: white;
19	text-shadow: 0 1px 0 black;
20	border-right: 1px solid #101010;
21	border-top: 1px solid #101010;
22	border-bottom: 1px solid #101010;
23	border-top-left-radius: 5px 5px;
24	border-top-right-radius: 5px 5px;
25	border-bottom-right-radius: 5px 5px;
26	border-bottom-left-radius: 5px 5px;
27

Может чего лишнего можно убрать из этого?

Дата: Четверг, 17.03.2011, 23:20 | Сообщение # 8

говорун

Группа: Проверенные

Пользователь №: 3179

Сообщений: 256

Получено оценок: 3

почему не сделать так, как мы писали?

Code

1	<style>
2	.footer {
3	position: absolute;
4	left: 100;
5	right: 0;
6	bottom: 0;
7	height: 18px;
8	width: 100px;
9	opacity: 0.8;
10
11	font-family:Verdana;
12	font-size:11px;
13	text-align:center;
14	cursor: pointer;
15	color:#FFF;
16	background:#000;
17	-moz-border-radius-topleft: 7px;
18	-moz-border-radius-topright: 7px;
19	-moz-border-radius-bottomright: 0px;
20	-moz-border-radius-bottomleft: 0px;
21	border-top-left-radius: 7px;
22	border-top-right-radius: 7px;
23	border-bottom-right-radius: 0px;
24	border-bottom-left-radius: 0px;
25	}
26	</style>
27
28	<div class="footer">content</div>

Дата: Пятница, 18.03.2011, 00:58 | Сообщение # 9

молчун

Группа: Проверенные

Пользователь №: 3063

Сообщений: 24

Разобрался, всем огромное спасибо