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 
Two formatting questions
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion
View previous topic :: View next topic  
Author Message
Otley Poets



Joined: 13 Feb 2005
Posts: 4
Location: Leeds, UK

PostPosted: Mon Feb 28, 2005 6:30 pm    Post subject: Two formatting questions Reply with quote

Lately been involved in developing both a personal blog and a group blog so had to think a lot about posting. As a result..

1. I notice that you can change the size, eg, of an article body but not, as far as I can tell, of an article title. Leaving aside known problems about large fonts in the article body, at the limit one could have large text in an article and 'small' text in the title.

* am I right that the attribute of title cannot be directly changed by a user

* is there some intevention at the CSS level that could allow some handcrafting.

2. In the blog itself, to the left of the (displayed) article title is a (document) icon. Select that and the user gets to the full text of the article.

It could improve the look & feel of the blog as a whole, and make the icon itself more prominent, for the less experienced, if in a contrasting colour.

* again, is there a CSS move that will pick out these icons, please?


PS. I now see that 'ladyaubrey' in tips & tricks also has concerns about formatting an article title..


¢
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Tue Mar 01, 2005 7:48 pm    Post subject: Re: Two formatting questions Reply with quote

Otley Poets wrote:
is there some intevention at the CSS level that could allow some handcrafting.


You can change not only the font but any of the style attributes of an article title using CSS.

This thread at http://forums.blogharbor.com/viewtopic.php?t=506 shows you how to access the CSS or style template which controls the look and feel of your blog. Once you know how to get there, you'll need some code to change the articleTitle class which controls how your article title appears across all pages on your blog.

In this thread, someone asked about how to change the color of an article title and there is a nice sample code which allows you to customize the font and font weight, the text color and the background color.

Here's another sample:

Code:
.articleTitle {
    background-color: #efefef;
    color: #000000;
    font: bold 16px 'Trebuchet MS', verdana,arial,geneva,sans-serif;
    border: 1px solid #cccccc;
    padding: 4px;
}


This code will make your articles enclosed in a light grey box, bounded by a slightly darker grey border 1 pixel in size. There will be a little padding, a little space around the bold, black 16 point title in the Trebuchet MS font.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Tue Mar 01, 2005 8:15 pm    Post subject: Re: Two formatting questions Reply with quote

Quote:
In the blog itself, to the left of the (displayed) article title is a (document) icon. Select that and the user gets to the full text of the article. It could improve the look & feel of the blog as a whole, and make the icon itself more prominent, for the less experienced, if in a contrasting colour. * again, is there a CSS move that will pick out these icons, please?


This icon appears next to the title of an article in category view, the lock icon appears instead if the article is a restricted one. Its appearance is coded into the category template; yes, you can modify the category template to display an image of your choosing instead of the default image.

First you would need to upload an image to your blog via the File Manager. Once it's uploaded, note its web address or URL.

Next, we'll modify the category template. If you've already modified the style template, you should already see how to get to the category template; this thread http://forums.blogharbor.com/viewtopic.php?p=1614#1614 has the steps to get to the category template.

Once there, look for this code:

Code:
<img src="/_images/page.gif" width="13" height="13" border="0" alt="View Article">


That is the part which displays the icon to which you refer. Change it to point to the new icon you have uploaded to your File Manager.

Maybe you would change it to this, for example:

Code:
<img src="/newPageIcon.gif" width="26" height="26" border="0" alt="View Article">


If you created a 26x26 icon named newPageIcon.gif and uploaded it to the top level of your File Manager.

The thread pointed out earlier at http://forums.blogharbor.com/viewtopic.php?p=1614 might also be of interest to you as it explains how to make the title of a post a link to its permanent link.


Last edited by john on Fri Nov 17, 2006 8:11 am; edited 2 times in total
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Lsquared



Joined: 30 Apr 2005
Posts: 17

PostPosted: Fri Jun 03, 2005 10:08 am    Post subject: well I did all that I think, but remember one time you said Reply with quote

that with Black N' Blue, some things are different. I copied the code you supplied for someone else to customize his blog name component - but once before I did that for something else - and you said that bnb is different - and you gave me different text.

So - what I notice is that when this blog loads - the links are visible for one second - and then they go to white.

This only happens on the main page - the other pages look okay.
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Fri Jun 03, 2005 11:23 am    Post subject: Re: well I did all that I think, but remember one time you s Reply with quote

Lsquared wrote:
that with Black N' Blue, some things are different. I copied the code you supplied for someone else to customize his blog name component - but once before I did that for something else - and you said that bnb is different - and you gave me different text.

So - what I notice is that when this blog loads - the links are visible for one second - and then they go to white.

This only happens on the main page - the other pages look okay.


I'm sorry, I can't quite understand what this question is in reference to. Is it in reference to the above thread? Or something else? If it is about something else, could you please post to a new thread with a little more background about what you are wanting to do and what you are seeing, that would help us figuring out what your issue is.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
bucksrugby



Joined: 10 Nov 2005
Posts: 20
Location: Singapore

PostPosted: Tue Dec 13, 2005 7:35 am    Post subject: Reply with quote

I want to get rid of that page.gif icon altogether do I just delete this line of code?

<img src="/_images/page.gif" width="13" height="13" border="0" alt="View Article">

If in the rare case we have a restricted article, by leaving the rest of the code in place (i.e. lock.gif) would that work?
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Tue Dec 13, 2005 8:43 am    Post subject: Reply with quote

I want to get rid of that page.gif icon altogether do I just delete this line of code?

Yes, that's how it's done.

If in the rare case we have a restricted article, by leaving the rest of the code in place (i.e. lock.gif) would that work?

Yes, it would work.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
bucksrugby



Joined: 10 Nov 2005
Posts: 20
Location: Singapore

PostPosted: Tue Dec 13, 2005 11:59 pm    Post subject: Reply with quote

Ok the page.gif icon is gone but how do i align the article title to the left so it does not tab in?
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Dec 14, 2005 12:04 am    Post subject: Reply with quote

Try removing this:

Code:
&nbsp;


I think that's causing what you see as tabbing in.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
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