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 -> The Graphics Hub
Ask Mr. Religion

Forum Category Description Icons Request

My forum: http://rti.myfineforum.org/index.php

Please indicate keywords you have searched on: Category Description icons

I would like to have icons for each of the ten forum categories at my site listed above. For example, at the site, the last category is TNARS Degree Programs. In the cell of that table, where the "TNARS Degree Programs" description is listed, I would like a transparent icon of, say, a sheepskin degree scroll, that would appear immediately before the actual words, "TNARS Degree Programs" in that table cell.

I can suggest other icons for the other categories, but wanted to know if anyone was interested in working on this beforehand.

Thanks!

AMR
myff admin

Well you do have access to CAT_ID in the templates.

So roughly speaking

Code:

<img src="templates/myfn_rt1/images/caticon{carrow.CAT_ID}.png" />


Could refer to an icon per category and you'd just have to upload caticon10.png and so on.
Ask Mr. Religion

That sounds swell! Thank you.

Anyone here interested in creating a set of ten pngs for me?

AMR
GentleD

That is a heck of a lot of work. I would be willing to work on some of them, but I don't see having time enough to do all. What size of graphic are you looking for? And for the scroll, something like this?




Kat
Ask Mr. Religion

GentleD wrote:
That is a heck of a lot of work. I would be willing to work on some of them, but I don't see having time enough to do all. What size of graphic are you looking for? And for the scroll, something like this?




Kat
Kat,

Let me play around with that item and see what size actually works for the Category rows in my forum shown here:

http://rti.myfineforum.org/index.php

If this is too much work, I fully understand. I don't want to unduly burden anyone.

AMR
Bravo

you'd need to be clear about the images for each and every one

size, and what is required etc
Ask Mr. Religion

myff admin wrote:
Well you do have access to CAT_ID in the templates.

So roughly speaking

Code:

<img src="templates/myfn_rt1/images/caticon{carrow.CAT_ID}.png" />


Could refer to an icon per category and you'd just have to upload caticon10.png and so on.
In the code above is it

Code:
caticon{carrow.CAT_ID}.png


or

Code:
caticon{catrow.CAT_ID}.png


Thus for the icon in question would the exact entry be:

Code:
<img src="templates/myfn_rt1/images/caticon10.png" />


I am not clear on how to use the Cat_ID macro here.

Also, am I entering the is the admin config panel for a specific forum? Or must I create some sort of code in the forum index TPL?
Ask Mr. Religion

I figured things out, so ignore the above bit related to where and how to use the CAT_ID macro for now.

I would like transparent png graphics that cannot exceed 25 pixels in height, and 50 pixels in length using a 72 pixel/inch resolution. For visibility, consider that the png will be set against a varying red background (see link to my site immediately below).

I need nine more forum category png graphics as the scroll done above was just peachy after I re-sized it. Thank you GentleD!

I list below the theme for the png as well as my simplistic suggestion that an expert can no doubt improve upon. My site, http://rti.myfineforum.org/index.php, is a religious site, so context is important here.

1. Topic of the Week - yellow light bulb signifying thinking things over
2. Membership Central - toolbox signifying how to make things work at my site
3. Biblical Studies - old bible
4. Reformed Doctrine - unfurled parchment nailed to a church door
5. Apologetics - highway sign labeled "Truth"
6. Reformed History - something like this: http://tinyurl.com/3vrzmra
7. Walk of Faith - stairway to clouds or bridge to sunset, etc.
8. Debates - a thumb up and a thumb down
9. Compliments, Suggestions, Complaints - a suggestion box

Thank you,
AMR
GentleD

Okay, cool. I will see what I can do to help you with some of them. Give me a couple of days.

Kat
Ask Mr. Religion

GentleD wrote:
Okay, cool. I will see what I can do to help you with some of them. Give me a couple of days.

Kat
Kat,

No rush. Take all the time you need.

Thank you!

AMR
GentleD

Okay, here is a couple to get us started.

For number 4 I couldn't make the church door work, it just didn't look right, but here is a unfurled parchment.




And for number 5, the road sign.




Let me know what you think.

Kat
Ask Mr. Religion

GentleD wrote:
Okay, here is a couple to get us started.

For number 4 I couldn't make the church door work, it just didn't look right, but here is a unfurled parchment.




And for number 5, the road sign.




Let me know what you think.

Kat
Wow! Rapid turnaround!

They are fine. Could the parchment be a wee bit lighter with the nail more prominent just to get the effect of Luther's nailing the parchment containing the 95 Theses on the Wittenberg church idea across? You could capture the old church door effect something like this: http://tinyurl.com/44v8xk7

AMR
GentleD

Yeah, I didn't like that version of the parchment myself. Here is a new version I did. I can work on adding the church door later. Here is what I have so far for the parchment.

Kat


GentleD

Okay, here is one with the wooden door behind it.

Kat


Bravo

Ask Mr. Religion wrote:
2. Membership Central - toolbox signifying how to make things work at my site


Bravo

Ask Mr. Religion wrote:
3. Biblical Studies - old bible



GentleD

Love the toolbox and bible you did, Bravo!

AMR,
Here is the yellow light bulb. Number 1.




Kat
GentleD

And the suggestion box. Number 9.





Kat
GentleD

And here is the thumbs up, thumbs down. Number 8-debates. I have two different choices for you.

Kat





GentleD

This is my version of the stairway. Number 7. Bravo may have a different version.

Kat


Ask Mr. Religion

GentleD wrote:
Okay, here is one with the wooden door behind it.

Kat


They are all swell!

Looks like you have them all except one:

6. Reformed History - something like this: http://tinyurl.com/3vrzmra

AMR
Ask Mr. Religion

I have the images installed at

http://rti.myfineforum.org/index.php

There seems to be some issue with image caching on the server. I had to re-size some images. Then I uploaded them and re-wrote these smaller images over the identically named files. Yet I still see the larger sized images being displayed. Went through the whole process of clearing my caches, etc. But nothing works.

AMR
GentleD

Here is the last one. I have two versions of it, also.

Kat





Ask Mr. Religion

GentleD wrote:
Here is the last one. I have two versions of it, also.

Kat





Splendid!

AMR
Ask Mr. Religion

I have all installed now at: http://rti.myfineforum.org/index.php

I had to tweak the sizes of a few. I also changed the Bible icon to an open bible to make it more distinctive. As the admin here pointed out to me, using the CTRL-F5 option solved my problem with viewing the new icons as this command in the browser tells it to get the new content from the server when refreshing the web page.

Thank you for all your kind work, Kat.

AMR
Ask Mr. Religion

I note that with all browsers, other than IE, the icons for each forum category shown here:

http://rti.myfineforum.org/index.php

display without a blue hyperlink around them. That is a good thing.

But, with Internet Explorer the blue outline showing around each icon is ugly. Is this an artifact of IE or must I define a special class for these icons such that no hyperlink treatment is displayed?

Current code in the index_body.tpl (note position of the image source bit) reads:

Code:
   <tr>
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle"><img src="templates/myfn_rti1/images/caticon{catrow.CAT_ID}.png" />{catrow.CAT_DESC}</a></span></td>
    <th class="thTop" nowrap="nowrap">{L_POSTS}&nbsp;</th>
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>


AMR
Ask Mr. Religion

Doh! Just need to add

Code:
border="0"
immediately following the *.png bit in the code above to make IE behave better.

Problem solved.

AMR
Nick(NR)

code:
class="imgbdr"

css:
.imgbdr { border: none;}

much better and less likely to produce an error, only the class to add to image tags
GentleD

Ask Mr. Religion wrote:

Thank you for all your kind work, Kat.

AMR


You are very welcome. But I wasn't the only one that worked on them. (Thank you, Bravo!)

They look really great on your site, AMR.

Kat

       myfreeforum.org Forum Index -> The Graphics Hub
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum