Custom HTML Items

[DC_Eric]

I just started administering contribute and was wondering if I were to make a
contentbox "div with an id styles by CSS" could a person using contribute
somehow point and click something to add that content box to their page and
then add content inside of the box?

[ThinkInk]

This is a nice idea. Maybe you could try using CSS to hide and show these
regions on the website and use an editable region inside these div-tags for
your users to edit. Haven't tried it myself yet, but maybe it can be done.

grtz
Hayo

[DC_Eric]

They really are not regions. They are just content boxes. Basically a box with
an outline. The top would be the title of the box with a color background. then
you would put your info inside the box. But it wouldn't make sense to put a ton
of these all over the page and then have them invisible. I was hoping a using
could just use some command where they can insert their box.

[ewriter]

Actually, you can make a Dreamweaver template that does this. Define an area as
a repeatable and optional region. I defined one of these and Dreamweaver allows
you to add, subtract, and move the regions up or down.

[DC_Eric]

its not a region its a content box

example of what a content box is:
[url]http://www.hud.gov/[/url] look at the right where it says "homes for sale"
it has a red top and cream body. I want users to be able to insert items like
that on their pages.

[ewriter]

Region is Dreamweaver terminology for what you're describing. DW calls that an
Editable Region or an Optional region--a place to hang your content. Adobe has
some tutorials or content on DW templates as does the DW help file.

[ThinkInk]

I think I do understand what you mean now.
Maybe you could create a class in CSS with the proper color background and a
background image for the top of the box.
I used this CSS for a h6 heading that kind of functions like something you
describe:

---
.content h6 {
color:#ffffff;
text-align:left;
font-size:11px;
width: 540px;
height: 110px;
padding:10px 10px 10px 7px;
margin-left:20px;
background-image:url(../img_site/voorproef.gif);
background-repeat:no-repeat;
}
---

It looks like this:
[url]http://www.verleidkundiginstituut.nl/vi_voorproeven.php[/url]

grtz
Hayo

[DC_Eric]

[q]Originally posted by: ThinkInk
I think I do understand what you mean now.
Maybe you could create a class in CSS with the proper color background and a
background image for the top of the box.
I used this CSS for a h6 heading that kind of functions like something you
describe:

---
.content h6 {
color:#ffffff;
text-align:left;
font-size:11px;
width: 540px;
height: 110px;
padding:10px 10px 10px 7px;
margin-left:20px;
background-image:url(../img_site/voorproef.gif);
background-repeat:no-repeat;
}
---

It looks like this:
[url]http://www.verleidkundiginstituut.nl/vi_voorproeven.php[/url]

grtz
Hayo[/q]


I did do that its called

<div class="contentbox">

</div>

But I can't figure out how to make contribute insert these anywhere they want
in the editable regions.

[DC_Eric]

I see what you did. you sected all the text and then applied the h6 header to
it. that works great if you use a box with text like yours however my boxes
have header. Much larger text that is white on a color background.

I think it basically means I need to edit the actual contribute application\
because I am not finding a way for contribute to add predefined library items
or use snippets which are native to dreamweaver

[ewriter]

Yup, that's exactly what I mean. I do something similar with CSS and a Dreamweaver template that has an optional region defined using CSS heading and class styles.

[ThinkInk]

Well you could still try to use CSS.

Use h5 and h6 and make h5 the header of your box and h6 the content. You make
them fit to eachother with CSS and you can vary the text size and color in h5
and h6.

[DC_Eric]

I think this is a good work around if I can't add a content box option under insert. I let you guys know if I figure a way to add this to contribute.