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 :)