Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Ant paveikliuko palyeris
Parašė gintulis· 2011 Vas. 1 21:02:24
#1
Turiu čia toki klausimėlį. Gal turite kodą? Noriu kad būtu playeris ir aplinkui jį paveikliukas
Tarkim štai playerio kodas:
<object id="c16004" name="c16004" height="360" width="640" type="application/x-shockwave-flash" data="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="movie" value="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"></param></object>
Ir noriu kad roditu po juo arba ant jo nėra skirtumo paveikliuką :)
Parašė ---· 2011 Vas. 1 21:02:27
#2
Tai panaudojam paprasciausia dalyka div ir priskiriam jam
css klase, o i
css yrasom paveiksliuko linka :)
<div class='playeris'><object id="c16004" name="c16004" height="360" width="640" type="application/x-shockwave-flash" data="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="movie" value="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"></param></object></div>
Redagavo ---· 2011 Vas. 1 21:02:49
Parašė gintulis· 2011 Vas. 2 13:02:26
#3
gY - tai kad nematau kad kur būtum paveikliuką idėjas...
Parašė Gugiss· 2011 Vas. 2 13:02:46
#4
tai tu atsidaryk .css faila ir parasyk
.playeris{
backgound-image: url('paveiksliuko_adresas');
}
Redagavo Gugiss· 2011 Vas. 2 13:02:30
Parašė gintulis· 2011 Vas. 2 14:02:31
#5
A dėkui nežinojau :)
Va irašiau į tą .css bet vistiek nerodo...
a {
color: #d4d4d4;
text-decoration:none;
}
a:hover {
color:#e69a16;
text-decoration:none;
}
a.side {
color: #d4d4d4;
text-decoration:none;
}
a:hover.side {
color:#e69a16;
text-decoration:none;
}
a.white {
color: #d4d4d4;
text-decoration:none;
}
a:hover.white {
color:#e69a16;
text-decoration:none;
}
.spacer {
margin-bottom: 0px;
}
.admin-message {
font-family:Tahoma;
font-size:11px;
text-align: center;
color:#333333;
background-color: #f6f6f6;
border: 1px solid #ddd;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
body {
background: url('images/bg.jpg') repeat;
background-color:#1a1a1a;
font-family: Tahoma;
font-size: 11px;
color: #d4d4d4;
margin: 0;
}
.id {
background-image: url('images/bg_id.png');
background-color: #a28f74;
font-family: Arial;
font-size: 11px;
border: 0px;
color: #818181;
margin-top: 0px;
width: 124px;
height: 21px;
padding: 0px 0px 0px 8px;
}
.playeris{
background-image: url('images/tv.jpg');
}
.pass {
background-image: url('images/bg_pass.png');
background-color: #a28f74;
font-family: Arial;
font-size: 11px;
border: 0px;
color: #818181;
margin-top: 0px;
width: 124px;
height: 21px;
padding: 0px 0px 0px 8px;
}
.inne {
background-image: url('images/bg_button.png');
background-color: #a28f74;
border: 0px;
margin-top: 0px;
width: 90px;
height: 21px;
margin: 0px 0px 0px 0px;
}
.decolor {
background: url('images/header.jpg');
height: 202px;
width: 960px;
}
.decolor a {
color:#ffffff;
text-decoration:none;
}
.decolor a:hover {
color:#fff1de;
text-decoration:none;
}
.decolor5 {
background: url('images/header5.jpg');
height: 14px;
width: 960px;
}
#sub-nav img{
position:absolute; right:0; top:0px;
}
#sub-nav ul{
position:absolute; left:324px; top:10px;
margin:0; padding:0; list-style:none;
}
#sub-nav ul li{
width:80px; margin:0; float:left;
}
#sub-nav ul li a{
padding: 8px 0px 0px 0px;
font-family: Tahoma;
font-size: 9px;
color: #1c1c1c;
text-align: center;
text-decoration: none;
display: block;
background: none;
height: 18px;
}
#sub-nav ul li a:hover{
background-image: url('images/sub-nav.png');
color: #1c1c1c;
}
.border {
background-color:#ddd;
border:0px #FFF solid;
}
.outer-border {
border : 0px solid #f2f2f2;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 2px;
}
img {
border: 0px;
}
form {
margin : 0px;
}
hr {
border-top:1px #b1b1b1 solid;
border-bottom:1px #d5d5d5 solid;
border-left:0px;
border-right:0px;
}
hr.side-hr {
border-top:1px #404040 solid;
border-bottom:1px #636363 solid;
border-left:0px;
border-right:0px;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #fff;
}
.footer {
background-image: url('images/footer.png');
font-family: Tahoma;
font-size: 11px;
color: #696969;
}
.footer a {
color:#696969;
text-decoration:none;
}
.footer a:hover {
color:#eb8618;
text-decoration:none;
}
.button {
font-family: Arial,Sans-Serif;
font-weight: bold;
font-size: 11px;
color: #e8e8e8;
background-color: #585858;
border: 1px #333333 solid;
margin-top: 5px;
}
.textbox {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#292929;
background-image: url('images/textbox.gif');
background-color:#FFFFFF;
border: 1px solid #ccc;
}
.news-category {
border: 0px none;
float: left;
margin-left:0;
margin-right:5px;
margin-top:3px;
margin-bottom:0;
}
.main-bg {
background-image: url('images/bg_left.png');
background-position: top left;
background-repeat: repeat-y;
padding: 0px 5px 0px 8px;
}
.side-border-left {
background-image: url('images/bg_right.png');
background-position: top right;
background-repeat: repeat-y;
padding: 0px 8px 0px 0px;
}
.side-border-right {
background-image: url('images/bg_right.png');
background-position: top right;
background-repeat: repeat-y;
padding: 0px 8px 0px 0px;
}
.main-body {
background-color: #dddddd;
font-family: Tahoma;
font-size: 11px;
color: #5a5a5a;
padding: 0px 0px 0px 0px;
}
.side-body {
background-image:url(images/side/panel-bg.png);
background-repeat: repeat;
background-color: #5c5c5c;
font-family: Tahoma;
font-size: 11px;
color: #d4d4d4;
padding: 0px 0px 0px 0px;
}
.table-body {
background-color: #dddddd;
font-family: Tahoma;
font-size: 11px;
color: #535353;
padding: 0px 0px 0px 0px;
}
.table-body a {
color:#535353;
text-decoration:none;
}
.table-body a:hover {
color:#3a3a3a;
text-decoration:none;
}
.article-body {
background-color: #dddddd;
font-family: Tahoma;
font-size: 11px;
color: #5a5a5a;
padding: 10px 10px 10px 10px;
}
.infobar {
font-family: Arial,Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #5a5a5a;
padding: 0px;
border-top: 0px;
}
.infobar a {
font-family: Arial,Sans-Serif;
color: #5a5a5a;
font-weight: bold;
text-decoration: none;
}
.infobar a:hover {
font-family: Arial,Sans-Serif;
color: #929292;
font-weight: bold;
text-decoration: none;
}
.infobar2 {
font-family: Tahoma;
font-size: 11px;
color: #777777;
padding: 0px;
border-top: 0px;
}
.clear {
clear:both;
}
.panel-left {
background-image:url(images/side/panel-left.png);
width:10px;
height:40px;
}
.panel-right {
background-image:url(images/side/panel-right.png);
width:10px;
height:40px;
}
.panel-main {
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
text-align: center;
color: #a5a5a5;
height: 40px;
padding: 0px 0px 0px 0px;
background-image: url(images/side/panel-main.png);
background-repeat: repeat-x;
}
.border-left {
background-image:url(images/side/border-left.png);
width:10px;
}
.border-right {
background-image:url(images/side/border-right.png);
width:10px;
}
.border-bleft {
width:10px;
height:16px;
background-image:url(images/side/border-bleft.png);
}
.border-bright {
width:10px;
height:16px;
background-image:url(images/side/border-bright.png);
}
.border-bmain {
height:16px;
background-image:url(images/side/border-bmain.png);
background-repeat:repeat-x;
}
.panel-left2 {
width:10px;
height:40px;
background-image:url(images/table/panel-left2.png);
}
.panel-right2 {
width:10px;
height:40px;
background-image:url(images/table/panel-right2.png);
}
.panel-main2 {
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #ffffff;
height: 40px;
padding: 0px 0px 0px 0px;
background-image: url(images/table/panel-main2.png);
background-repeat: repeat-x;
}
.border-left2 {
width:10px;
background-image:url(images/table/border-left2.png);
background-repeat:repeat-y;
}
.border-right2 {
width:10px;
background-image:url(images/table/border-right2.png);
background-repeat:repeat-y;
}
.border-bleft2 {
width:10px;
height:16px;
background-image:url(images/table/border-bleft2.png);
}
.border-bright2 {
width:10px;
height:16px;
background-image:url(images/table/border-bright2.png);
}
.border-bmain2 {
height:16px;
background-image:url(images/table/border-bmain2.png);
background-repeat:repeat-x;
}
.panel-left3 {
width:10px;
height:40px;
background-image:url(images/main/panel-left3.png);
}
.panel-right3 {
width:10px;
height:40px;
background-image:url(images/main/panel-right3.png);
}
.panel-main3 {
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #ffffff;
height: 40px;
padding: 0px 0px 0px 0px;
background-image: url(images/main/panel-main3.png);
background-repeat: repeat-x;
}
.border-left3 {
width:10px;
background-image:url(images/main/border-left3.png);
background-repeat:repeat-y;
}
.border-right3 {
width:10px;
background-image:url(images/main/border-right3.png);
background-repeat:repeat-y;
}
.border-bleft3 {
width:10px;
height:16px;
background-image:url(images/main/border-bleft3.png);
}
.border-bright3 {
width:10px;
height:16px;
background-image:url(images/main/border-bright3.png);
}
.border-bmain3 {
height:16px;
background-image:url(images/main/border-bmain3.png);
background-repeat:repeat-x;
}
.center {
margin: 0 auto;
}
.tbl-border {
border:1px #cacaca solid;
}
.tbl {
font-family: Arial,Sans-Serif;
font-size:11px;
font-weight:bold;
padding: 2px 4px 2px 4px;
}
.tbl1 {
font-family: Arial,Sans-Serif;
font-size:11px;
color:#2e2e2e;
background-color:#cacaca;
padding: 2px 4px 2px 4px;
}
.tbl1 a {
font-family: Arial,Sans-Serif;
font-weight:bold;
font-size:11px;
color:#825200;
text-decoration:none;
}
.tbl1 a:hover {
font-family: Arial,Sans-Serif;
font-weight:bold;
font-size:11px;
color:#9a6100;
text-decoration:none;
}
.tbl2 {
font-family: Arial,Sans-Serif;
font-size:11px;
color:#2e2e2e;
background-color:#d3d3d3;
padding: 2px 4px 2px 4px;
}
.tbl2 a {
font-family: Arial,Sans-Serif;
font-weight:bold;
font-size:11px;
color:#825200;
text-decoration:none;
}
.tbl2 a:hover {
font-family: Arial,Sans-Serif;
font-weight:bold;
font-size:11px;
color:#9a6100;
text-decoration:none;
}
.forum-caption {
font-family: Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
height:22px;
color:#2e2e2e;
background-color:#a7a7a7;
padding:4px 4px 4px 4px;
}
.quote {
color:#2e2e2e;
background-color:#e4e4e4;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #d1d1d1 solid;
}
.poll {
height: 1px;
border: 0px #FFF solid;
}
.comment-name {
font-weight:bold;
color: #d4d4d4;
}
.shoutboxname {
text-align: right;
color: #d4d4d4;
}
.shoutbox {
font-family: sans-serif;
font-size:11px;
color: #d4d4d4;
background-color: #343434;
border: 1px solid #2d2d2d;
border-top: 0;
border-left: 0;
padding: 4px 4px 4px 4px;
}
.shoutboxdate {
background: url(images/bg_shoutbox.gif) no-repeat bottom right;
font-size: 9px;
color: #d4d4d4;
height: 14px;
}
.small {
font-size:10px;
font-weight:normal;
}
.small2 {
font-size:10px;
font-weight:normal;
color: #d4d4d4;
}
.side-small {
font-size:10px;
font-weight:normal;
color: #d4d4d4;
}
.side-label {
padding: 0px 0px 0px 0px;
height:17px;
}
.pagenav {
font-family: Arial,Sans-Serif;
font-size:11px;
font-weight:bold;
color: #5a5a5a;
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #da9e2a;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #ececec;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #dc9d25;
margin: 2px;
text-decoration: none;
}
Redagavo gintulis· 2011 Vas. 2 14:02:43
Parašė zaiboras· 2011 Vas. 2 14:02:44
#6
gal dėl to kad width ir height nenurodei.. (čia tik spėju)...
Parašė gintulis· 2011 Vas. 2 14:02:39
#7
Negi dėl dydžio gali nerodit :D Nesamonė
Parašė Gugiss· 2011 Vas. 2 14:02:19
#8
Samone, nes tas <div 'playeris'... bus tokio pat plocio ir aukscio koks ir jame esancio turinio dydis. Nurodyk auksty ir ploty didesny uz to swf matmenis (ar toky pat kokie paveiksliuko matmenys)
.playeris{
background-image: url('images/tv.jpg');
width: 400px;
height: 700px;
}
Redagavo Gugiss· 2011 Vas. 2 14:02:53
Parašė ---· 2011 Vas. 2 14:02:13
#9
nurodyk height bei width
css, beto rasant
.playeris{
background-image: url('images/tv.jpg');
}
tv.png turi but dizaino images foldery o nei basedir/images jeigu ka
Parašė gintulis· 2011 Vas. 2 14:02:51
#10
gY - ten ir ikėles tiek dar suprantu, bet vistiek nerodo...
Parašė Gugiss· 2011 Vas. 2 14:02:38
#11
width/height nurodei? .
Parašė gintulis· 2011 Vas. 2 15:02:23
#12
Taip .
Ain dzin nėra man čia taip būtina. Ačiu kas bandėt padėt
Redagavo gintulis· 2011 Vas. 2 15:02:55
Parašė avice· 2011 Vas. 2 15:02:16
#13
<style>
.kale {
background-image: url(http://www.philbellante.com/wp/flashplayer/images/cleanBG.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
height: 400px;
width: 700px;
}
</style>
<div class="kale"><object id="c16004" name="c16004" height="360" width="640" type="application/x-shockwave-flash" data="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="movie" value="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"></param></object></div>
Parašė vuiter· 2011 Vas. 2 16:02:17
#14
Pilnas tikslus kodas:
<style>
.player {
background-image: url('http://www.part.lt/img/afb8f4090c2e967efdfdfe994e770d338.png');
background: no-reapet;
height: 469px;
width: 679px;
}
</style>
<div class="player"><p style="padding-top: 19px;"><center><object id="c16004" name="c16004" height="311" width="578" type="application/x-shockwave-flash" data="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="movie" value="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"></param></object></center></p></div>
Parašė avice· 2011 Vas. 2 17:02:12
#15
decolor parašė:
Pilnas tikslus kodas:
<style>
.player {
background-image: url('http://www.part.lt/img/afb8f4090c2e967efdfdfe994e770d338.png');
background: no-reapet;
height: 469px;
width: 679px;
}
</style>
<div class="player"><p style="padding-top: 19px;"><center><object id="c16004" name="c16004" height="311" width="578" type="application/x-shockwave-flash" data="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="movie" value="http://yatv.ru/files/swf/container.swf?layout=1full&leftWidth=0&upHeight=0&apps=translations&cid=16004&autoplay=0"></param></object></center></p></div>
toks pat kaip mano tik , kad tu sucentravai pagal fono paveiksliuka :]
Parašė gintulis· 2011 Vas. 5 11:02:31
#16
Dėkui visiems kas bandėt padėt ir padėjot visiems +11 :)