Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z wyświetleniem posta
Forum PHP.pl > Forum > Po stronie przeglądarki
Pawel.Dabrowski
8.11.2014, 01:45:12
Witam, jak naprawić problem widoczny na zdjęciu?
(chodzi o przedłużenie jasnego tła)



index.php szablonu

[PHP] pobierz, plaintext 
  1. <?php get_header(); ?>
  2.  
  3. <div id="templatemo_content_container">
  4. <div id="templatemo_content">
  5. <div id="templatemo_content_left">
  6.  
  7. <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  8.  
  9.                  <div class="templatemo_post_wrapper">
  10.                 <div class="templatemo_post">
  11.                     <div class="post_title">
  12.                	<?php the_title(); ?></div>
  13. <?php if( is_sticky() ) : ?>
  14.                     <div class="post_body">
  15. <?php edit_post_link(); ?><?php the_content(); ?>
  16. <p>&nbsp;</p>
  17. <?php else: ?>
  18.                	 <div class="post_info">
  19.                     	Autor: <i><?php the_author(); ?></i> (<?php the_time('d.m.Y'); ?>) <?php edit_post_link(); ?></div>
  20.                     <div class="post_body">
  21. <?php the_post_thumbnail( 'medium' ); ?>
  22. <?php the_excerpt(); ?>
  23. <a href="<?php the_permalink() ?>">Czytaj dalej</a><br>&nbsp;
  24. <?php endif; ?>
  25.  
  26.  
  27.  
  28.                   </div>
  29.  
  30.                 </div>
  31.                 </div> <!-- End of a post-->
  32.  
  33. <?php endwhile; else: ?>
  34. <p><?php _e('Przepraszamy, brak wpisów.'); ?></p>
  35. <?php endif; ?>
  36.  
  37.                 </div>
  38.  
  39. <?php get_sidebar(); ?>
  40. <?php get_footer(); ?>
[PHP] pobierz, plaintext


style

[PHP] pobierz, plaintext 
  1. /*
  2. CSS Credit: <a href="http://www.templatemo.com/" target="_blank">http://www.templatemo.com/</a>
  3. */
  4.  
  5. body {
  6. 	margin: 0;
  7. 	padding: 0;
  8. 	line-height: 1.5em;
  9. 	font-family: Arial, Helvetica, sans-serif;
  10. 	font-size: 12px;
  11. 	color: #1a0d00;
  12. 	background: #FFFFFF;
  13. }
  14.  
  15.  
  16. a:link, a:visited { color: #990000; text-decoration: none; } 
  17. a:active, a:hover { color: #000000; text-decoration: underline; }
  18.  
  19. h1 {
  20. 	margin: 0px;
  21. 	padding: 10px;
  22. 	font-size: 60px;
  23. 	color: #000000;;
  24. }
  25.  
  26. h2 {
  27. 	margin: 0 0 15px 0;
  28. 	padding: 0 0 10px 0;
  29. 	font-size: 20px;
  30. 	color: #dbc1a7;
  31. 	border-bottom: 1px dotted #663e17;
  32. }
  33.  
  34. h3 {
  35. 	margin: 0 0 15px 0;
  36. 	padding: 0 0 10px 0;
  37. 	font-size: 20px;
  38. 	color: #a6703c;
  39. 	border-bottom: 1px dotted #663e17;
  40. }
  41.  
  42. p {
  43. 	margin: 0px;
  44. 	padding: 0 0 10px 0;
  45. 	text-align: justify;
  46. }
  47.  
  48.  
  49. .cleaner {
  50. 	clear: both;
  51. 	width: 100%;
  52. 	height: 1px;	
  53. }
  54.  
  55. /* ----- Form ----- */
  56.  
  57. form{
  58. 	margin: 0px;
  59. 	padding: 0px;
  60. 	width: 100%;
  61. 	text-align: right;
  62. }
  63.  
  64. .inputfield{
  65. 	background: #ffffff;
  66. 	border: 1px solid #c9f5f6;
  67. 	color: #000;
  68. 	font-size: 13px;
  69. 	font-variant: normal;
  70. 	height: 14px;
  71. 	line-height: normal;
  72. 	padding: 4px;
  73. 	margin-bottom: 5px;
  74. 	width: 240px;
  75. }
  76.  
  77. .button{
  78. 	width: 60px;
  79. 	height: 25px;
  80. }
  81.  
  82. /* end of form */
  83.  
  84.  
  85. #templatemo_header_panel{
  86. 	width:100%;
  87. 	margin: 0 auto;
  88. 	background-color: #FFFFFF;
  89. 	color: #FFFFFF;
  90. 	height: 372px;
  91. }
  92.  
  93. #templatemo_header_panel #templatemo_title_section{
  94. 	width: 960px;
  95. 	height: 132px;	/* +73 ( padding ) */
  96. 	margin:0 auto;
  97. 	padding-top: 73px;
  98. 	background: url(images/templatemo_title_bg.jpg) center top no-repeat;
  99. 	text-align: center;
  100. }
  101.  
  102. #templatemo_menu_panel{
  103. 	width:100%;
  104. 	height: 45px;	
  105. 	margin: 0 auto;
  106. 	background: url(images/templatemo_menu_bg.gif) repeat-x;
  107. 	color: #ffffff;
  108. }
  109.  
  110. #templatemo_menu_panel #templatemo_menu_section{
  111. 	width: 930px;
  112. 	height: 45px;	
  113. 	margin:0 auto;
  114. 	padding: 0 0 0 30px;
  115. 	color: #03a0a6;
  116. }
  117.  
  118. #templatemo_menu_section ul {
  119. 	float: left;
  120. 	width: 930px;
  121. 	margin: 0;
  122. 	padding: 7px 0 0 0;
  123. 	list-style: none;
  124. }
  125.  
  126. #templatemo_menu_section ul li{
  127. 	display: inline;
  128. }
  129.  
  130. #templatemo_menu_section ul li a{
  131. 	float: left;
  132. 	width: 110px;
  133. 	padding: 5px 0;
  134. 	margin-right: 5px;
  135. 	font-size: 12px;
  136. 	font-weight: bold;
  137. 	text-align: center;
  138. 	text-decoration: none;
  139. 	color: #ffffff;
  140. 	border-bottom: 3px solid #472400;
  141. }
  142.  
  143. #templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
  144. 	color: #ffffff;
  145. 	border-bottom: 3px solid #703901;
  146. }
  147. /* end of menu */
  148.  
  149. /* content panel */
  150. #templatemo_content_container {
  151. 	overflow: hidden;
  152. 	height: 100%;
  153. 	width:100%;
  154. 	margin: 0 auto;
  155. 	background: url(images/templatemo_content_bg.gif) repeat;
  156. }
  157.  
  158. #templatemo_content_container #templatemo_content{
  159. 	width: 930px;
  160. 	padding: 15px 0 0 30px;
  161. 	margin:0 auto;
  162. }
  163.  
  164. #templatemo_content_left {
  165. 	float: left;
  166. 	width: 600px;
  167. 	margin: 0px;
  168. 	margin-bottom: 15px;
  169. }
  170.  
  171. #templatemo_content_right {
  172. 	float: right;
  173. 	width: 300px;
  174. 	margin-bottom: 15px;
  175. 	color: #dbc1a7;
  176. 	background: #000000 url(images/templatemo_right_column_bg.jpg) repeat-y;
  177. }
  178.  
  179. #templatemo_content_left .templatemo_post_wrapper {
  180. 	clear: both;
  181. 	width: 590px;
  182. 	background: url(images/templatemo_post_bg_repeat.gif) repeat;
  183. 	border: 5px solid #3b3023;
  184. 	margin-bottom: 15px;	
  185. }
  186.  
  187. #templatemo_content_left .templatemo_post {
  188. 	width: 530px;
  189. 	padding: 25px 30px 0 30px;
  190. 	background: url(images/templatemo_post_bg.gif) top center no-repeat;
  191.  
  192. }
  193.  
  194. * html #templatemo_content_left .templatemo_post {
  195. 	margin-bottom: 5px;
  196. }
  197.  
  198. .templatemo_post .post_title{
  199. 	width: 100%;
  200. 	margin: 0px;
  201. 	padding: 5px 0;
  202. 	font-size: 26px;
  203. 	font-weight: bold;
  204. 	color: #1a0d00;
  205. 	line-height: 28px;
  206. }
  207.  
  208. .templatemo_post .post_info{
  209. 	width: 100%;
  210. 	padding: 0 0 10px 0;
  211. 	border-bottom: 1px solid #333333;
  212. 	margin-bottom: 15px;
  213. }
  214.  
  215. .templatemo_post .post_body{
  216. 	width: 100%;
  217. }
  218.  
  219.  
  220. .entry-content .wp-post-image{
  221.     float:left;
  222.     margin:0 10px 10px 0
  223. }
  224.  
  225.  
  226. .templatemo_post .post_body img{
  227. 	margin-bottom: 6px;
  228.       margin-right: 14px;
  229.         float:left;
  230. }
  231.  
  232. .templatemo_post .post_comment{
  233. 	width: 100%;
  234. 	padding: 5px 0;
  235. 	font-weight: bold;
  236. }
  237.  
  238. #templatemo_content_right .templatemo_right_section{
  239. 	clear: both;
  240. 	display:inline-block;
  241. 	width: 250px;
  242. 	color: #bd8956;
  243. 	padding: 15px 15px 10px 15px;
  244. 	margin-bottom: 10px;
  245. 	border-bottom: 1px solid #684018;
  246. }
  247.  
  248. #templatemo_content_right .templatemo_right_section form{
  249. 	padding: 0 0 15px 0;
  250. }
  251.  
  252. #templatemo_content_right .templatemo_right_section ul{
  253. 	clear: both;
  254. 	margin: 0 0 0 15px;
  255. 	padding: 0px;
  256. }
  257.  
  258. #templatemo_content_right .templatemo_right_section ul li{
  259. 	margin: 0 0 5px 0;
  260. }
  261.  
  262. #templatemo_content_right .templatemo_right_section ul li a {
  263. 	color: #dbc1a7;
  264. }
  265.  
  266. #templatemo_bottom_panel{
  267. 	width:100%;
  268. 	margin: 0 auto;
  269. 	border-top: 5px solid #000000;
  270. 	background-color: #0c0600;
  271. }
  272.  
  273. #templatemo_bottom_panel #templatemo_bottom_section{
  274. 	width: 930px;
  275. 	margin:0 auto;
  276. 	height: 150px;	
  277. 	background: #0c0600 url(images/templatemo_footer_bg.jpg) center top no-repeat;
  278. 	padding: 30px 0 15px 30px;
  279. }
  280.  
  281. #templatemo_bottom_section .templatemo_bottom_section_content {
  282. 	display: inherit;
  283. 	float: left;
  284. 	width: 270px;
  285. 	padding-right: 20px;
  286. 	margin-left: 10px;
  287. 	margin-bottom: 15px;
  288. 	color: #dbc1a7;
  289. }
  290.  
  291. #templatemo_bottom_section .templatemo_bottom_section_content ul{
  292. 	margin: 0 0 0 10px;
  293. 	padding: 0 0 5px 10px;
  294. }
  295.  
  296. #templatemo_bottom_section .templatemo_bottom_section_content li a{
  297. 	color: #dbc1a7;
  298. }
  299.  
  300. #templatemo_footer_panel{
  301. 	width:100%;
  302. 	margin: 0 auto;
  303. 	background-color: #000000;
  304. 	color: #ffffff;
  305. }
  306.  
  307. #templatemo_footer_panel #templatemo_footer_section{
  308. 	width: 960px;
  309. 	margin:0 auto;
  310. 	text-align: center;
  311. 	padding: 15px;
  312. }
  313.  
  314. #templatemo_footer_panel #templatemo_footer_section a {
  315. 	color:#dbc1a7;
  316. }
[PHP] pobierz, plaintext
Pyton_000
8.11.2014, 06:56:07
Przed tym:
Kod
                  </div>

                </div>
                </div> <!-- End of a post-->

dodaj
Kod
<div style="clear: left"></div>
Pawel.Dabrowski
8.11.2014, 10:00:15
Uprzejmię dziękuję.
Poleciało "pomógł".
Temat do zamknięcia.
Pozdrawiam.
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.