Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][PHP] Miejsce na video i poziome wyświetlanie stron
Forum PHP.pl > Forum > Przedszkole
sokojoko
11.07.2010, 20:34:34
Witam.
Problem jest następujący, chcę zamieścić filmik z youtuba na stronie dokładnie tutaj gdzie macie różowy krzyżyk:

Trzeba zaingerować w kod niestety, a że moje próby spełzły na niczym, to muszę się zwrócić tutaj o pomoc jak zmodyfikować ten kod, żeby to ładnie działało smile.gif
Druga sprawa :

Tutaj gdzie macie strzałeczkę, chcę umieścić po prostu numery kolejnych podstron i...........to nie jest problem, ale pionowa kolejność cyferek już tak.
Sprawa prosta, zamiast w pionie mają się kolejno umieszczać w poziomie biggrin.gif.Jeżeli jest jakieś fajne jeszcze rozwiązanie, to śmiało proszę podawać swoje sugestie smile.gifexclamation.gif
Jeśli jest potrzebny strona ze stylem to proszę:
main.css

PS.
Odnośniki do stron, które dotyczy temat http://djdiline.com/site/?page=home oraz http://djdiline.com/site/?page=compilations
krzysztof_kf
11.07.2010, 21:52:40
wrzuć po selektorze 

[HTML] pobierz, plaintext 
  1. <div class="home-col1">
  2. </div>
[HTML] pobierz, plaintext


filmik
sokojoko
11.07.2010, 22:15:40
Robiłem już tak i niestety, pokazuje się okienko w prawym górnym rogu fotografi
krzysztof_kf
11.07.2010, 22:41:06
Nawalone jest trochę selektorów ;/ widzę że już masz filmik wrzuć dla 


[CSS] pobierz, plaintext 
  1.  
  2. div.content {
  3. overflow: hidden;
  4. }
[CSS] pobierz, plaintext
sokojoko
11.07.2010, 22:46:20
Spróbowałem na "cepa" zrobić skasowałem linijkę tam z tłem w col-1 i wstawiłem zdjęcie to które jest umieszczone właśnie w css, tylko za pomocą img src w home.php.....potem wstawiłem link z filmem i było prawie spoko, ale wiem, że to nie powinno tak działać ://///

Wrzuciłem to co podałeś, nie wiem czy poprawnie, ale nadal jest to samo biggrin.gif
krzysztof_kf
11.07.2010, 23:21:37
Kopiuj i zmieniaj kawałek css i html lub podglądaj co zmieniłem powodzenia .

[HTML] pobierz, plaintext 
  1. <div class="content">
  2. <div class="home">
  3. <div class="home-col1">
  4. </div>
  5. <div id="video">
  6. <center>
  7. <object width="200" height="146"><param name="movie" value="http://www.youtube.com/v/Zh7SyDth77A&amp;hl=pl_PL&amp;fs=1?border=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="Dj%20Diline%20aka.%20Dan%20Price_pliki/Zh7SyDth77Ahlpl_PLfs1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="146"></object>
  8. </center>
  9. </div>
  10.    </div>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. }
  2. div.content {
  3. 	width:950px;
  4. 	margin:5px;
  5. }
  6. div.menu {
  7. 	float:left;
  8. 	clear:both;
  9. 	width:100%;
  10. 	text-align:center;
  11. 	margin:202px 0 0 0;
  12. }
  13.  
  14. /* Buttons */
  15. a.menu-home {
  16. 	background:url('images/home_off.png') no-repeat;
  17. 	display:inline-block;
  18. 	width:82px;
  19. 	height:51px;
  20. }
  21. a.menu-home:hover {
  22. 	background:url('images/home_on.png') no-repeat;
  23. }
  24. a.menu-home-on {
  25. 	background:url('images/home_on.png') no-repeat;
  26. 	display:inline-block;
  27. 	width:82px;
  28. 	height:51px;
  29. }
  30. a.menu-bio {
  31. 	background:url('images/bio_off.png') no-repeat;
  32. 	display:inline-block;
  33. 	width:58px;
  34. 	height:51px;
  35. }
  36. a.menu-bio:hover {
  37. 	background:url('images/bio_on.png') no-repeat;
  38. }
  39. a.menu-bio-on {
  40. 	background:url('images/bio_on.png') no-repeat;
  41. 	display:inline-block;
  42. 	width:58px;
  43. 	height:51px;
  44. }
  45. a.menu-news {
  46. 	background:url('images/news_off.png') no-repeat;
  47. 	display:inline-block;
  48. 	width:75px;
  49. 	height:51px;
  50. }
  51. a.menu-news:hover {
  52. 	background:url('images/news_on.png') no-repeat;
  53. }
  54. a.menu-news-on {
  55. 	background:url('images/news_on.png') no-repeat;
  56. 	display:inline-block;
  57. 	width:75px;
  58. 	height:51px;
  59. }
  60. a.menu-contact {
  61. 	background:url('images/contact_off.png') no-repeat;
  62. 	display:inline-block;
  63. 	width:94px;
  64. 	height:51px;
  65. }
  66. a.menu-contact:hover {
  67. 	background:url('images/contact_on.png') no-repeat;
  68. }
  69. a.menu-contact-on {
  70. 	background:url('images/contact_on.png') no-repeat;
  71. 	display:inline-block;
  72. 	width:94px;
  73. 	height:51px;
  74. }
  75. a.menu-compilations {
  76. 	background:url('images/compilations_off.png') no-repeat;
  77. 	display:inline-block;
  78. 	width:134px;
  79. 	height:51px;
  80. }
  81. a.menu-compilations:hover {
  82. 	background:url('images/compilations_on.png') no-repeat;
  83. }
  84. a.menu-compilations-on {
  85. 	background:url('images/compilations_on.png') no-repeat;
  86. 	display:inline-block;
  87. 	width:134px;
  88. 	height:51px;
  89. }
  90. a.menu-releases {
  91. 	background:url('images/releases_off.png') no-repeat;
  92. 	display:inline-block;
  93. 	width:98px;
  94. 	height:51px;
  95. }
  96. a.menu-releases:hover {
  97. 	background:url('images/releases_on.png') no-repeat;
  98. }
  99. a.menu-releases-on {
  100. 	background:url('images/releases_on.png') no-repeat;
  101. 	display:inline-block;
  102. 	width:98px;
  103. 	height:51px;
  104. }
  105. a.menu-featured {
  106. 	background:url('images/featured_off.png') no-repeat;
  107. 	display:inline-block;
  108. 	width:103px;
  109. 	height:51px;
  110. }
  111. a.menu-featured:hover {
  112. 	background:url('images/featured_on.png') no-repeat;
  113. }
  114. a.menu-featured-on {
  115. 	background:url('images/featured_on.png') no-repeat;
  116. 	display:inline-block;
  117. 	width:103px;
  118. 	height:51px;
  119. }
  120. a.menu-audioproductions {
  121. 	background:url('images/audioproductions_off.png') no-repeat;
  122. 	display:inline-block;
  123. 	width:134px;
  124. 	height:51px;
  125. }
  126. a.menu-audioproductions:hover {
  127. 	background:url('images/audioproductions_on.png') no-repeat;
  128. }
  129. a.menu-audioproductions-on {
  130. 	background:url('images/audioproductions_off.png') no-repeat;
  131. 	display:inline-block;
  132. 	width:134px;
  133. 	height:51px;
  134. }
  135.  
  136. /* Home */
  137.  
  138. div.video {
  139. float: left;
  140. }
  141.  
  142. div.home {
  143. 	width:360px;
  144. 	float: left;
  145. }
  146. div.home-col1 {
  147.         float: left;
  148.         display: inline;
  149. 	background:url('images/home_1_1.jpg') no-repeat;
  150. 	width:356px;
  151. 	height:457px;
  152. }
  153.  
  154. div.home-col3 {
  155. 	float:left;
  156. 	clear:none;
  157. 	width:356px;
  158. 	height:457px;
  159. }
  160. div.home-col2 {
  161.         float: left;
  162. 	width:518px;
  163. }
  164. div.home-row1 {
  165. 	background:url('images/home_2.jpg') no-repeat;
  166. 	float:left;
  167. 	width:518px;
  168. 	height:272px;
  169. }
  170. div.home-row1-c {
  171. 	float:left;
  172. 	padding:96px 10px 0 10px;
  173. 	font-size:11px;
  174. 	color:#dfbcbc;
  175. }
[CSS] pobierz, plaintext


sokojoko
12.07.2010, 12:30:48
Stary jesteś wielki smile.gif!.
Dziękuję pięknie za pomoc, jednak można jeszcze liczyć na ludzi w tym kraju <piwo>!
Tylko jeszcze pytanie co trzeba wstawić jaki kod i w którym miejscu żebym mógł operować filmem, bo jest nie wyrównany co do całości i odstaje co nie dobrze wygląda ?
krzysztof_kf
12.07.2010, 16:14:23
Up ale gafa zamiast klasy podałem ci id


pomęcz się sam z ustawianiem zmień tylko zawartość klasy na 

[CSS] pobierz, plaintext 
  1. div.video {
  2. padding: 10px 0 0 85px;
  3. }
[CSS] pobierz, plaintext


i zmień w html

z 

[HTML] pobierz, plaintext 
  1.  
  2. <div id="video">
  3.  
[HTML] pobierz, plaintext


na 

[HTML] pobierz, plaintext 
  1.  
  2. <div class="video">
[HTML] pobierz, plaintext



plus usuń tagi htmlowskie <center></center> z filmiku .

i powinno być git
sokojoko
12.07.2010, 18:40:00
Działa znakomicie:)
Jeszcze raz wielkie piękne dzięki !
Pozdrawiam serdecznie, oby więcej takich ludzi w internecie smile.gif
krzysztof_kf
12.07.2010, 19:08:08
dla podstron wrzuć css 


[CSS] pobierz, plaintext 
  1. #podstrony {
  2. width: 200px;
  3. margin: 0 auto;
  4. padding: 0 0 8px 0 200px;
  5. }
  6.  
  7. #podstrony li {
  8. float: left;
  9. display: inline;
  10. }
  11.  
  12. #podstrony li a {
  13. padding-left: 6px;
  14. font-size: 1em;
  15. text-decoration: none;
  16. color: #ffffff;
  17. }
  18.  
  19. #podstrony li a:hover {
  20. text-decoration: underline;
  21. color: #ff0000;
  22. }
[CSS] pobierz, plaintext


i zmień html 

[HTML] pobierz, plaintext 
  1. <div id="podstrony">
  2. <li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
  3. <li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
  4. <li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
  5. <li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
  6. </div>
[HTML] pobierz, plaintext
sokojoko
12.07.2010, 21:42:33
Stary......
Nie wiem co powiedzieć dosłownie....
Jeżeli są tutaj jakieś pochwały etc. z chęcią wystawie ich 10 smile.gif!
Dziękuje Ci pięknie jeszcze raz niech Ci Bóg w dzieciach wynagrodzi hah biggrin.gif
Pozdrawiam gorąco temat wyczerpany

<piwo>!!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.