• Страница 1 из 1
  • 1
Блок аудио из контакта
GRAF-8269
Дата: Четверг, 17.03.2011, 21:25 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 3063
Сообщений: 24
Нужно вытащить блок из Вконтакте, когда музыку включаешь внизу всплывает плеер. Мне нужен не плеер, а блок, чтобы сделать в нем информер кто онлайн.

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


Всё о продуктах и услугах МоскомПриватБанка

Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:26
  
Crasher
Дата: Четверг, 17.03.2011, 21:27 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 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
Дата: Четверг, 17.03.2011, 21:50 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 3063
Сообщений: 24
А блок именно как Вконтакте? Можно? (Оформление)

Всё о продуктах и услугах МоскомПриватБанка

Сообщение отредактировал GRAF-8269 - Четверг, 17.03.2011, 21:51
  
Crasher
Дата: Четверг, 17.03.2011, 22:07 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 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
Дата: Четверг, 17.03.2011, 22:10 | Сообщение # 5
шептун
Группа: Проверенные
Пользователь №: 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;


Мой моушенhttp://vimeo.com/megafill
Креатив http://dailycreative.ru/
Веб разработка и тп http://devshack.ru/
  
Crasher
Дата: Четверг, 17.03.2011, 22:21 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
MegaFill, подозревал, что есть такое, но искать было лень :)

  
GRAF-8269
Дата: Четверг, 17.03.2011, 23:01 | Сообщение # 7
молчун
Группа: Проверенные
Пользователь №: 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
Дата: Четверг, 17.03.2011, 23:20 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 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
Дата: Пятница, 18.03.2011, 00:58 | Сообщение # 9
молчун
Группа: Проверенные
Пользователь №: 3063
Сообщений: 24
Разобрался, всем огромное спасибо ;)

Всё о продуктах и услугах МоскомПриватБанка
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.