Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 



       myfreeforum.org Forum Index -> Web page/template Editing
Ask Mr. Religion

Changing Font Color of Watch all forums for new topics, etc

http://rti.myfineforum.org/


Please indicate keywords you have searched on: changing font colors


I would like to change the font colors of the following two links:
Watch all forums for new topics | Stop watching any forum

I cannot find the template to make these changes and would appreciate a pointer.

AMR
admin (no pm's please)

That is tricky as they are not part of a template all.

They are however given a css class of "subscribe" that can be altered.
Ask Mr. Religion

Well, I was able to change the color of one item. I will look for the css definitions, or are you saying I need to add the class definition 'subscribe' to my template's .css file (as I don't see that class therein).



AMR
admin (no pm's please)

You will need to add the definition to the css file. "subscribe" is not a normal phpbb2 class.
Ask Mr. Religion

I added the following:

Code:

/* The Subscription to posts text */
.subscribe { font-size : 12px;}
a.subscribe:link   { text-decoration: underline; color : #FFFF00; }
a.subscribe:visited { text-decoration: underline; color : #FFFF00; }
a.subscribe:hover { text-decoration: underline; color : #FF0066; }


But it made no difference to the
Watch all forums for new topics | Stop watching any forum links

AMR
admin (no pm's please)

I just logged in as editor and did a view css in firefox web developer and it did not find that css.
Ask Mr. Religion

admin (no pm's please) wrote:
I just logged in as editor and did a view css in firefox web developer and it did not find that css.
I added the definition to myfn_rti1.css. Odd that it is not showing up when viewing the main index page's source. I don't see it either despite the fact that definition is clearly in the .css file.

AMR
Ask Mr. Religion

My .css file, entitled myfn_rti1.css is as follows:

Spoiler:


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
  background-color: #99004D;
}

form { margin: 0px; padding: 0px; }

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

/* This is the border line & background colour round the entire page */
.bodyline { }

/* This is the outline round the main forum tables */
.forumline { background-color: #800000; border: 1px #5d666c solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #E6F3F9; }
td.row2 { background-color: #dfeef5; }
td.row3 { background-color: #d3eaf5; }
td.pollbg { background: #E1E9F2 url(templates/myfn_rti1/images/pollbg.gif) repeat-x; }

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFFFFF; font-size: 11px; font-weight : bold;
height: 28px;
background-image: url(templates/myfn_rti1/images/cellpic1.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/myfn_rti1/images/cellpic1.gif);
height: 28px;
}

td.end {
background-image: url(templates/VistaLite/images/cellpic3.gif);
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: 28px;
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; height: 28px; }
td.spaceRow {
background-color: #e9f2f8; border: #5d666c; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
td.spaceRow { border-width: 1px 0px 1px 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 : #FFFFFF;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #00324c; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FF0000; text-decoration: underline; }

.gensmalli { font: italic 10px Verdana, Arial, Helvetica, sans-serif; color : #00324c; }
a.gensmalli { font: italic 10px Verdana, Arial, Helvetica, sans-serif; color: #00324c; text-decoration: none; }
a.gensmalli:hover { color: #FF0000; text-decoration: underline; }

.headertextw { font-size : 10px; color : #FFFFFF}
a.headertextw:link { text-decoration: none; color : #FFFFFF }
a.headertextw:visited { text-decoration: none; color : #FFFFFF; }
a.headertextw:hover { text-decoration: underline; color : #FF0000}

.sitename { font-size : 24px; color : #003333; font-weight : bold; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
a.sitename:link { text-decoration: none; color : #003333 }
a.sitename:visited { text-decoration: none; color : #003333; }
a.sitename:hover { text-decoration: underline; color : #FF0000}

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

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

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

/* 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 : #000000;}
a.nav { text-decoration: none; color : #00324c; }
a.nav:visited { text-decoration: none; color : #00324c; }
a.nav:hover { text-decoration: underline; color : #FF0000; }

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

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

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

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


/* The Subscription to posts text */
.subscribe { font-size : 12px;}
a.subscribe:link { text-decoration: underline; color : #FFFF00; }
a.subscribe:visited { text-decoration: underline; color : #FFFF00; }
a.subscribe:hover { text-decoration: underline; color : #FF0066; }


/* Quote & Code blocks */
.code {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #00324c;
background-color: #FFFFEE;
border: #d8f0fa;
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: 12px; color: #006399; line-height: 125%;
background-color: #FFFFEE; border: #d8f0fa; 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: #00324c; letter-spacing: -1px;}
a.copyright { color: #00324c; text-decoration: none;}
a.copyright:visited { text-decoration: none; color : #00324c; }
a.copyright:hover { color: #00324c; text-decoration: underline;}

select {
color : #000000;
font: italic 10px Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #5d666c;
}

input, textarea {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #5d666c;
}

/* The text input fields background colour */
input.post, textarea.post {
background-image: url('templates/myfn_rti1/images/bginput.gif');
background-repeat: repeat-x;
background-color : #FFFFFF;
color : #000000;
border: solid 1px #5d666c;
}

input { text-indent : 2px; }

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

/* The main submit button option */
input.mainoption {
background-color : #FFFFFF;
color : #000000;
font-weight : bold;
border: solid 1px #5d666c;
}

/* None-bold submit button */
input.liteoption {
background-color : #FFFFFF;
color : #000000;
font-weight : normal;
border: solid 1px #5d666c;
}

input.login {
background-color : #FFFFFF;
color : #000000;
font-weight : normal;
font-size: 10px;
border: solid 1px #5d666c;
}

input.image {
border: none;
}

.inputmod {
color : #000000;
font: italic 10px Verdana, Arial, Helvetica, sans-serif;
background-image: url('templates/myfn_rti1/images/bginput.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
border: solid 1px #5d666c; }

input.inputmod {
border: solid 1px #5d666c; }

/* 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 : #000000; background-color: #FFFFFF; border: solid 1px #5d666c; }


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



When I view the page source of my forum, the subscription class definition does not show up. I also note that a backgound image is specified in the view source versus what is defined in my css file above. It is as if there is something wrong with the upload facility. Could some paths be hosed up? When I save my .css file it shows it being written to:



Is this correct? It is as if there are two .css files floating around. sigh

AMR
admin (no pm's please)

You are not using a css file, your overall_header.tpl has:

Code:

<!-- link rel="stylesheet" href="templates/myfn_rti1/myfn_rti1.css" type="text/css" -->
<style type="text/css">


This is followed by the css used.

The first bit comments out the css file. The idea is that you should use the theme editor to get the colors right, the colors will substitute into the css in overall_header.tpl, then when you are happy you copy the styles from the page source into the css file.
Then remove the style section from overall_header.tpl and replace the css with:

Code:

<link rel="stylesheet" href="templates/myfn_rti1/myfn_rti1.css" type="text/css" -->


Don't blame us, this is just how phpbb2 often did styles.
Ask Mr. Religion

Thanks!

AMR

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum