Changing the "Goto Page: 1, 2, 3..." color w/ a fo

This forum is now closed. Please ask all styles-related questions in the phpBB 3.0 Styles Support & Discussion Forum.
captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Changing the "Goto Page: 1, 2, 3..." color w/ a fo

Post by captanobvs »

Hey guys- yes, I did search- and I came up with a relavent thread- but no answer (here: http://www.phpbb.com/phpBB/viewtopic.ph ... ht=#507258) ..

If you go here:

http://www.insidetheec.com/viewforum.php?f=1

and see that that the thread and the "goto page 1,2,3.." are all white- you'll understand what I want. I'd like th change ONLY the 'go to page (and numbers)' color to red- but don't know where to edit (and what script) to achieve this. Please help- I know it's an easy fix, but I just can't find how to do it..

Much appreciated!

Reliable
Registered User
Posts: 106
Joined: Sat May 01, 2004 3:05 pm
Location: New York, NY, USA
Contact:

Post by Reliable »

You can do this by editing your .css file and change the color
"God is reliable, Rely on Him you will not fail" - Reliable
"God has not ceased to talk but we ceased to listen" - Reliable

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

But I can't figure out what to edit..?
/*
subBlack theme for phpBB version 2+
Created by Gamerhaven
http://www.gamerhaven.com
Based on the original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image: url(http://www.kilnjox.com/temp/grill.gif);
background-color: #000000;
scrollbar-face-color: #212121;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #A1A1A1;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFCC; text-decoration: none; }
a:hover { text-decoration: underline; color : #FFFFCC; }
hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 1px #212121 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #000000; border: 2px #212121 solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: #000000; }
td.row2 { background-color: #212121; }
td.row3 { background-color: #000000; }


/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated black background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #000000;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
color: #CC9900; font-size: 12px; font-weight : bold;
background-color: #000000; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#000000; border: #FFCC66; border-style: solid; height: 28px;
}


/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFCC66; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
background-color: #212121; border: #FFCC66; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFCC;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #FFFFCC; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #FFCC00; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #FFCC00; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FFFFCC; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #CC9900; }
a.mainmenu { text-decoration: none; color : #CC9900; }
a.mainmenu:visited { text-decoration: none; color : #CC9900; }
a.mainmenu:hover{ text-decoration: none; color : #FFFFCC; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFCC00}
a.cattitle { text-decoration: none; color : #FFFFFF; }
a.cattitle:visited { text-decoration: none; color : #FFCC00; }
a.cattitle:hover{ color: #FFFFCC; text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #ffcc00; }
a.forumlink { text-decoration: none; color : #ffcc00; }
a.forumlink:visited { text-decoration: none; color : #ffcc00; }
a.forumlink:hover{ text-decoration: none; color : #FFFFCC; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #CC0000;}
a.nav { text-decoration: none; color : #CC0000; }
a.nav:visited { text-decoration: none; color : #FFCC66; }
a.nav:hover { text-decoration: none; color : #CC0000; }


/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #CC9900; }
a.topictitle:link { text-decoration: none; color : #FFFFCC; }
a.topictitle:visited { text-decoration: none; color : #FFFFCC; }
a.topictitle:hover { text-decoration: underline; color : #FFFFCC; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #FFCC00;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #FFFFCC; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFCC;}
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: none; color : #FFFFCC; }


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #00CC33;
background-color: #616161; border: #BFBFBF; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;
background-color: #616161; border: #BFBFBF; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; letter-spacing: -1px;}
a.copyright { color: #FFCC00; text-decoration: none;}
a.copyright:link { color : #FFCC00; text-decoration: none;}
a.copyright:visited { color : #FFCC00; text-decoration: none;}
a.copyright:hover { color: #FFFFCC; text-decoration: underline;}


/* Form elements */
textarea, select {
color : #FFFFCC;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #FFFFCC;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #000000;
color : #FFFFCC;
}

input { text-indent : 2px;
color : #000000; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #000000;
color : #FFFFCC;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #000000;
color : #FFFFCC;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #000000;
color : #FFFFCC;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { color : #FFFFCC; background-color: #212121; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

Andy_AKA_Dodger
Registered User
Posts: 31
Joined: Fri Nov 12, 2004 5:18 pm

Post by Andy_AKA_Dodger »

^In my case I just went through all of them LOL

Nice forum btw.

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

Andy_AKA_Dodger wrote: ^In my case I just went through all of them LOL

Nice forum btw.


Any advice as to how to change that color then? lol

Thank you very much- we're blessed with an amazing graphic designer and alot of free time..

Andy_AKA_Dodger
Registered User
Posts: 31
Joined: Fri Nov 12, 2004 5:18 pm

Post by Andy_AKA_Dodger »

^Well, what I did was, I picked the HEX color code for the color I want using Photo Impact, and then I tried changing #FFFFFF values one by one, saving everytime and observing the changes. Didnt take as long as it may seem. Can be done in under 20mins.

Andy_AKA_Dodger
Registered User
Posts: 31
Joined: Fri Nov 12, 2004 5:18 pm

Post by Andy_AKA_Dodger »

But of course I did all the testing on the local machine using xampp local server. Testing on the remote host would take much longer with all the ftp uploads and such.

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

So which one was it?

Andy_AKA_Dodger
Registered User
Posts: 31
Joined: Fri Nov 12, 2004 5:18 pm

Post by Andy_AKA_Dodger »

^Hell if I remember LOL

User avatar
Mike Lothar
Registered User
Posts: 293
Joined: Tue May 04, 2004 5:43 am
Contact:

Post by Mike Lothar »

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #CC0000;}
a.nav { text-decoration: none; color : #CC0000; }
a.nav:visited { text-decoration: none; color : #FFCC66; }
a.nav:hover { text-decoration: none; color : #CC0000; }

From your sourcecode it looks like .gensmall is used instead of .nav but.. well, i guess it must be one of those.

Changing one of those classes might affect other part of your template also, the text using the same class. If that's the case, you can just add a new class, e.g. :

.nav2 { font-weight: bold; font-size: 11px; color : #CC0000;}
a.nav2 { text-decoration: none; color : #CC0000; }
a.nav2:visited { text-decoration: none; color : #FFCC66; }
a.nav2:hover { text-decoration: none; color : #CC0000; }

.. and apply a <span class="nav2"></span> tag around the pages variable in your .tpl files.

The white hex code is of course #FFFFFF.

Kail
Former Team Member
Posts: 4924
Joined: Mon Oct 22, 2001 9:57 pm
Location: Sweden
Contact:

Post by Kail »

Here's a solution:

Find:

Code: Select all

{PAGINATION}
Replace with:

Code: Select all

<div class="pagination_wrap">{PAGINATION}</div>
Add to stylesheet:

Code: Select all

div.pagination_wrap a {
   color: #FF0000; /* for red text */
}

Jakob Persson - Style Designer, Freelance Web Designer, Usability Consultant and Developer | BLOG | PORTFOLIO
My Complete phpBB Template Design Guide
Creator of Chronicles, SpacePilot3K (updated!), Solaris, Cobalt 2.0 and JustFooty.
Image phpbb-se.com - phpBB på svenska!

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

Kail wrote: Here's a solution:

Find:

Code: Select all

{PAGINATION}
Replace with:

Code: Select all

<div class="pagination_wrap">{PAGINATION}</div>
Add to stylesheet:

Code: Select all

div.pagination_wrap a {
   color: #FF0000; /* for red text */
}


Where do I find this "Pagination" lol..

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

As to Kail's suggestion:

I think I implemented it correctly but it's not working ..?



here's my new subblack.css
/*
subBlack theme for phpBB version 2+
Created by Gamerhaven
http://www.gamerhaven.com
Based on the original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image: url(http://www.kilnjox.com/temp/grill.gif);
background-color: #000000;
scrollbar-face-color: #212121;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #A1A1A1;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFCC; text-decoration: none; }
a:hover { text-decoration: underline; color : #FFFFCC; }
hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 1px #212121 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #000000; border: 2px #212121 solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: #000000; }
td.row2 { background-color: #212121; }
td.row3 { background-color: #000000; }


/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated black background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #000000;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
color: #CC9900; font-size: 12px; font-weight : bold;
background-color: #000000; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#000000; border: #FFCC66; border-style: solid; height: 28px;
}


/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFCC66; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
background-color: #212121; border: #FFCC66; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFCC;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #FFFFCC; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #FFCC00; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #FFCC00; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FFFFCC; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #CC9900; }
a.mainmenu { text-decoration: none; color : #CC9900; }
a.mainmenu:visited { text-decoration: none; color : #CC9900; }
a.mainmenu:hover{ text-decoration: none; color : #FFFFCC; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFCC00}
a.cattitle { text-decoration: none; color : #FFFFFF; }
a.cattitle:visited { text-decoration: none; color : #FFCC00; }
a.cattitle:hover{ color: #FFFFCC; text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #ffcc00; }
a.forumlink { text-decoration: none; color : #ffcc00; }
a.forumlink:visited { text-decoration: none; color : #ffcc00; }
a.forumlink:hover{ text-decoration: none; color : #FFFFCC; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #CC0000;}
a.nav { text-decoration: none; color : #CC0000; }
a.nav:visited { text-decoration: none; color : #FFCC66; }
a.nav:hover { text-decoration: none; color : #CC0000; }



/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #CC9900; }
a.topictitle:link { text-decoration: none; color : #FFFFCC; }
a.topictitle:visited { text-decoration: none; color : #FFFFCC; }
a.topictitle:hover { text-decoration: underline; color : #FFFFCC; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #FFCC00;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #FFFFCC; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFCC;}
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: none; color : #FFFFCC; }


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #00CC33;
background-color: #616161; border: #BFBFBF; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;
background-color: #616161; border: #BFBFBF; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; letter-spacing: -1px;}
a.copyright { color: #FFCC00; text-decoration: none;}
a.copyright:link { color : #FFCC00; text-decoration: none;}
a.copyright:visited { color : #FFCC00; text-decoration: none;}
a.copyright:hover { color: #FFFFCC; text-decoration: underline;}


/* Form elements */
textarea, select {
color : #FFFFCC;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #FFFFCC;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #000000;
color : #FFFFCC;
}

input { text-indent : 2px;
color : #000000; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #000000;
color : #FFFFCC;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}


/"custom sourcing to change the 1 2 3 color"/
div.pagination_wrap a {
color: #FF0000; /* for red text */
}

/* The main submit button option */
input.mainoption {
background-color : #000000;
color : #FFFFCC;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #000000;
color : #FFFFCC;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { color : #FFFFCC; background-color: #212121; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");


and now my new viewtopic_body.tps:
<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
<span class="gensmall"><b><div class="pagination_wrap">{PAGINATION}</div></b><br />
&nbsp; </span></td>
</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
<td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
-> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
<tr align="right">
<td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</span></td>
</tr>
{POLL_DISPLAY}
<tr>
<th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<tr>
<td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
<td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
</tr>
</table></td>
</tr>
<tr>
<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
<tr>
<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
document.write(' {postrow.ICQ_IMG}');
else
document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');

//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
</tr>
</table></td>
</tr>
<tr>
<td class="spaceRow" colspan="2" height="1"><img src="templates/subBlack/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<!-- END postrow -->
<tr align="center">
<td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
<tr><form method="post" action="{S_POST_DAYS_ACTION}">
<td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
</form></tr>
</table></td>
</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
<td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
-> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
<td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav"><div class="pagination_wrap">{PAGINATION}</div></span>
</td>
</tr>
<tr>
<td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
</tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
<tr>
<td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
&nbsp;<br />
{S_TOPIC_ADMIN}</td>
<td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
</table>


looks like I did everything right, no? I dunno? Any help is much appreciated.

Graham
Former Team Member
Posts: 8462
Joined: Tue Mar 19, 2002 7:11 pm
Location: UK
Contact:

Post by Graham »

The problem is almost certainly here
<span class="nav"><div class="pagination_wrap">{PAGINATION}</div></span>


You can't have a block level element (a div) inside a character level element (a span)
"So Long, and Thanks for All the Fish"

phpBB Useful Links: Knowledge Base | Userguide | Forum Search | MOD Database | Styles Database
My Links: Blog!

captanobvs
Registered User
Posts: 23
Joined: Tue Nov 16, 2004 10:13 pm
Contact:

Post by captanobvs »

Graham wrote: The problem is almost certainly here
<span class="nav"><div class="pagination_wrap">{PAGINATION}</div></span>


You can't have a block level element (a div) inside a character level element (a span)


Ahh... What to do? :?:

Locked

Return to “[2.0.x] Styles Development & Discussion”