Changeset 632638

Timestamp:

12/01/2012 09:46:14 AM (13 years ago)

Author:

anildhiman

Message:

add pagination change design

Location:

mj-news/trunk

Files:

• css/jquery-ui-1.8.16.custom.css (deleted)
• css/mj.css (modified) (1 diff)
• index.php (modified) (2 diffs)
• js/mjnew.js (deleted)
• readme.txt (modified) (2 diffs)
• screenshot-1.JPG (modified) (previous)

mj-news/trunk/css/mj.css

@@ -9 +9 @@
 }
 
+
+/* =WordPress Core
+-------------------------------------------------------------- */
+.alignnone {
+    margin: 5px 20px 20px 0;
+}
+
+.aligncenter,
+div.aligncenter {
+    display: block;
+    margin: 5px auto 5px auto;
+}
+
+.alignright {
+    float:right;
+    margin: 5px 0 20px 20px;
+}
+
+.alignleft {
+    float: left;
+    margin: 5px 20px 20px 0;
+}
+
+.aligncenter {
+    display: block;
+    margin: 5px auto 5px auto;
+}
+
+a img.alignright {
+    float: right;
+    margin: 5px 0 20px 20px;
+}
+
+a img.alignnone {
+    margin: 5px 20px 20px 0;
+}
+
+a img.alignleft {
+    float: left;
+    margin: 5px 20px 20px 0;
+}
+
+a img.aligncenter {
+    display: block;
+    margin-left: auto;
+    margin-right: auto
+}
+
+.wp-caption {
+    background: #fff;
+    border: 1px solid #f0f0f0;
+    max-width: 96%; /* Image does not overflow the content area */
+    padding: 5px 3px 10px;
+    text-align: center;
+}
+
+.wp-caption.alignnone {
+    margin: 5px 20px 20px 0;
+}
+
+.wp-caption.alignleft {
+    margin: 5px 20px 20px 0;
+}
+
+.wp-caption.alignright {
+    margin: 5px 0 20px 20px;
+}
+
+.wp-caption img {
+    border: 0 none;
+    height: auto;
+    margin: 0;
+    max-width: 98.5%;
+    padding: 0;
+    width: auto;
+}
+
+.wp-caption p.wp-caption-text {
+    font-size: 11px;
+    line-height: 17px;
+    margin: 0;
+    padding: 0 4px 5px;
+}
+
+
+
+/* css for news */
+div#mjnew{  font-family: 'MyriadProRegular';}
+div#mjnew h3 {    border-bottom: 1px solid #DDDDDD;    font-size: 17px;    line-height: 1.5em;    text-transform: capitalize;}
+.mj-post-inner {    border: 1px solid #DDDDDD;    /* margin-bottom: 4px;   */  padding: 11px 14px;}
+.mjfooter .fr{float: right;}
+.mjfooter .fl{float: left;}
+.clr{clear: both; height:0px;display:block;}
+.mjfooter {    background: none repeat scroll 0 0 #DDDDDD;    margin: 0 0 19px;    padding: 0 17px;}
+#mjnew .page_nav a{ background: none repeat scroll 0 0 #DDDDDD;    color: gray;    padding: 6px;}
+#mjnew .page_nav span{background: none repeat scroll 0 0 gray;    border: 1px solid;    color: #FFFFFF;    padding: 6px;}
+/* css for news */

mj-news/trunk/index.php

@@ -15 +15 @@
 
 
+add_action("wp_enqueue_scripts", "mjnewsStyle"); 
+function mjnewsStyle() {
+   wp_register_style( 'mjnewform', plugins_url( '/css/mj.css', __FILE__ ),'all' );  
+   wp_enqueue_style( 'mjnewform' );  
+}
+ 
+ 
 
 function mj_news_type_creation() {
@@ -47 +54 @@
 ?>
 
-<div id="accordion">
+<div id="mjnew">
     <?php   
-    query_posts("post_type=News&post_status=publish");
+    
+    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
+    $args=array(
+    'post_type'         => 'news',
+    'post_status'        => 'publish',
+    //'orderby'                    => 'menu_order',
+    'posts_per_page'         =>4,
+    'caller_get_posts'            =>1,
+    'paged'            =>$paged,
+    );
+    query_posts($args);
     global $post;
     if ( have_posts() ) : while ( have_posts() ) : the_post(); 
     
     ?>
-    <h3>
-        <a href="#"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
-    </h3>
-    <span><?php echo date('d F, Y',strtotime($post->post_date));?></span>
-    <div><?php echo substr(get_the_content(),0,200); ?></div>
-    <div><a href="<?php echo get_permalink();?>">Read More</a></div>
-
+        <div class="mj-post">
+            <div class="mj-post-inner">
+                <h3>
+                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
+                </h3>
+                <div><?php echo substr(get_the_content(),0,200); ?></div>
+                <div><a href="<?php echo get_permalink();?>">Read More</a></div>
+            </div>
+            <div class="mjfooter"><span class="fl">Posted by : <?php echo the_author();?></span><span class="fr">Posted on : <?php echo date('d F, Y',strtotime($post->post_date));?></span>
+            <div class="clr"></div>
+            </div>
+        </div>
     <?php 
     
     endwhile; 
     endif; ?>
-</div>
+
 <?php 
+
+
+
+global $wp_query;  
+$total_pages = $wp_query->max_num_pages;  
+if ($total_pages > 1){  
+  $current_page = max(1, get_query_var('paged'));  
+  echo '<div class="page_nav">';  
+  echo paginate_links(array(  
+      'base' => get_pagenum_link(1) . '%_%',  
+      'format' => '/page/%#%',  
+      'current' => $current_page,  
+      'total' => $total_pages,  
+      'prev_text' => 'Prev',  
+      'next_text' => 'Next'  
+    ));  
+  echo '</div>';  
+}
+echo "</div>";
     wp_reset_query();
 }

mj-news/trunk/readme.txt

@@ -24 +24 @@
 <li> - category news.</li>
 <li> - news tags.</li>
+<li> - Pagination</li>
 <li> - custom fields.</li>
 <li> - easy to install.</li>
@@ -31 +32 @@
    mj_news(); php code</li>
 <li> - easy to understand coding standard</li>
+
 </ul>