Blog Documentation Book a Demo
Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Editing main discussion page template

Persian TigerPersian Tiger New
in Vanilla 2.0 - 2.8

Hello all .... :pleased:

I want to know how i can change default template of main discussion page like marvel heroes Community that them made it with tables ....

Tip : I mean this page you are watching in my Forum :mrgreen:

Comments

  • Persian TigerPersian Tiger New

    I mean this page :angry:

  • hgtonighthgtonight MVP

    You are looking for either Custom CSS files or View Overrides. Check out the community wiki on themes: http://vanillawiki.homebrewforums.net/index.php/Themes

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

  • Persian TigerPersian Tiger New

    @hgtonight said:
    You are looking for either Custom CSS files or View Overrides. Check out the community wiki on themes: http://vanillawiki.homebrewforums.net/index.php/Themes

    I khow about css /themeName/design/custom.css But Default views ....
    For Showing each threat ... ! :anguished:

  • Persian TigerPersian Tiger New

    http://vanillawiki.homebrewforums.net/index.php/Themes

    this link contains just DEFAULT.MASTER.TPL file that i khow it ...

  • Persian TigerPersian Tiger New

    No ideas ?

    Let me explain my problem clearer .......

    This page in site vanillaforums.org you are watching is made by DIV tags like my own forum
    But I want to design my community with tables .....

    How I can do that ?

  • BleistivtBleistivt Moderator

    You don't need tables. You can do this with CSS. Saved from an old theme:

    .DataList .ItemComment, .ItemDiscussion {
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 0;
}

.Item-Header {
  width: 120px;
  float: left;
  padding: 12px 5px;
  text-align: center;
}

.Item-Header .PhotoWrap {
  width: 100%;
}

.Item-BodyWrap {
  overflow: hidden;
  border-left: 1px solid #ddd;
  padding: 8px 15px;
}

.Item-Body .Message {
  min-height: 140px
}

    My themes: pure | minusbaseline - My plugins: CSSedit | HTMLedit | InfiniteScroll | BirthdayModule | [all] - PM me about customizations

    VanillaSkins.com - Plugins, Themes and Graphics for Vanillaforums OS

  • Persian TigerPersian Tiger New

    @Bleistivt said:
    You don't need tables. You can do this with CSS. Saved from an old theme:

    .DataList .ItemComment, .ItemDiscussion {
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 0;
}

.Item-Header {
  width: 120px;
  float: left;
  padding: 12px 5px;
  text-align: center;
}

.Item-Header .PhotoWrap {
  width: 100%;
}

.Item-BodyWrap {
  overflow: hidden;
  border-left: 1px solid #ddd;
  padding: 8px 15px;
}

.Item-Body .Message {
  min-height: 140px
}

    I think it isn't my answer my problem is changing to table design and you say I don't need???? Isnt it funny?

    Anyone else?

  • x00x00 MVP
    edited July 2015

    @Persian Tiger

    I think there is some confusion "table layout" doesn't need the table element. Modern development avoid using table element that is what Bleistivt is talking about.

    You want a layout that looks like a table? How it is achieved shouldn't matter, so long as you have the layout.

    https://css-tricks.com/complete-guide-table-element/

    Particularly read the section "When NOT To Use Tables"

    table element is not for layout. It is for true tabular data only.

    you have display: table for stylistic needs if necessary.

    grep is your friend.

  • Persian TigerPersian Tiger New

    Designing Main Template of Site with Tables is Not Allowed But Making Post View with Tables is Allowed :| ....

    @x00 said:
    @Persian Tiger

    I think there is some confusion "table layout" doesn't need the table element. Modern development avoid using table element that is what Bleistivt is talking about.

    You want a layout that looks like a table? How it is achieved shouldn't matter, so long as you have the layout.

    https://css-tricks.com/complete-guide-table-element/

    Particularly read the section "When NOT To Use Tables"

    table element is not for layout. It is for true tabular data only.

    you have display: table for stylistic needs if necessary.

    I want to make it with tables ;)

  • x00x00 MVP
    edited July 2015

    Making a post with table is intended for people who want to include tabular data, which is the whole point of table elements.

    This not question of if it is allowed or not. You can do it. It is simply incorrect to use the table element for layout purposes.

    The web is semantic, different element have a purpose. table element are for true tabular data. You want more of a tabular layout...css to the rescue.

    In any case you don't have to use it, becuase you can achieve the same effect with divs and if necessary have near identical effect table element with css.

    http://colintoh.com/blog/display-table-anti-hero

    Personally, I rarely need this form of styling much as you can float elements, use inline-bock, etc.

    grep is your friend.

  • Persian TigerPersian Tiger New

    hehehe ... you are right but actually is not displaying discussions by Table that is can I change any Other Views except DEFAULT TPL file ? ? .....

    Maybe i need to change some other ... :| discussions Page Was an Example ;)

    Now Any Other Ideas ??? :mrgreen:

  • x00x00 MVP

    Yes you can do view overrides.

    the odd view override is ok, but bare in mind it can make updating more difficult depending as you may need to update your override when a new version come out.

    This is why I suggest trying to avoid view overrides unless it there absolutely no other way. If it can be done purely with css. it will save less hair pulling later.

    Some themes have a lot of view overrides, and those are the one that tend to take a longer time to be update to work with new version of vanilla.

    Quite a lot of things can be done with css. Occasionally you need a view override.

    grep is your friend.

  • Persian TigerPersian Tiger New

    @x00 said:
    Yes you can do view overrides.

    the odd view override is ok, but bare in mind it can make updating more difficult depending as you may need to update your override when a new version come out.

    This is why I suggest trying to avoid view overrides unless it there absolutely no other way. If it can be done purely with css. it will save less hair pulling later.

    Some themes have a lot of view overrides, and those are the one that tend to take a longer time to be update to work with new version of vanilla.

    Quite a lot of things can be done with css. Occasionally you need a view override.

    I khow i should Update it when New Version Comes :mrgreen: ....

    # I want to do that .... I want ....

  • x00x00 MVP
    edited July 2015

    http://docs.vanillaforums.com/theming/quickstart/

    Always retain the vanilla css selectors in the markup as well as events or you will royally mess things up.

    You probably don't even need view overrides but I can't tell if you have a good use case or a glutton for punishment.

    grep is your friend.

  • x00x00 MVP
    edited July 2015

    something like this

    https://forums.marvelheroes.com/discussion/211495/cowpocalypse-stream-june-20th-11am-3pm-pdt

    you can achieve through css, even though they use tables.

    grep is your friend.

  • hgtonighthgtonight MVP

    If you insist on changing the markup, use a view override.

    Oh, and read the documentation: http://docs.vanillaforums.com/theming/

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

  • Persian TigerPersian Tiger New

    Yes 100% Something like Marvel Heroes Community ...
    I am not home now ... so i cant test these tricks in http://docs.vanillaforums.com/theming/quickstart/ Link ....
    I've saw them before but i didnt pay Much Attention :| I'll be home about 1 day later and I'll feedback just here ...

    Thanks So much for your time :love::blush:

Sign In or Register to comment.