Прикрепить проигрователь мп-3 к окну браузера на сайте

Новые сообщения

Страница 1 из 1 1
Модератор форума: chocopie, Samuel, Mihail

Прикрепить проигрователь мп-3 к окну браузера на сайте (Как прикрепить проигрователь к окну браузера на сайте чтоб)

Прикрепить проигрователь мп-3 к окну браузера на сайте

Staruy_rus

пользователь

Сообщений: 23

Репутация:

off-line Добавлено: 2012-Янв-20 - 01:06 | Сообщение #1

Код проигрователя

<object type="application/x-shockwave-flash" data="mp3_player.swf" width="200" height="75" wmode="transparent">
<param name="movie" value="mp3player.swf" />
</object>
<div class="clr"></div>
</div>

Таблица стилей CSS
/*
Адаптация шаблона Staruy

*/
#puzadpn {display:none}
/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none;}
html { background:#1c2429 url(/images/main_bg.jpg) repeat left top;}
body { margin:0; padding:0; color:#868686; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; background:url(/images/header_cbg.jpg) repeat-x center top;}
a { color:#a92446; text-decoration:none;}
a:hover { text-decoration:underline;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;}
li { list-style:none;}

h2 { }
h2, h2 a { margin:0; padding:0; font-size:22px; font-weight:normal; line-height:1em; letter-spacing:normal; color:#1e1e1e;}
h3, h3 a { }
h4 { }
p { padding:0 0 12px;}
p.underh2 { margin:0 0 16px; padding:4px 0 0; font-size:11px; line-height:1em;}
/*=== Layout ===*/
#page { margin:0 auto; padding:0; width:960px; background:url(/images/header_bg.jpg) no-repeat center top;}
/*=== Header ===*/
#header { margin:0 auto; padding:0; height:155px;}
/*- Logo -*/
.logo { margin:0; padding:0; height:98px;}
.logo h1 { margin:0; padding:28px 0 0; font-size:36px; font-weight:bold; line-height:1em; text-align:center; color:#fff; text-transform:uppercase;}
.logo h1 a, .logo h1 a:hover { color:#fff; text-decoration:none;}
.logo h1 small { display:block; margin:0; padding:0; color:#949494; font-size:11px; font-weight:normal; line-height:1em; letter-spacing:normal;}
/* RSS */
.rss { margin:28px 0 0 20px; padding:0 0 24px; float:right; width:236px;}
.rss .img_rss { padding:0 0 0 8px; float:right; border:none;}
.rss p { margin:0; padding:4px 0 0; font-size:18px; font-weight:normal; line-height:1.2em; text-align:right; color:#5b5b5b;}
.rss p a, .rss p a:hover { color:#5b5b5b; text-decoration:none;}
.rss ul { margin:0; padding:0; list-style:none; float:right; width:auto;}
.rss ul li { padding:0 8px; float:left; font-size:11px; line-height:1.2em; border-right:1px solid #afb0b2;}
.rss ul li.last_rss { padding:0 0 0 8px; border-right:none;}
.rss ul li a { color:#949494; text-decoration:none;}
.rss ul li a:hover { text-decoration:underline;}
/* Search form */
.search { padding:7px 8px 0 0; float:right; width:auto;}
#search span { display:block; background:url(/images/search_bg.gif) no-repeat left top; height:26px; margin:0; padding:0; border:none;}
#search input#s { margin:0; padding:6px 10px; float:left; width:182px; color:#87a2b2; font-size:11px; line-height:14px; font-weight:normal; background:none; border:none;}
#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}
/*=== All Columns ===*/
#columns { margin:0 auto; padding:0; width:960px; background:url(/images/content_bg.jpg) no-repeat center bottom;}
#page.index #columns { padding:0 0 19px; background:url(/images/content_ibg.jpg) no-repeat center bottom;}
/*=== Page Title ===*/
.pagetitle { margin:0 0 48px; padding:116px 0 24px; background:url(/images/shade_header.png) no-repeat center bottom; position:relative; z-index:0;}
.pagetitle h2 { margin:0; padding:40px 48px; font-size:30px; color:#c7bfaf; background-color:#201e1d;}
/*=== Center Column ===*/
#centercol { margin:0; padding:0 0 38px; float:left; width:650px; background:url(/images/centercol_bg.png) no-repeat center bottom;}
.centercol-bg { background:#ededed url(images/content_grad.gif) repeat-x left top;}
/*=== Right Column ===*/
#rightcol { margin:0; padding:0; float:right; width:260px; background:url(/images/rightcol_bg.gif) repeat-y left top;}
.box { margin:0 20px; padding:20px 0; background:url(/images/line.gif) repeat-x left bottom;}
.box .content { }
.box_r { margin:0 0 24px; padding:0; background:none; border:none;}
.box_r .content { margin:0; padding:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#939393; text-decoration:none;}
.small_link small { font-size:11px;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px;}
/*- Post Title -*/
.post-title { padding:0; margin:0;}
.post-title h2 { margin:0; padding:6px 0 0;}
.post-title h2 a { display:inline; margin:0; padding:0; text-decoration:none;}
/*- Post Excerpt -*/
.post-excerpt { padding:0; margin:0;}
.post-excerpt p { margin:0;}
.post-excerpt p strong { letter-spacing:1px; color:#383838;}
.post-excerpt a { color:#77d7ec; text-decoration:underline; font-weight:bold;}
.post-excerpt a.comm { float:left;}
/* post-leav */
.post-leav { margin:0; padding:0; font-size:11px; line-height:1em; color:#a92446; background:none;}
.post-leav a { font-size:11px; line-height:1.8em; color:#445a66; text-decoration:none;}
.post-leav a:hover { text-decoration:underline;}
/* blog-content */
.blog-content { }
/* comments count */
.comm_count { display:block; margin:0; padding:8px 0 0; float:right; width:47px; height:37px; font-size:22px; line-height:1em; text-align:center; color:#1e1e1e; background:url(/images/comment_bg.png) no-repeat left top;}
.comm_count a { font-weight:normal; color:#1e1e1e; text-decoration:none;}
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}
/*- Post Author -*/
.post-author { margin:0 0 1em;}
.author-details { font-size:11px;}
.author-descr { display:table; height:1%;}
/*- Social Links -*/
.social-box { padding:50px 24px 0 42px;}
.social-slogan { padding:0; float:left; width:auto; font-size:18px; line-height:1.3em; color:#91b8d0;}
.social-slogan small { font-size:11px; line-height:1.3em;}
.social-links { padding:6px 0 0; float:right; width:auto;}
.social-links img { margin:0 0 0 3px; border:none;}
/* post-commets */
.post-commets { float:right;}
/*- Related Posts -*/
/*- Post Date -*/
.post-date { margin:0 0 12px; padding:0 0 3px; color:#979797; font-size:11px;}
.post-date a { color:#525252; text-decoration:none;}
.post-date a:hover { text-decoration:underline;}
/*- Post Comments -*/
.post-comments { }
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:490px;}
/*- Widget Title - */
.wtitle { padding:0; margin:0;}
.wtitle h2 { margin:0; padding:6px 0 16px; font-size:18px; line-height:1em; font-weight:normal; color:#fff;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { }
/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:460px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Lists ===*/
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:460px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(/images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic { margin:0 12px 8px 0; padding:0; float:left;}
.pic img { margin:0 0 16px; padding:2px; border:1px solid #cbcbcb; background-color:#fbfbfb;}
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 1px 5px 0; padding:0; border:none;}
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px;}
.box .ac img { border:0; margin:0;}
.banner { margin:0; padding:0; background:none;}

/*=== Footer ===*/
#page_bottom { padding:0;}
#footer { margin:0; padding:0; height:80px; background:url(/images/footer_bg.gif) no-repeat center top;}
#footer .textf { margin:0 auto; padding:13px 20px 0; width:920px;}
#footer .text1, #footer .text2 { padding:0; font-size:11px; line-height:1em; color:#748c9a;}
#footer .text1 { float:left;}
#footer .text2 { float:right;}
#footer .text1 a, #footer .text2 a { font-weight:normal; text-decoration:underline; color:#748c9a;}

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(/images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}

.slider { margin:0; padding:0; height:537px; overflow:hidden; background:url(/images/slider_bg.jpg) no-repeat center bottom;}

/* footer2 */
.footer2 { padding:0;}
.footer2_resize { margin:0 auto; padding:18px 20px 32px; width:920px; background:url(/images/f2_bg.jpg) no-repeat center top;}
.footer2 h2 { margin:0; padding:0 0 32px; font-size:18px; line-height:1em; font-weight:normal; color:#fff;}
.footer2 .f-col1, .footer2 .f-col2, .footer2 .f-col3, .footer2 .f-col4 { margin:0; padding:0 50px 0 0; float:left; color:#768d9b;}
.footer2 .f-col1 { width:140px;}
.footer2 .f-col2 { width:230px; line-height:2em; font-size:10px;}
.footer2 .f-col3 { width:200px;}
.footer2 .f-col4 { margin:0; padding:0; width:200px; line-height:2.2em;}
.footer2 .f-col4 a { color:#768d9b; text-decoration:underline;}
.footer2 ul, .footer2 ul li { margin:0; padding:0; list-style:none;}
.footer2 ul li a { display:block; margin:0; padding:5px 0; color:#768d9b; text-decoration:none; border-bottom:1px solid #304351;}
.footer2 ul li a:hover { text-decoration:underline;}

.index-box { padding:20px; background:#ededed url(/images/content_grad.gif) repeat-x left top;}
.index-box h2 { font-size:18px;}
.index-cols { padding:0 0 24px; height:auto; background:url(/images/line.gif) repeat-x left bottom;}
.index-col { margin:0; padding:0; width:287px; float:left;}
.index-col-center { margin:0 29px;}
.index-img img { margin:0 0 16px; padding:2px; border:1px solid #cbcbcb; background-color:#fbfbfb;}
.index-col-l { padding:24px 0 0; width:541px; float:left;}
.index-col-r { padding:24px 0 0; width:340px; float:right;}
.index-news { padding:0 0 8px; line-height:1.8em;}
.index-news h3 { margin:0; padding:0; font-size:14px; font-weight:bold; line-height:1.8em; color:#688ba0;}
.index-news h3 a { color:#688ba0; text-decoration:none;}
.index-news-date { margin:0; padding:0; font-style:italic; font-size:11px; line-height:1.8em;}
.index-news-date a { font-weight:bold; color:#525252; text-decoration:none;}
.index-news-date a:hover { text-decoration:underline;}
.readmore a { font-size:11px; line-height:1.8em; color:#445a66; text-decoration:none;}
.readmore a:hover { text-decoration:underline;}[color=red]

Сообщение отредактировал Staruy_rus - Пятница, 2012-Янв-20, 01:07

профиль цитировать

proucoz

администратор

Сообщений: 1611

Репутация:

off-line Добавлено: 2012-Янв-20 - 01:10 | Сообщение #2

Staruy_rus,

это в код страницы

Code

это в CSS

Code

.pleer {position: fixed; top: 0px; left: 0px; right: 0px;}

top: 0px; - отступ сверху
left: 0px; - отступ слева
right: 0px; - отступ справа

Хочешь в команду сайта? Пиши! Контакты в профиле.

профиль цитировать

Staruy_rus

пользователь

Сообщений: 23

Репутация:

off-line Добавлено: 2012-Янв-20 - 01:11 | Сообщение #3

Большущее спасибо!

профиль цитировать

Страница 1 из 1
1

Вы не авторизованы!

Вакансии