Topic: Pagination

Hy,

I have a little problem with styling the pagination, I use the following css code and html :

/* pagination */

ul{border:0; margin:0; padding:0;}

#pages li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pages a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pages .previous-off,
#pages .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pages .next a,
#pages .previous a {
font-weight:bold;
}    
#pages .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pages a:link, 
#pages a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pages a:hover{
border:solid 1px #0e509e;
}

<ul id="pages">
<li class="previous-off">[prev-link]Previous[/prev-link]</li>
 * <a>{pages}</a>

<li class="next"><a>[next-link]Next[/next-link]</a></li>
</ul>

And i get this : http://i.imgbox.com/abd4xrix.jpg
when i click it this : http://i.imgbox.com/abwDi2At.jpg


Thank you! http://cutephp.com/forum/style_emoticons/default/biggrin.gif

Re: Pagination

Only for official version of Cutenews 1.4.7.
Write into the template $template_prev_next
<ul id="pages">
            <li class="previous-off">[prev-link]Previous[/prev-link]</li>
            <li class="pages-links">{pages}</li>
            <li class="next-off">[next-link]Next[/next-link]</li>
        </ul>

Use this style
ul { border:0; margin:0; padding:0; }
        #pages li
        {
            border: 0; margin:0; padding:0;
            font-size: 11px;
            list-style: none;
            float:left;
            display:block;
        }

        #pages a, #pages strong
        {
            border: solid 1px #9aafe5;
            display: block;
            float: left;
            padding: 3px 6px;
            text-decoration:none;
            color: #9AAFE5;
        }

        #pages li.previous-off, #pages li.next-off
        {
            border:solid 1px #DEDEDE;
            color:#888888;
            font-weight:bold;
            margin-right:2px;
            padding:3px 4px;
        }

        #pages a { color: #0e509e; }
        #pages a:hover { border: solid 1px #0e509e; }

        #pages li a, #pages li strong { margin-left: 1px; margin-right: 1px; }
        #pages li.previous-off a { float: left; margin: -4px -5px; border: 1px solid #9AAFE5; }
        #pages li.next-off a { float: left; margin: -4px -5px; border: 1px solid #9AAFE5; }

        #pages li strong
        {
            background:#2e6ab1;
            color:#FFFFFF;
            font-weight:bold;
        }


Best regards,
CN Support team

Re: Pagination

where is the css file in this cutenews system?

Re: Pagination

It uses the css of the page in which you put the include

Re: Pagination

can i add

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

to my default.tpl ?

Re: Pagination

If you are using Cutenews 1.5, you might be having the same problem I had (http://cutephp.com/forum/index.php?showtopic=42921)

In your default.tpl file, find and replace all " with "

Every time you edit the template, it puts those backslahes in there which break things.

Re: Pagination

This problem is solved in the topic  http://cutephp.com/forum/index.php?show … 29&hl=

Best regards,
CN Support team