Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP] sonda, problem z umieszczeniem
seedbox
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.02.2014

Ostrzeżenie: (0%)
-----


Witam
Mam problem z umieszczeniem sondy w java na stronie.
problem polega na tym iz sonda jest rozciagnieta i nie idzie jej poprawic proszę o rade

index.php

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5. <title>M-CAST</title>
  6. <link rel="stylesheet" type="text/css" href="css/reset.css">
  7. <link rel="stylesheet" type="text/css" href="css/default.css">
  8. <link rel="stylesheet" type="text/css" href="css/dark/ui.css">
  9. <script src="js/jq.js"></script>
  10. <script src="js/autostart.js"></script>
  11. </head>
  12. <body style="background: #252525">
  13.  
  14. <div style="padding:5px">
  15.  
  16. <div id="application" class="fullscreen">
  17.  
  18. <div class="ui-container">
  19. <div class="ui-container-text ui-container-title">
  20. <div class="ui-right ui-icon-dock">
  21. <a href="" id="ui-zoom"><img src="images/transparent.png" width="16" height="16"></a>
  22. <a href="" id="ui-fmenu"><img src="images/transparent.png" width="16" height="16"></a>
  23. <a href="" id="ui-fchat"><img src="images/transparent.png" width="16" height="16"></a>
  24. <a href="" id="ui-fullscreen"><img src="images/transparent.png" width="16" height="16"></a>
  25. </div>
  26. <div class="ui-left ui-shadow" id="title">
  27. wczytywanie...
  28. </div>
  29. <div class="ui-clear"></div>
  30. </div>
  31. </div>
  32.  
  33.  
  34. <div class="ui-container">
  35. <div class="ui-container-text" id="box">
  36. <div class="ui-right-column" id="ui-menu-column">
  37. <div class="ui-container-inbox ui-menu">
  38. wczytywanie...
  39. </div>
  40. <div class="ui-container-inbox ui-chat">
  41. <div class="ui-container-custom-1">
  42. <script id="sid0020000054783477527">(function() {function async_load(){s.id="cid0020000054783477527";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:346px;height:200px;";s.async=true;s.text='{"handle":"m-cast","arch":"js","styles":{"a":"383838","b":100,"c":"FFFFFF","d":"FFFFFF","e":"404040","k":"000000","l":"383838","m":"383838","n":"FFFFFF","q":"383838","r":100}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0020000054783477527'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="ui-container-inbox ui-block">
  47. <div id="page"></div>
  48. <img src="images/bg.jpg" width="100%">
  49. </div>
  50. <div class="ui-clear"></div>
  51. </div>
  52. </div>
  53.  
  54.  
  55. <div class="ui-container">
  56. <div class="ui-container-text ui-container-txt">
  57. <div class="ui-right " id="online">
  58. online: 0
  59. </div>
  60.  
  61. <center>M-CAST 2014<center>
  62. <center>Zadne materialy video oraz kanaly telewizyjne nie sa hostowane na stronie. Streamy hostowane sa na serwerach typu justin.tv, ustream.tv itd. Administacja Strony nie ma technicznych mozliwosci sprawdzenia legalnosci powyzszych materialow. Nadawcy potwierdzili legalnosc transmisji na stronach hostujacych materialy, gdzie nalezy pisac o ewentualnych naduzyciach.
  63. <div id="sonda221913"><a href="http://webpolls.hanzo.eu/">opinion poll</a></div><script type="text/javascript" src="http://sonda.hanzo.pl/sonda.js,221913,7r1b,vPGZ"></script><center>
  64. </div>
  65. <div class="ui-clear"></div>
  66. </div>
  67. </div>
  68.  
  69. </div>
  70.  
  71. </div>
  72. </body>
  73. </html>


css

  1. body,html{
  2. background: url(../../images/bg.png) center top #252525 !important;
  3. }
  4.  
  5. #application{
  6. width: 1000px;
  7. margin: 0 auto;
  8. }
  9. #application.fullscreener{
  10. width: 100%;
  11. margin: 0 auto;
  12. }
  13.  
  14. .ui-container{
  15. background: #252525;
  16. margin: 0 auto;
  17. width: 100%;
  18. }
  19.  
  20. .ui-container-text{
  21. margin-bottom: 1px;
  22. background: #494949;
  23. border: 1px solid #5D5D5D;
  24. padding: 5px;
  25. color: #E0E0E0;
  26. overflow: auto;
  27. }
  28.  
  29. .ui-container-inbox{
  30. border: 1px solid #5D5D5D;
  31. background: #252525;
  32. padding: 1px;
  33. }
  34.  
  35. .ui-container-a{
  36. margin-bottom: 1px;
  37. background: #494949;
  38. border: 1px solid #5D5D5D;
  39. padding: 3px;
  40. color: #E0E0E0;
  41. display: block;
  42. text-decoration: none;
  43. font-weight: 700;
  44. text-transform: uppercase;
  45. text-shadow:1px 1px 1px #222;
  46. }
  47.  
  48. .ui-container-a:hover{
  49. background: #555555;
  50. border: 1px solid #696969;
  51. }
  52. .ui-container-a.selected{
  53. background: #3C3C3C;
  54. border: 1px solid #363636;
  55. }
  56.  
  57. .ui-container-title{
  58. padding:5px 7px 5px 7px;
  59. font-size:16px;
  60. font-weight: bold;
  61. }
  62.  
  63. .ui-container-txt{
  64. padding:5px 7px 5px 7px;
  65. }
  66.  
  67. .ui-icon-dock{
  68. height: 16px;
  69. padding: 2px 3px 4px 2px;
  70. }
  71. .ui-icon-dock a{
  72. opacity: 0.5;
  73. height: 16px;
  74. width: 16px;
  75. margin-left: 5px;
  76. }
  77. .ui-icon-dock a:hover{
  78. opacity: 1.0;
  79. }
  80.  
  81. /* buttons */
  82. #ui-zoom img{
  83. background: url(../../images/icons/zoom.png) center no-repeat;
  84. }
  85. #ui-zoom.toggle img{
  86. background: url(../../images/icons/shrink.png) center no-repeat;
  87. opacity: 0.2;
  88. }
  89. #ui-fullscreen img{
  90. background: url(../../images/icons/monitor.png) center no-repeat;
  91. }
  92. #ui-fullscreen.toggle img{
  93. opacity: 0.2;
  94. }
  95. #ui-fmenu img{
  96. background: url(../../images/icons/list.png) center no-repeat;
  97. }
  98. #ui-fmenu.toggle img{
  99. opacity: 0.2;
  100. }
  101. #ui-fchat img{
  102. background: url(../../images/icons/conversation.png) center no-repeat;
  103. }
  104. #ui-fchat.toggle img{
  105. opacity: 0.2;
  106. }
  107.  
  108. /* */
  109. .ui-left{
  110. float: left;
  111. }
  112. .ui-right{
  113. float: right;
  114. }
  115. .ui-clear{
  116. clear: both;
  117. }
  118. .ui-hide{
  119. display: none;
  120. }
  121. .ui-shadow{
  122. text-shadow:1px 1px 1px #222;
  123. }
  124.  
  125. .ui-right-column{
  126. float: right;
  127. width: 350px;
  128. margin-left: 3px;
  129. }
  130. .ui-left-column{
  131. float: left;
  132. width: 350px;
  133. margin-left: 3px;
  134.  
  135. }
  136. .ui-menu{
  137. float: right;
  138. width: 346px;
  139. overflow: auto;
  140. margin-bottom: 3px;
  141. }
  142. .ui-chat{
  143. float: right;
  144. width: 346px;
  145. margin-left: 3px;
  146. overflow: hidden;
  147. }
  148. .ui-chat1{
  149. float: left;
  150. width: 346px;
  151. margin-left: 3px;
  152. overflow: hidden;
  153.  
  154. }
  155. .ui-block{
  156. overflow: hidden;
  157. min-height: 353px;
  158. position: relative;
  159. }
  160. .ui-block img{
  161. vertical-align: top;
  162. }
  163. .ui-block iframe{
  164. position: absolute;
  165. }
  166.  
  167. .ui-container-custom-1{
  168. width: inherit;
  169. height: inherit;
  170. margin-top:-40px;
  171.  
  172. }
  173.  
  174. .ui-container-custom-2{
  175. width: inherit;
  176. height: inherit;
  177. margin-top:-30px;
  178. }
  179.  
  180. .ui-login{
  181. width: 324px;
  182. margin:0 auto;
  183. text-align: center;
  184. }
  185.  
  186. .ui-relative{
  187. position: relative;
  188. }
  189.  
  190. .ui-input-error{
  191. background: #000000;
  192. }
  193.  
  194. input{
  195. background: #252525;
  196. padding: 5px;
  197. color: #CCC;
  198. border: inherit;
  199. min-width: 300px;
  200. }
  201.  
  202. label{
  203. position: absolute;
  204. right:11px;
  205. top:11px;
  206. color: #666;
  207. cursor: text;
  208. }
  209.  
  210. a{text-decoration: none}
  211. a:hover{color:#FFF}
  212. .orange{
  213. color:#FF9900;
  214. }
  215.  
  216. #page{
  217. width: 100%;
  218. height: 100%;
  219. position: absolute;
  220. z-index: 999;
  221. overflow: hidden;
  222. background: #252525;
  223. }


tak to wyglada
http://uptv.96.lt
Go to the top of the page
+Quote Post

Posty w temacie
- seedbox   [PHP] sonda   10.03.2014, 00:52:34
- - pitu   Kodinput{ background: #252525; padding: 5p...   10.03.2014, 01:10:05
- - seedbox   Dzieki za pomoc dziala   10.03.2014, 01:26:46
- - Kshyhoo   A na przyszłość: Jak poprawnie zatytułować wątek.   10.03.2014, 08:34:33


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 10:29