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.

Invision CSS Code Tutorial Request

4 posters

Go down

Invision CSS Code Tutorial Request Empty Invision CSS Code Tutorial Request

Post by yiehong22 November 7th 2011, 8:12 am

Hi, May I Know How To Code CSS In Invision, Because I Search Whole Support Forum And I Can't Find Any Topic For Invision CSS, And The PHPBB CSS Code Is Not Support For My Forum, Please Help, Thank.
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by SLGray November 7th 2011, 8:18 am

Are you asking where to add the CSS code?

Administration Panel>>Display>>Colors and Pictures>>Colors

CSS Stylesheet Tab
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by Guest November 7th 2011, 10:35 am

avatar
Guest
Guest


Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 7th 2011, 3:04 pm

slg wrote:Are you asking where to add the CSS code?

Administration Panel>>Display>>Colors and Pictures>>Colors

CSS Stylesheet Tab

No, My Request Is About Invision CSS Tutorial, As Gassy Give Me That Link Did Not Provide Invision Tutorial, I Need To Know Some Common CSS Used In Invision. As For PHPBB Code I Unable To Use It In Invision.

PS: I Am Apologize If I Let You Confused What I Want, Because I Am First Time Post A Support Topic In This Section.


I Have Viewed That Topic, But Sill No Luck, No Invision CSS Tutorial Inside. PHPBB Code Cannot Used As Not Support For My Forum Version.

avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by LGforum November 7th 2011, 3:40 pm

The tutorial teaches you about how to use CSS in general.
The codes in the tutorial may be for phpbb3 but the concept is the same, you just need to change the selector name.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 8th 2011, 4:47 am

Like The Example Following Code Below For PHPBB3, Which Section Shall I Need To Modify It In Order To Work In Invision.

This Code Is For Hide The Legend Bar Using In PHPBB3:

Code:
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 9th 2011, 2:23 pm

bump.

Any CSS Found For Invision ?
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by LGforum November 9th 2011, 4:08 pm

Just find any browser DOM inspector. You can look through the dom, (most of even have a point and click feature), find the ID name or CLASS name of the element you want to change.

I suggest you learn how CSS works here: http://www.w3schools.com/css/default.asp

And you'll be able to edit anything you like in the CSS with those two things under your sleeve. Wink
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by kirk November 10th 2011, 12:14 am

So you are saying you want the css for invision to hide the The Legend Bar?

Post a screen shot of what you are trying to hide/remove and your forum link and i will have a look.

Other then that it seems LGforum has pretty much summed it up.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 10th 2011, 2:47 am

Here You Go @kirk.

My Website:
http://mytpccenter.getgoo.net

PS: In This Screenshot You Shall See I Make A Red Box Inside And I Have Censored The AD To Avoid Confuse.

Invision CSS Code Tutorial Request Forum_10
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by Guest November 10th 2011, 6:11 am

To remove the line you have highlighted, add this to your CSS:

Code:
#fo_stat div.thin+div {display: none;}
avatar
Guest
Guest


Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 10th 2011, 4:41 pm

Thx @Dion, This Code Work, Other Than This Code, Do You Have Any Other Code That Work In Invision ? As These Code I Can View It In Further.
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by LGforum November 10th 2011, 4:43 pm

What do you mean any other code that works in invision? There are lots of codes that work in invision. They just have to be written.

I suggest you read the link i provided to more about what CSS is. And THEN you'll understand why its kind of hard to provide ALL the codes for invision.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Invision CSS Code Tutorial Request Empty Re: Invision CSS Code Tutorial Request

Post by yiehong22 November 10th 2011, 4:55 pm

I See Shocked , I Try.
avatar
yiehong22
Forumember

Male Posts : 83
Reputation : 4
Language : English
Location : Malaysia

http://theprocenter.forumms.net

Back to top Go down

Back to top


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