Want Multi Coloured Node(s) here is how

Discussion in 'Questions & Feedback with the forums?' started by slim, Feb 6, 2018.

Thread Status:
Not open for further replies.
  1. slim

    slim Super Moderator Verified Member

    Joined:
    Aug 22, 2017
    Messages:
    43
    Likes Received:
    4
    Gender:
    Male
    Hi, Peeps ask how do I get colour nodes on front page. First off it's NOT my own work, So credit goes to who-ever. Copy the code below into your extra.css in Xf v1.5.17 (works also on v1.5.14) I have NOT tested it on any other versions

    Go to admin CP > appearance > templates > EXTRA.css and add the code below to the end of your EXTRA.css save and remember you MUST change node numbers to match your own NODE Numbers or it will not work.


    /* MULTI COLOURED NODE Li MULTI COLOURED NODE LI */

    .forum_list .sectionMain { border: 0px solid #A5CAE4; padding: 0; }
    .nodeList .node_1 .categoryForumNodeInfo, .nodeList .node_1 .forumNodeInfo, .nodeList .node_1 .pageNodeInfo,
    .nodeList .node_1 .linkNodeInfo,
    .nodeList .node_7 .categoryForumNodeInfo, .nodeList .node_7 .forumNodeInfo, .nodeList .node_7 .pageNodeInfo,
    .nodeList .node_7 .linkNodeInfo,
    .nodeList .node_11 .categoryForumNodeInfo, .nodeList .node_11 .forumNodeInfo, .nodeList .node_11 .pageNodeInfo,
    .nodeList .node_11 .linkNodeInfo {
    background-color: transparent;

    }

    /* Purple Area Purple Area */

    .nodeList .node_1{
    margin-bottom: 20px;
    border: 1px solid #cc70cc;
    background-color: #fedbfe;
    padding: 10px;
    border-radius: 4px; }

    .nodeList .node_1 .categoryStrip {
    background-color: violet;
    border-top: 1px solid #cc70cc;
    border-bottom: 1px solid #cc70cc; }

    .node_1 .nodeTitle a, .node_1 .nodeLastPost a {
    color: purple; }
    .node_1 .nodeLastPost.secondaryContent {
    border: 1px solid #e5b2e5;
    background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #f7e6ff; }

    .nodeList .node_1 .categoryStrip .nodeTitle a {
    color: purple; }

    .nodeList .node_1 .categoryStrip .nodeDescription {
    color: #ffe6ff;
    font-size: 11px;
    font-family: helvetica; }

    .node_1 .categoryStrip .categoryText {
    padding-left: 45px;
    background: url("@imagePath/xenforo/icons/image1.png") no-repeat scroll left center transparent; }

    .nodeList .node_1 .forumNodeInfo, .nodeList .node_1 .linkNodeInfo, .nodeList .node_1 .pageNodeInfo {
    border-bottom: 1px solid #e1b5e1; }

    /* Purple Area Purple Area */



    /* Blue Area Blue Area */

    .nodeList .node_7 {
    margin-bottom: 20px;
    border: 1px solid #a7cbd7;
    background-color: #c9ebf6;
    padding: 10px;
    border-radius: 4px; }

    .nodeList .node_7 .categoryStrip {
    background-color: #91cbde;
    border-top: 1px solid #6aabc0;
    border-bottom: 1px solid #6aabc0; }

    .nodeList .node_7 .categoryStrip .nodeTitle a {
    color: #2d6c80; }

    .node_7 .nodeLastPost.secondaryContent {
    border: 1px solid #abd1de;
    background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #e6f9ff; }

    .nodeList .node_7 .categoryStrip .nodeDescription {
    color: #f5fcfe;
    font-size: 12px;
    font-family: helvetica; }

    .node_7 .categoryStrip .categoryText {
    padding-left: 45px;
    background: url("styles/default/xenforo/icons/image16.png") no-repeat scroll left center transparent; }

    .nodeList .node_7 .forumNodeInfo {
    border-bottom: 1px solid #a7cbd7; }

    /* Blue Area Blue Area */


    /* Green Area Green Area */

    .nodeList .node_11{
    margin-bottom: 20px;
    border: 1px solid #afd4af;
    background-color: #d1f4d1;
    padding: 10px;
    border-radius: 4px; }

    .node_11 .nodeTitle a, .node_11 .nodeLastPost a {
    color: green; }

    .node_11 .nodeLastPost.secondaryContent {
    border: 1px solid #acdbac;
    background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #effdec; }

    .nodeList .node_11 .categoryStrip {
    background-color: #6dd56d;
    border-top: 1px solid #5eb95e;
    border-bottom: 1px solid #5eb95e; }

    .nodeList .node_11 .categoryStrip .nodeTitle a {
    color: green; }

    .nodeList .node_24 .categoryStrip .nodeDescription {
    color: #e0fde0;
    font-size: 12px;
    font-family: helvetica;
    text-shadow: 0 0 0 transparent, 0 1px 1px darkgreen; }

    .node_11 .categoryStrip .categoryText {
    padding-left: 45px;
    background: url("styles/default/xenforo/icons/image24.png") no-repeat scroll left center transparent; }

    .nodeList .node_11 .forumNodeInfo {
    border-bottom: 1px solid #b6dbb6; }

    /* Green Area Green Area */

    /* MULTI COLOURED NODE Li MULTI COLOURED NODE LI */


    And save - Remember to change your node numbers to suit your forum nodes
     
Thread Status:
Not open for further replies.

Share This Page