Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kodowanie stylu wordpress..
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
assasin
Witam, czy ktoś wie gdzie znajdują się classy odpowiedzialne za ramkę która znajduje się wokół wiadomości/postów... próbuje zakodować styl wordpress.. ale lipnie mi to idzie..
Kod:
Strona....
Wiadomość wywala gdzieś na banner... tabeli się rozjechały..
W index.php tak jakby nie czyta css.
wookieb
Nie tak jakby tylko masz źle napisany css. Stosujesz reguły do elementów, które nie istnieją dlatego nie widzisz prawidłowego wyglądu.
Pomocnym narzędziem w twoich bolączkach jest Firebug w firefoxie. Click na element i "Zbadaj element"
assasin
Teraz trochę poprawiłem divy.. i nadal nie działa.. css jest dobrze napisany..
To jest plik css
http://wklej.org/id/242869/
Tak wygląda fragment w html... tylko nim się sugeruje przy kodowaniu..
  1. <div class="skelet"><img src="wp-content/themes/wowblade/img/skelet.gif" alt="" /></div>
  2.  
  3.  
  4. <div class="post" id="post-21">
  5.  
  6. <div class="postdata">
  7. <h2><a href="featured/aenean-erat-massa-porttitor/index.html" title="Aenean erat massa, porttitor">Aenean erat massa, porttitor</a></h2>
  8. <ul>
  9. <li class="posted">Posted in <a href="category/featured/index.html" title="View all posts in Featured" rel="category tag">Featured</a>, <a href="category/world-of-warcraft/index.html" title="View all posts in world of warcraft" rel="category tag">world of warcraft</a></li>
  10. <li class="time">June 29th, 2009</li>
  11. <li></li>
  12. </ul>
  13. </div>
  14.  
  15. <div class="postbg">
  16. <div class="content">
  17.  
  18. <!-- picture-->
  19. <div class="pic"><a href="featured/aenean-erat-massa-porttitor/index.html"><img src='img/01.jpg' alt="" /></a></div><!--/picture-->
  20.  
  21. <p>Aenean erat massa, porttitor at porttitor sit amet, molestie ut nibh. Aliquam erat volutpat. Suspendisse cursus, enim in cursus adipiscing, enim velit varius erat, nec convallis mi ipsum ut enim. Vestibulum id tincidunt orci. Vestibulum nec nisl a elit aliquam aliquet. Integer et mauris ligula, id sagittis nisl. Mauris eget purus tellus. Maecenas eget urna lectus. Curabitur nec libero urna, ut fermentum odio. Pellentesque venenatis, purus vitae varius mollis, nisi diam venenatis nulla, sit amet molestie risus purus non mauris. Nulla urna lorem, convallis vitae suscipit ac, consectetur sed dolor.</p>
  22. </div>
  23. <div class="clr"></div>
  24.  
  25. <div class="tools"><em class="comments">3</em></div>
  26.  
  27.  
  28. </div>
  29.  
  30. </div>



http://warcraft.motiontheme.com/ - tak ma wyglądać strona

A to jest index.php w którym koduje ,,ramkę postu''.

  1. <?php get_header(); ?>
  2. <div class="articles">
  3. <div id="post">
  4. <?php if(have_posts()) : ?>
  5. <?php while(have_posts()) : the_post(); ?>
  6.  
  7.  
  8.  
  9. <div class="postdata">
  10. <h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"></a></h2>
  11. <h2> <?php the_title(); ?></h2>
  12.  
  13.  
  14. <div class="post_banner"> </div>
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <li class="posted"><?php _e('Author', 'kubrick'); ?>: <a href="#" title="<?php _e('Author', 'kubrick'); ?>"><?php the_author() ?></a>, Filed under: <?php the_category(', ') ?></li>
  24. <li class="time"><?php the_time('F jS, Y') ?></li>
  25.  
  26. </div>
  27. <div class="content">
  28. <div class="pic">
  29. </div>
  30. <?php the_content("<br />" . "Read More &nbsp;" . "&quot;" . the_title('', '', false) . "&quot;"); ?>
  31. </div></div>
  32.  
  33. <div class="comment">
  34. <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?>
  35. </div>
  36.  
  37.  
  38. <br />
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. </div>
  46.  
  47. <!-- end links -->
  48. <div class="post_content">
  49. <br />
  50. <?php the_content("<br />" . "Read More &nbsp;" . "&quot;" . the_title('', '', false) . "&quot;"); ?>
  51.  
  52.  
  53.  
  54.  
  55. </div>
  56. <div class="category">
  57. <?php edit_post_link('Edit', '| ', ''); ?>
  58. </div>
  59.  
  60.  
  61.  
  62. <?php if(function_exists("UTW_ShowTagsForCurrentPost")) : ?>
  63. <div class="post_tag">
  64. <?php UTW_ShowTagsForCurrentPost("commalist", array('last'=>' and %taglink%', 'first'=>'Tagged in %taglink%',)) ?>
  65. </div>
  66. <?php else : ?>
  67. <div class="post_tag">
  68. <?php the_tags() ?>
  69. </div>
  70. <?php endif; ?>
  71. <?php endwhile; ?>
  72. <div id="post_navigator">
  73. <?php if(function_exists("wp_pagenavi")) { ?>
  74. <?php wp_pagenavi(); ?>
  75. <?php } else { ?>
  76. <?php posts_nav_link() ?>
  77. <?php } ?>
  78. </div>
  79. <?php else : ?>
  80. <h2>The post had been deleted</h2>
  81. <?php endif; ?>
  82. </div>
  83. <?php get_sidebar(); ?>
  84. </div>
  85. <?php get_footer(); ?>
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.