The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Adding the navbar, and the forum buttons to the CSS

2 posters

Go down

Adding the navbar, and the forum buttons to the CSS Empty Adding the navbar, and the forum buttons to the CSS

Post by karkooshy November 6th 2010, 10:00 pm

Hello fellow forumers, long time no see Smile
I was wondering if you could help me with something...
I'm trying to create a skin selector for a site of mine. The skins are completely different.
Now, for the skin selector to work, I need the entire skin inside the site's basic CSS (so that the selector switches between the CSS files).
This is very difficult as the navbar and the forum buttons images are NOT part of the style's basic CSS and so will not change with the skin selector.

I've got the skin selector coded and set. I just need all of the images to be in the site's basic CSS.
Is there a way to move the images of the navbar and the forum buttons into the CSS?

Thank you in advance Mr. Green
karkooshy
karkooshy
Forumember

Male Posts : 327
Reputation : 7
Language : English

http://quable.forumotion.com

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Xanthis November 6th 2010, 11:52 pm

I'm working on a skin selector as well, and this is presenting a problem. I want unique images for each skin instead of having to use the same set of images that may or may not fit the new theme.
Xanthis
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Guest November 7th 2010, 12:22 am

Here is some of the navbar

Code:
#i_icon_mini_portal {
background: url() no-repeat;
}

#i_icon_mini_search {
background: url() no-repeat;
}

#i_icon_mini_profile {
background: url() no-repeat;
}

#i_icon_mini_memberlist {
background: url() no-repeat;
}

#i_icon_mini_login {
background: url() no-repeat;
}

#i_icon_mini_faq {
background: url() no-repeat;
}

#i_icon_mini_logout {
background: url() no-repeat;
}

#i_icon_mini_new_message{
background: url() no-repeat;
}

#i_icon_mini_message {
background: url() no-repeat;
}


#i_icon_mini_register {
background: url() no-repeat;
}

#i_icon_mini_index {
background: url() no-repeat;
}

and here is some of the buttons:

Code:

#i_post {
background: url() no-repeat;
}

#i_reply {
background: url() no-repeat;
}

avatar
Guest
Guest


Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Xanthis November 7th 2010, 6:12 pm

Gangstar you gangsta. Reputation ad infinitum. Is there a problem you can't fix? Thanks, bro.


Last edited by Xanthis on November 7th 2010, 6:26 pm; edited 1 time in total
Xanthis
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by karkooshy November 7th 2010, 6:15 pm

Gangstar15 wrote:Here is some of the navbar

Code:
#i_icon_mini_portal {
background: url() no-repeat;
}

#i_icon_mini_search {
background: url() no-repeat;
}

#i_icon_mini_profile {
background: url() no-repeat;
}

#i_icon_mini_memberlist {
background: url() no-repeat;
}

#i_icon_mini_login {
background: url() no-repeat;
}

#i_icon_mini_faq {
background: url() no-repeat;
}

#i_icon_mini_logout {
background: url() no-repeat;
}

#i_icon_mini_new_message{
background: url() no-repeat;
}

#i_icon_mini_message {
background: url() no-repeat;
}


#i_icon_mini_register {
background: url() no-repeat;
}

#i_icon_mini_index {
background: url() no-repeat;
}

and here is some of the buttons:

Code:

#i_post {
background: url() no-repeat;
}

#i_reply {
background: url() no-repeat;
}



Wow thanks a bunch ^^
Awesome! You helped a lot Smile
Just a minor correction... the memberlist class name is (as discovered by Xanthis):

Code:

#i_icon_mini_members

Thanks again. You're da man Very good
karkooshy
karkooshy
Forumember

Male Posts : 327
Reputation : 7
Language : English

http://quable.forumotion.com

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Xanthis November 7th 2010, 8:28 pm

Well, actually, while we're still on this unlocked subject, do you happen to know if it's possible to do the same with the report, quote, multi-quote, edit, and other such buttons?
Xanthis
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by karkooshy November 7th 2010, 8:49 pm

Apologies...
I recently tried the button class names you provided. Neither works.
(the buttons you provided were the 'New Topic' and 'Post reply' classes right?)

I'm using a Punbb board. Sorry for the inconvenience.
Thank you in advance Smile
karkooshy
karkooshy
Forumember

Male Posts : 327
Reputation : 7
Language : English

http://quable.forumotion.com

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Guest November 7th 2010, 9:27 pm

Code:

#i_icon_quote {
background: url() no-repeat;
}

#i_icon_edit {
background: url() no-repeat;
}

#i_icon_delete {
background: url() no-repeat;
}

#i_icon_ip {
background: url() no-repeat;
}

#i_icon_report {
background: url() no-repeat;
}


some of them (:
avatar
Guest
Guest


Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Xanthis November 8th 2010, 12:30 am

As karkooshy mentioned, the following codes don't function properly in the CSS:

Code:

#i_post {
background: url() no-repeat;
}

#i_reply {
background: url() no-repeat;
}
Xanthis
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Adding the navbar, and the forum buttons to the CSS Empty Re: Adding the navbar, and the forum buttons to the CSS

Post by Guest November 8th 2010, 12:24 pm

Change the "#" to "." (:
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum