View previous topic :: View next topic |
Author |
Message |
johncpiercy
Joined: 24 Mar 2005 Posts: 91 Location: Canada
|
Posted: Wed Nov 02, 2005 2:46 am Post subject: Editing Article Title and Image |
|
|
2 quick Questions John
1. I'd like to change the Font size of just my article title , just a slight increase is all I need
After some digging around , I found the article title code in the Custom CSS
I made a slight change to test it and nothing happened , Is there other locations where this must be changed ?
2. I notice in the Article Title , the image print.gif , I would like to change that image .
Could I get some assistance on that .
I tried to locate that particular file in my file manager , but couldnt locate it
thanks
John Piercy |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Wed Nov 02, 2005 6:39 am Post subject: Re: Editing Article Title and Image |
|
|
After some digging around , I found the article title code in the Custom CSS I made a slight change to test it and nothing happened , Is there other locations where this must be changed ?
You've got some stuff in your style template that needs to be removed. First, this:
Code: | {{if keywords}}
<div style="margin-top:8px;margin-bottom:25px;">
<strong>Keywords:</strong>
{{loop keywords}}
<a href="{{search_url}}" rel="tag">{{var name=keyword escape=html}}</a>{{unless __last__}}, {{/unless}}
{{/loop}}
</div>
{{/if}} <!-- keywords -->
{{if keywords}}
<div style="margin-top:8px;margin-bottom:25px;">
<strong>Technorati Tags:</strong>
{{loop keywords}}
<a href="http://www.technorati.com/tag/{{var name=keyword escape=html}}" rel="tag">{{var name=keyword escape=html}}</a>{{unless __last__}}, {{/unless}}
{{/loop}}
</div>
{{/if}} <!-- keywords -->
} |
is all stuff that does not belong in your style template (aka css stylesheet), it needs to be removed.
Next, you will see in your custom CSS you define the articleTitle twice. First you have this:
Code: | .articleTitle {
font-size: 40px Verdana,Helvetica,Arial,sans-serif;
font-weight: bold;
clear: both;
} |
Then later you have this:
Code: | .articleTitle {
background-color: red;
color: white;
font: normal 14px verdana,arial,geneva,sans-serif;
} |
The first one has incorrect grammar, you can't specify font style information in the font-size attribute.
I.e. you can have this:
or this:
Code: | font: 40px Verdana,Helvetica,Arial,sans-serif; |
but not this:
Code: | font-size: 40px Verdana,Helvetica,Arial,sans-serif; |
And try to avoid defining the same class twice in your stylesheet, it makes it too hard to figure out which aspects the second case is overriding from the first...
2. I notice in the Article Title , the image print.gif , I would like to change that image . Could I get some assistance on that . I tried to locate that particular file in my file manager , but couldnt locate it
There is a print.gif image commented out in the code, it is not used actually. But that image, and any of the images you see referenced from the /_images/ directory are system images and can not be changed. You can of course upload your own images and update your templates to point to those images instead, but you can not overwrite the system's default images.
For example, if you want to change the icon that appears next to an Article Title in category view, you would need to modify the category template, the process for which is explained here.
Look for this code in your category template:
Code: | {{if restricted}}
<a href="{{view_url}}"><img src="/_images/locksm.gif" width="7" height="10" border="0" alt="Locked"></a>
{{else}}
<a href="{{view_url}}"><img src="/_images/page.gif" width="13" height="13" border="0" alt="View Article"></a>
{{/if}} |
That code will display an image of a lock for articles that are contained in a secure category, and an image of a document or page for other non-secure articles. You can upload your own images to the File Manager and modify the HTML above to reference your images instead. |
|
Back to top |
|
|
johncpiercy
Joined: 24 Mar 2005 Posts: 91 Location: Canada
|
Posted: Wed Nov 02, 2005 6:27 pm Post subject: |
|
|
Thanks for the information John , Ive cleaned out the unnecessary code in there ,
On the Article title problem
Ive updated the custom css in the Style Template
to
Quote: | }
.articleTitle {
font-size: 20px;
font-weight: bold;
clear: both;
|
But I dont see any changes ??
Also John what Is the size limits to the gif , that I place beside the article title
I havent found an adequate gif , just yet ,,,,,,
THANKS |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Wed Nov 02, 2005 6:40 pm Post subject: |
|
|
You've got to pay close attention to all the little details when creating computer code...
You have this:
Code: | .articleBody {
position: static;
}
}
.articleTitle {
font-size: 20px;
font-weight: bold;
clear: both;
} |
There's a stray trailing bracket between the two classes which needs to be removed.
At the end of your Custom CSS you have this:
Code: | table.columns td.right, table.columns td.left {
width: 30%;
}
margin: 0 0 1em 0;
} |
The
Code: | margin: 0 0 1em 0;
} |
is leftover from something and should be removed.
what Is the size limits to the gif , that I place beside the article title
There's no limit imposed by our system, you can use any gif you want. |
|
Back to top |
|
|
johncpiercy
Joined: 24 Mar 2005 Posts: 91 Location: Canada
|
Posted: Wed Nov 02, 2005 11:25 pm Post subject: |
|
|
everything has worked out great , thanks John |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Thu Nov 03, 2005 7:13 am Post subject: |
|
|
Good job. The only thing I would suggest is changing this:
Code: | {{if restricted}}
<a href="{{view_url}}"><img src="/_images/locksm.gif" width="7" height="10" border="0" alt="Locked"></a>
{{else}}
<a href="http://www.johnpiercy.ca"><img src="/newspaper.gif" width="24" height="24" border="0" alt="View Article"></a>
{{/if}} |
to this:
Code: | {{if restricted}}
<a href="{{view_url}}"><img src="/_images/locksm.gif" width="7" height="10" border="0" alt="Locked"></a>
{{else}}
<a href="{{view_url}}"><img src="/newspaper.gif" width="24" height="24" border="0" alt="View Article"></a>
{{/if}} |
so that the icon links to the article, not to the home page of the blog (which is where the user probably is already). |
|
Back to top |
|
|
johncpiercy
Joined: 24 Mar 2005 Posts: 91 Location: Canada
|
Posted: Thu Nov 03, 2005 4:29 pm Post subject: |
|
|
thanks for the coding tips ,, I made the changes ,
Everything looks great , I appreciate your assistance John
John Piercy |
|
Back to top |
|
|
Search all BlogHarbor support resources.
|
View previous topic :: View next topic |
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
|