Add a separator


Author Message
Jan

Posted: 1/27/2010
Quote message 

Hi all,

Does anyone know how to automatically add a separator - a thin dotted line, newspaper style - between articles, blocks and columns in my blog?
Any hint would be highly appreciated.

Cheers,

Jan



 
christine

Posted: 1/29/2010
Quote message 

What it you just added another picture (of a line) at the end of the post (centered)??? I think that is what I am going to try.

Although...it would be great it they would add that! :-)

Hope this helps...

C.
 
Jan

Posted: 1/30/2010
Quote message 

Yes, that would problably be a way to do it, but not what I envisaged.

If you add a picture at the bottom of the post it would still end up above the comments link , the tags, and other stuff. The same goes if you add the picture first in your post., it will come after dates and other stuff.

I believe the issue is about adding htlm code at the right place, but I know nothing about htlm programming. After all, that is why I bought Artisteer in the first place...

I, too, hope the Artisteer programmers will add this feature in coming updates or, even better, if someone out there knows how to work around the system.

Cheers,

/ Jan O:)
 
Sylvain

Posted: 1/31/2010
Quote message 

@Jan: there is nothing you can do really serious on the web without knowing a minimum of HTM programming and there is simply so many possibilities you can cover in a program like Artisteer without starting to bury the users under a flood of options.

The thin line between article is probably easily done by modifiying the HTML template directly on Blogger. However, by doing this, you start customizing your template; which is a very good thing in some way but can hurt you later if you want to change your template again using Artisteer.

The line between blocks will probably be harder to achieve (I'm not sure) because Artisteer ads some javascript to make some post editing to the side block contents. This is way you can see the formating of your side block titles and boxes to appear in two steps: first, the text itself (produced by Blogger) and then the formating around and behind (produced by the javascript).

This is also why blog sites which show Adsense ads take longer to appear on Internet Explorer (IE) because IE seems to have some internal blocking displaying dynamic content when the DOM (the hierarchy of all the HTML controls and text contents on the page) around it is modified by javascript.

The vertical lines between your columns might also be hard to construct; I don't know. It's often difficult with HTML to produce things of variable height and on many occasions, you must know your HTML coding pretty well before producing something of varying height.. (Variable width is much less difficult.).

Finally, without an example of what you want to do, it's hard to give you some advice. Maybe I totally misunderstood what you are saying.

Best,
Sylvain

 
Jan

Posted: 1/31/2010
Quote message 

Sylvain,

Thanks for your comment. You understood perfectly well what I was aiming at achieving. I have tried to upload an example from a local newpaper, see below.



Cheers,

Jan :-/
 
Sylvain

Posted: 1/31/2010
Quote message 

@Jan: Sorry but I'm unable to see your picture. The source of the picture is something like "C:\Documents and Settings\Janne\Skrivbord\Bild2" so obviously, it cannot be shown here.

You should add it to a public images server like Picasa because you need a web adress (and not a local hard drive address) for your image.

Best,
Sylvain

 
Nita

Posted: 3/5/2011
Quote message 

Its very easy.

Just find .art-post in the CSS and paste this:

border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #7FB625;

This is the result:

.art-post
{
margin: 5px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #7FB625;
}
 
Jeremy6

Posted: 9/6/2011
Quote message 

This doesn't seem to work under Artisteer 3.0
 
Endy

Posted: 9/6/2011
Quote message 

You can use just:

border-bottom: 1px dotted #fff;

for less css lines.