Jump to content
Sign in to follow this  
dainiswmichel

Suggested Resources For Custom Styles

Recommended Posts

dainiswmichel    0
dainiswmichel

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
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
dainiswmichel    0
dainiswmichel

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
catrina    103
catrina

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?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
dainiswmichel    0
dainiswmichel

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
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×