Help - Search - Members - Calendar
Full Version: Is it easy to apply such a template into the Nexus?
Invision Power Services > Invision Power Services, Inc. > IPS Company Feedback > IP.Nexus Beta Feedback
ysun
I have purchased a business template, it includs 2 main directories, one is html, another is xhtmlcss.

The contents in html are:

  • images/[images]
  • [.html files]
  • default.css

The contents in xhtmlcss are:
  • images/[images]
  • [.html files]
  • default.css
  • layout.css

The content of default.css:

CODE
/** BASIC */

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

/** FORMS */

form {
    margin: 0px;
    padding: 0px;
}

label {
    font-weight: bold;
}

.input1 {
    width: 166px;
    padding: 2px;
    background: #FFFFFF;
    border-top: 1px solid #C2C2C2;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #FDFDFD;
    border-left: 1px solid #F0F0F0;
}

.input2 {
    width: 59px;
    height: 24px;
    border: none;
    background: url(images/homepage23.gif) no-repeat left top;
    font-weight: bold;
    color: #FFFFFF;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7F7D7D;
}

p, blockquote, ul, ol, dl {
    margin-top: 0px;
    margin-bottom: 1em;
    text-align: justify;
    line-height: 160%;
}

.text1 {
    text-align: center;
    color: #757575;
}

.text2 {
    font-size: 15px;
    font-weight: bold;
    color: #2F2F2F;
}

.text3 {
    font-size: 12px;
    font-weight: bold;
    color: #2F2F2F;
}

.text4 {
    display: block;
    width: 45px;
    height: 21px;
    padding: 10px 12px 0px 0px;
    background: url(images/homepage28.gif) no-repeat left center;
}

/** LISTS */

.list1 {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

/** LINKS */

a {
    color: #D90000;
}

a:hover {
    text-decoration: none;
}

.link1 {
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

.link1:hover {
    text-decoration: underline;
}

.link2 {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.link2:hover {
    text-decoration: underline;
}

.link3 {
    color: #606060;
    padding: 10px 0px 0px 12px;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: #2F2F2F url(images/homepage01.gif) repeat-x left top; }
.bg2 { background: #FFFFFF url(images/homepage02.gif) repeat-y left top; }
.bg3 { background: url(images/homepage03.gif) no-repeat left top; }
.bg4 { background: url(images/homepage07.jpg) no-repeat left top; }
.bg5 { background: url(images/homepage08.gif) repeat-x left top; }
.bg6 { background: url(images/homepage10.gif) repeat-x left top; }
.bg7 { border: 1px solid #F2F2F2; background: #FBFBFB url(images/homepage11.gif) repeat-x left top; }
.bg8 { background: url(images/homepage14.gif) repeat-x left bottom; }
.bg9 { background: url(images/homepage15.gif) repeat left top; }
.bg10 { background: url(images/homepage19.gif) repeat-x left bottom; }
.bg11 { background: url(images/homepage22.gif) repeat-y left top; }
.bg12 { background: url(images/homepage26.gif) repeat-x left top; }
.bg13 { background: url(images/homepage27.gif) repeat-x left top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
    float: left;
    margin: 0px 20px 0px 0px;
}

.img2 {
    float: right;
    margin: 0px 0px 0px 20px;
}

hr { display: none; }

.hr1 {
    height: 1px;
}



The content of layout.css:

CODE
/** BASIC */

html, body {
    height: 100%;
}

.text4 {
    display: block;
    width: 45px;
    height: 21px;
    padding: 10px 12px 0px 0px;
    background: url(images/homepage28.gif) no-repeat left center;
}

.link3 {
    display: block;
    width: 169px;
    height: 21px;
    padding: 10px 0px 0px 12px;
}

.title {
    padding: 20px 25px 0px 30px;
    background: url(images/homepage13.gif) no-repeat 10px 22px;
}

.title h2 {
    padding: 0px 0px 3px 0px;
}

.content {
    padding: 10px 25px 0px 30px;
}

.footer {
}

.footer p {
    margin: 0px;
    background: url(images/homepage16.gif) no-repeat left top;
    line-height: 100%;
}

.footer a {
    display: block;
    height: 24px;
    padding: 10px 25px 0px 0px;
    background: url(images/homepage17.gif) no-repeat right bottom;
}

.footer strong {
    display: block;
    padding: 0px 20px 0px 0px;
    background: url(images/homepage18.gif) no-repeat right top;
    text-align: right;
}

/** WRAPPER */

#wrapper {
    width: 934px;
    margin: 0px auto;
}

#col1 {
    float: left;
    width: 22px;
    height: 500px;
    background: url(images/homepage04.gif) no-repeat left top;
}

#col2 {
    float: left;
    width: 890px;
}

#col3 {
    float: left;
    width: 22px;
    height: 500px;
    background: url(images/homepage05.gif) no-repeat left top;
}

.text3 {
    margin: 0px 0px 10px 0px;
    padding: 30px 0px 5px 0px;
}

/** HEADER */

#header {
    width: 871px;
    height: 133px;
    padding: 0px 0px 7px 11px;
}

/** LOGO */

#logo {
    float: left;
    width: 500px;
    height: 133px;
    background: url(images/homepage06.jpg) no-repeat left top;
}

#logo h1 {
    display: none;
}

/** TOPMENU */

#topmenu {
    float: left;
    width: 371px;
    height: 133px;
}

#topmenu ul {
    float: right;
    margin: 0px;
    padding: 68px 35px 0px 0px;
    list-style: none;
    line-height: 100%;
}

#topmenu li {
    display: inline;
}

#topmenu a {
    display: block;
    float: left;
    height: 22px;
    padding: 10px 15px 0px 19px;
    background: url(images/subpage1_01.gif) no-repeat left top;
}

#topmenu .first a {
    background: none;
}

/** MENU */

#menu {
    width: 871px;
    height: 49px;
    padding: 0px 0px 2px 11px;
}

#menu ul {
    width: 871px;
    height: 40px;
    margin: 0px;
    padding: 9px 0px 0px 0px;
    list-style: none;
    line-height: 100%;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    height: 22px;
    padding: 10px 18px 0px 22px;
    background: url(images/homepage09.gif) no-repeat left top;
}

#menu .first a {
    background: none;
}

/** CONTENT */

#content {
    width: 871px;
    margin: 0px 0px 0px 11px;
}

#left {
    float: left;
    width: 525px;
    padding: 25px 0px 0px 16px;
}

#right {
    float: right;
    width: 300px;
    padding: 25px 16px 0px 0px;
}

/** FOOTER */

#footer {
    width: 934px;
    margin: 0px auto;
    padding-top: 50px;
}

/** BOX1 */

#box1 {
    width: 508px;
}

#box1 .image {
    padding: 18px 0px 0px 17px;
}

#box1ftr {
    width: 510px;
}

/** BOX2 */

#box2 {
    width: 510px;
}

/** BOX3 */

#box3 {
}

#box3 .list1 {
    float: left;
    width: 150px;
}

#box3 .bg11 {
    padding-left: 30px;
}

/** BOX4 */

#box4 {
}

#box4ftr strong {
    background-image: url(images/homepage24.gif);
}

/** BOX5 */

#box5 {
}

#box5ftr strong {
}

/** BOX6 */

#box6 {
}

#box6ftr strong {
    background-image: url(images/homepage25.gif);
}

#box7 {
    width: 801px;
    margin: 0px 51px 0px 30px;
}

#box7ftr strong {
}


Is it easy to apply such a template into the Nexus? Will it be as easy as simply copy and paste?

Thanks.
Josh
I don't imagine that it would be difficult to integrate the template into Nexus. You would need to split the index.html template into header/footer sections and then paste those sections into the header/footer templates in Nexus. Then you would need to edit the css for your template set and paste in the content from those css files. That would be good enough to have any static pages show with your new template, articles and the like would proably need a little more work though, since the css names they use will likely not match the ones in your css file.
ysun
QUOTE (Josh @ Mar 26 2008, 09:38 PM) *
I don't imagine that it would be difficult to integrate the template into Nexus. You would need to split the index.html template into header/footer sections and then paste those sections into the header/footer templates in Nexus. Then you would need to edit the css for your template set and paste in the content from those css files. That would be good enough to have any static pages show with your new template, articles and the like would proably need a little more work though, since the css names they use will likely not match the ones in your css file.

Thanks. rolleyes.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2008 Invision Power Services, Inc.