Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Is it ok to put div in Images?
Topic Started: Jul 17 2008, 12:25 PM (545 Views)
Nada
Member Avatar
Anada
 *   *  

Is it ok to put <div class='reply'>Reply</div> in Images, and then to put
.reply { text-align: center; width:8%; font-weight: bold; font-size: 11px; color: #009900; background-color:#ebf5e2; border-top: 2px solid #ededed; border-left: 2px solid #ededed; border-right: 2px solid #bbbbbb; border-bottom: 2px solid #7a7a7a; padding: 2px 3px 2px 2px; } in Manage Style Sheets?

Or is there a better way of doing this when i don't want to upload an image for poll edit delete etc ?

If div is ok in images is there any way i can have hover and what would i put in the css?

Thanks for any help, i've never done this before. :O
Edited by Nada, Jul 17 2008, 12:26 PM.
Offline Profile Quote Post Goto Top
 
Lone Stranger (S)
Member Avatar
Member
 *   *   *   *   *  
Nada
Jul 17 2008, 12:25 PM
Is it ok to put <div class='reply'>Reply</div> in Images, and then to put
.reply { text-align: center; width:8%; font-weight: bold; font-size: 11px; color: #009900; background-color:#ebf5e2; border-top: 2px solid #ededed; border-left: 2px solid #ededed; border-right: 2px solid #bbbbbb; border-bottom: 2px solid #7a7a7a; padding: 2px 3px 2px 2px; } in Manage Style Sheets?

Or is there a better way of doing this when i don't want to upload an image for poll edit delete etc ?

If div is ok in images is there any way i can have hover and what would i put in the css?

Thanks for any help, i've never done this before. :O
I would suggest using <span class='reply'>. A div, unless you know a lot of CSS, makes a new line and can be tricky. Also, you can change the link by doing this:
Code:
 
.reply a { whatever CSS here }
.reply a:hover { hover CSS here }
Edited by Lone Stranger, Jul 17 2008, 12:37 PM.
Offline Profile Quote Post Goto Top
 
Nada
Member Avatar
Anada
 *   *  
Yes div added lines, so i've made it <span class='reply'> as you suggested which is heaps better for me, thanks :)


Sdom Wercs i don't know what this is..
.reply a { whatever CSS here }

:$

I have this in the style sheet:

.newtopic, .newpoll, .reply { text-align: center; width:12%; font-size: 11px; font-weight: bold; color: #009900; background-color:#cadeb9; border-top: 2px solid #ededed; border-left: 2px solid #ededed; border-right: 2px solid #bbbbbb; border-bottom: 2px solid #7a7a7a; padding: 2px 3px 2px 2px; }

and just adding .newtopic, .newpoll, .reply a:hover { above CSS here with different hex } didn't work.
I don't know what i am doing wrong with hover?
Edited by Nada, Jul 18 2008, 10:37 AM.
Offline Profile Quote Post Goto Top
 
Lone Stranger (S)
Member Avatar
Member
 *   *   *   *   *  
Nada
Jul 17 2008, 09:57 PM
Yes div added lines, so i've made it <span class='reply'> as you suggested which is heaps better for me, thanks :)


Sdom Wercs i don't know what this is..
.reply a { whatever CSS here }

:$

I have this in the style sheet:

.newtopic, .newpoll, .reply { text-align: center; width:12%; font-size: 11px; font-weight: bold; color: #009900; background-color:#cadeb9; border-top: 2px solid #ededed; border-left: 2px solid #ededed; border-right: 2px solid #bbbbbb; border-bottom: 2px solid #7a7a7a; padding: 2px 3px 2px 2px; }

and just adding .newtopic, .newpoll, .reply a:hover { above CSS here with different hex } didn't work.
I don't know what i am doing wrong with hover?
Quote:
 
.reply a:hover { above CSS here with different hex }


That was just an example. You must add filling to it.

Quote:
 
.reply a:hover { color:#000; text-decoration:none }


Where the red is, change that to the hex color you want the link hover font to be. Where the blue is, change that to the text decoration you want.

Also, ".reply a" is the normal link CSS thing.
Offline Profile Quote Post Goto Top
 
Nada
Member Avatar
Anada
 *   *  
Nada
Jul 17 2008, 09:57 PM


I have this in the style sheet:

.newtopic, .newpoll, .reply a:hover { above CSS here with different hex }


I don't know what i am doing wrong with hover?

This is what i put in the css:


.newtopic, .newpoll, .reply a:hover { text-align: center; width:8%; font-weight: bold; font-size: 11px; color: #330000; background-color:#ebf5e2; border-top: 2px solid #7a7a7a; border-left: 2px solid #bbbbbb; border-right: 2px solid #ededed; border-bottom: 2px solid #ededed; padding: 2px 3px 2px 2px }


I apologise for not knowing how to explain the following very well.
What it did was to completely change the colour so that it's the only colour for newtopic newpoll reply.
It remains permanently in the hover colour

Offline Profile Quote Post Goto Top
 
Billamen
Member Avatar
Member
 *   *   *   *   *  
If you have a link class in the CSS that's like ".newtopic, .newpoll, .reply a", you will have a seperate color. You can do the same for regular text as well and have two different text colors.

First, you will need a class like this so that you have your normal link color:
Quote:
 
.newtopic, .newpoll, .reply a { attribute:entry; }


If you want to distinguish between links that have been clicked on and ones that haven't, then try this: (Note: This section is optional, but recommended if you are making a link class on a dark background versus the lighter background default one, or vice versa.)
Quote:
 
.newtopic, .newpoll, .reply a:visited { attribute:entry; }


Then, if you want a link to have a hover when you drag your mouse over the link, then add this in:
Quote:
 
.newtopic, .newpoll, .reply a:hover { attribute:entry; }


Underlined text indicates areas that are the editable areas in each entry of the CSS.

If you need help with editing your CSS, feel free to PM me your CSS code and I'll make the edits for you.
Edited by Billamen, Jul 20 2008, 01:07 AM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply