Archived

This topic is now archived and is closed to further replies.

  • 0

Suggested Resources For Custom Styles

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites