BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
Editing Article Title and Image
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion
View previous topic :: View next topic  
Author Message
johncpiercy



Joined: 24 Mar 2005
Posts: 91
Location: Canada

PostPosted: Wed Nov 02, 2005 2:46 am    Post subject: Editing Article Title and Image Reply with quote

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
View user's profile Send private message Visit poster's website Yahoo Messenger MSN Messenger
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Nov 02, 2005 6:39 am    Post subject: Re: Editing Article Title and Image Reply with quote

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:

Code:
font-size: 40px;


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>&nbsp;
{{else}}
<a href="{{view_url}}"><img src="/_images/page.gif" width="13" height="13" border="0" alt="View Article"></a>&nbsp;
{{/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
View user's profile Send private message Send e-mail Visit poster's website
johncpiercy



Joined: 24 Mar 2005
Posts: 91
Location: Canada

PostPosted: Wed Nov 02, 2005 6:27 pm    Post subject: Reply with quote

Thanks for the information John , Ive cleaned out the unnecessary code in there , Smile

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
View user's profile Send private message Visit poster's website Yahoo Messenger MSN Messenger
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Nov 02, 2005 6:40 pm    Post subject: Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website
johncpiercy



Joined: 24 Mar 2005
Posts: 91
Location: Canada

PostPosted: Wed Nov 02, 2005 11:25 pm    Post subject: Reply with quote

everything has worked out great , thanks John
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger MSN Messenger
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Thu Nov 03, 2005 7:13 am    Post subject: Reply with quote

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>&nbsp;
{{else}}
<a href="http://www.johnpiercy.ca"><img src="/newspaper.gif" width="24" height="24" border="0" alt="View Article"></a>&nbsp;
{{/if}}


to this:

Code:
{{if restricted}}
<a href="{{view_url}}"><img src="/_images/locksm.gif" width="7" height="10" border="0" alt="Locked"></a>&nbsp;
{{else}}
<a href="{{view_url}}"><img src="/newspaper.gif" width="24" height="24" border="0" alt="View Article"></a>&nbsp;
{{/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
View user's profile Send private message Send e-mail Visit poster's website
johncpiercy



Joined: 24 Mar 2005
Posts: 91
Location: Canada

PostPosted: Thu Nov 03, 2005 4:29 pm    Post subject: Reply with quote

thanks for the coding tips ,, I made the changes ,

Everything looks great , I appreciate your assistance John

John Piercy
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger MSN Messenger
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
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