Suggested Resources For Custom Styles

[dainiswmichel 0]

Hey,

there's this: http://www.colorzilla.com/gradient-editor/

and this:

http://css3generator.com/

and lots of graphics available...

i have to make a nice "box" for highlighted content and i was wondering what style resources the community recommends.

to see why i'm making this "box" it's for my site: http://www.curetinnitus.org/ specifically the page: http://www.curetinnitus.org/join-curetinnitus-org/ and all the pages where a banned YouTube video appears. The video is called "is tinnitus curable?" and it got removed. That video is featured on about 40 pages on the site and now i need to go through and find each instance and what i want to do is wrap the video with my response to YouTube and some text, in a box that has a shaded background and a border.

i'm searching around for a decent style for such a "box" or "highlighted area."

-- maybe pagelines even has one "in it" already.

best,

dainis

[catrina 103]

To narrow down suggested resources, do you have any existing examples of what you'd like the box to look like?

[dainiswmichel 0]

sure. rounded borders shaded background.

maybe a paper note (which would have a graphical background and most likely edges). i have a paper note style somewhere...

i can make one myself but stuff often ends up looking better when i work from an existing source.

it's really nice of you to ask about my specific box :-)

however -- i don't mind checking out lots of sites.

cheers,

dainis

[catrina 103]

There are different ways you can do this (but it depends on what kind of background image you want). Are the boxes going to have the same amount of content in each of them?

[dainiswmichel 0]

i went ahead and created the styles and a video to explain how i did it:

big plug for pagelines in there! :-)

here are the styles in action:

http://www.curetinnitus.org/public-request-for-youtube-to-lift-the-ban-on-my-dainismichel-account-and-my-is-tinnitus-curable-video/

and here is the code for the styles i created:

.editorswarning {

font-family: "Courier New", Courier, monospace;

font-size: 107%;

color: #92000E;

border: 1px solid;

margin: 10px 5%;

padding: 15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

background-color: #FFCCBA;

background-image: url('/images/Attention-Sign.png');

border-radius: 5px;

-moz-border-radius: 5px;

}

.dwmvidbox1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 110%;

background-color: #FFF6C4;

padding: 15px 10px 15px 15px;

border: thin solid #666;

border-radius: 15px;

-moz-border-radius: 15px;

text-align: left;

margin: 10px 5%;

}

i do enjoy working from samples so if you have a list of suggested resources for custom styles -- it would really be great to take a look.

oh -- and i was able to get styled comments into wordpress by going into phpmyadmin -- didn't think i could do that but looks like it's possible so that's cool n fun!

cheers!

[Rob 547]

Thanks for the great plug in your video and that code. I've passed it along to our developers.