The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Invision CSS Code Tutorial Request

View previous topic View next topic Go down

Invision CSS Code Tutorial Request

Post by yiehong22 on 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.

yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by SLGray on 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
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Invision CSS Code Tutorial Request

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


Guest
Guest


Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by yiehong22 on 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.


yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by yiehong22 on 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;
}

yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

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

bump.

Any CSS Found For Invision ?

yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by kirk on 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
Forumaster

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

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by yiehong22 on 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.


yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by Guest on 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;}

Guest
Guest


Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by yiehong22 on 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.

yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

Re: Invision CSS Code Tutorial Request

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Invision CSS Code Tutorial Request

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

I See Shocked , I Try.

yiehong22
Forumember

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

http://theprocenter.forumms.net

Back to top Go down

View previous topic View next topic Back to top


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