|
Блок аудио из контакта
|
|
| GRAF-8269 |
|  молчун Группа: Проверенные Пользователь №: 3063 Сообщений: 24
| Нужно вытащить блок из Вконтакте, когда музыку включаешь внизу всплывает плеер. Мне нужен не плеер, а блок, чтобы сделать в нем информер кто онлайн.  И нужно, чтобы этот блок отображался сразу (без нажатия на чего-либо). Помогите, а? 
Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:26 | | |
|
| Crasher |
|  говорун Группа: Проверенные Пользователь №: 3179 Сообщений: 256 Получено оценок: 3
| GRAF-8269,
link1 > link2 ———————————————upd———————————————
Я сегодня добрый 
Code <style> .footer { position: absolute; left: 100; bottom: 0; height: 20px; width: 100px; text-align:center; border:1 solid #777; background:#DDD; -moz-border-radius: 7px; border-radius: 7px; } </style> <div class="footer">content</div>
Сообщение отредактировал Crasher - Четверг, 17.03.2011, 21:39 | | |
|
| GRAF-8269 |
| молчун Группа: Проверенные Пользователь №: 3063 Сообщений: 24
| А блок именно как Вконтакте? Можно? (Оформление)
Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:51 | | |
|
| Crasher |
| говорун Группа: Проверенные Пользователь №: 3179 Сообщений: 256 Получено оценок: 3
| Как-то так. Что-бы убрать заокруглённые углы внизу, нужно делать их не через css, а картинками
Code <style> .footer { position: absolute; left: 100; right: 0; bottom: 0; height: 18px; width: 100px; font-family:Verdana; font-size:8pt; text-align:center; color:#FFF; background:#000; -moz-border-radius: 7px; border-radius: 7px; } </style> <div class="footer">content</div>
| | |
|
| MegaFill |
| Группа: Проверенные Пользователь №: 3260 Сообщений: 79 Получено оценок: 8
| Quote (Crasher) Что-бы убрать заокруглённые углы внизу, нужно делать их не через css, а картинками
Ага, зачем писать лишние строчки кода, проще же картинками...
Code
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
| | |
|
| Crasher |
| говорун Группа: Проверенные Пользователь №: 3179 Сообщений: 256 Получено оценок: 3
| MegaFill, подозревал, что есть такое, но искать было лень
| | |
|
| GRAF-8269 |
| молчун Группа: Проверенные Пользователь №: 3063 Сообщений: 24
| Ребят, сделал как в контакте, только он висит в левом верхнем углу, а нужно в правом и нижнем. Что нужно изменить?
Code
position: fixed;
z-index: 1000;
top: -10px;
left: 10px;
opacity: 0.8;
font-size: 11px;
font-family: Tahoma;
color: #3333;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
padding: 19px 10px 9px 20px;
background: #313131;
color: white;
text-shadow: 0 1px 0 black;
border-right: 1px solid #101010;
border-top: 1px solid #101010;
border-bottom: 1px solid #101010;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
Может чего лишнего можно убрать из этого?
| | |
|
| Crasher |
| говорун Группа: Проверенные Пользователь №: 3179 Сообщений: 256 Получено оценок: 3
| почему не сделать так, как мы писали?
Code <style> .footer { position: absolute; left: 100; right: 0; bottom: 0; height: 18px; width: 100px; opacity: 0.8; font-family:Verdana; font-size:11px; text-align:center; cursor: pointer; color:#FFF; background:#000; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } </style> <div class="footer">content</div>
| | |
|
| GRAF-8269 |
| молчун Группа: Проверенные Пользователь №: 3063 Сообщений: 24
| Разобрался, всем огромное спасибо 
| | |
|
