Help - Search - Members - Calendar
Full Version: How do I window text?
Movable Type Community Forum > Using Movable Type > Entries and Archives
pochuen
I new to html and blog in general. I've noticed that many sites, such as http://www.healyourchurchwebsite.com/ will have text within a coloured window in their entries. It looks like adding a tag linking to my stylesheet, am I right? How would I go about this?
LisaJill
Ahh, that's a blockquote.

You can add something like this to your stylesheet:

CODE
blockquote
{
    background: #000
       color: #fff
       border: 2px dashed #ccc
}


and then just encase the quotes you want like that in blockquote tags, ie:

CODE
<blockquote>Once upon a time, in a land far, far away...</blockquote>


Does that help?
pochuen
Yes, that was exactly what I wanted. Thank you very much! biggrin.gif
deanpeters
LisaJill ... I definately do something like that with blockquotes, but what I believe pochuen is looking at are some custom tags I create :

CODE
.codeblock, .scripture, .blogicon {
    font-family: "Courier New", Courier, monospace;
    font-size:small;
    background: #E8F1FF;
    margin: 5px;
    padding: 5px;
    padding-right: 15px;
}

.codeblock {
    background: #FFFFCC;
}


Then a bit later, when I want to present some source code, I'll encapsulate it with something like this:
CODE

<div class="codeblock">
cd $HOME/www
tar -zxvf $HOME/MT-2.661-upgrade.tar.gz
</div>

But YES, LisaJill you are right, as I stated earlier, I also do something similar, modifying the blockquote with I believe a color of #e8e8e8.

Personally, I use TopStyle Pro in combination with Sokkit on my PC to do my template work locally.
LisaJill
You're right, and I'm well aware of how to use extra divs. But on *these* forums I follow KISS, because people tend to want the simplest, most direct, and easiest to understand route.

Otherwise I just end up answering questions I created. After years on help desk one learns to go with the most basic answer. wink.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.