Page 1 of 1

How to attach a 2nd Stylesheet

Posted: Wed Oct 01, 2008 4:11 pm
by buntrosgali
Ok guys im starting to get things going well with my first hand coded site, but ive hit a new problem.

Here is my demo site here Demo Site

Now this is the main page obviously, all the blue boxes are divs which currently have nothing in it so dont worry about them. Click on one of the news items and you will see that nothing appears to happen.

The problem is that the page it is trying to go to has not got the proper format to show the info in.

here is my first site which is currently in operation.

Current live site

now if you click one of the news items there you will see it takes you to the right page, however this is only because there is only 1 div in the content area on this site and the rest of the items are in a table inside the div.

Hope this makes sense.


I have the 2nd stylesheet here

/*
Theme Name: Not So Boring NI





This theme was designed and built by Stephen Lynch

*/

/* =General
-----------------------------------------------------------------------------*/

/*****************
browsers interpret margin and padding a little differently,
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;


}
body


{background: url(uploads/images/BusinessLeagueimages/bgnew.gif) repeat-x;

  color: #333;
  margin:0px;    /* gives some air for the pagewrapper */
background-color: #000;
}
#sideimg {
float:left;

margin-left:10px;
margin-right: 10px;
margin-top: 0px;
top:300px;
width:610px;
background-image: url(images/footside1.jpg);
height:52px;
z-index:13;
}
#master {

margin-left:0px;
margin-right: auto;
margin-top: 0px;
top:300px;
width:800px;
background-color:#ffffff;


height:1400px;
z-index:1;
}




#header {
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  width: 800px;
  height: 160px;
  background-image: url(uploads/images/footyheader2.jpg);
  background-color: #00FF33;
  z-index:2;
}
#pigsfly {
  float: left;
  margin-top: 2px;
  margin-right: 0px;
  margin-left: 0px;
  width: 800px;
  height: 65px;
  background-image: url( uploads/images/advertisers/headeradvert.gif);

  z-index:3;
}
#hyperlinks {
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  width: 800px;
  height: 30px;

  background-color: #00FF33;
  z-index:4;
}
#breadcrumbs {
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  width: 800px;
  height: 10px;
 
 
  z-index:5;
}

#ads {
float:right;
margin-left:0px;
margin-top:20px;
  width:140px;
  background-color:#0033CC;
  height:800px;
  z-index:6;
  background-image: url(images/ads.jpg);

}

#rotator {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  width: 600px;
  height: autopx;
;
  z-index:7;
}

#widget {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  width: 450px;
  height: 200px;
  background-color:#000;
 
  z-index:10;
}
#bigpic {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  width: 620px;
  height: 220px;
  background-color:#0033CC;
  z-index:11;
}
#bottomhyperlinks {
float:left;

margin-left:10px;
margin-right: 10px;
margin-top: 20px;
top:300px;
width:620px;
background-color:#0033CC;
height:70px;
z-index:12;
}
#footer {
float:left;

margin-left:10px;
margin-right: 10px;
margin-top: 20px;
top:300px;
width:620px;
background-color:#0033CC;
height:52px;
z-index:13;
}

how do i embed the 2nd stylesheet into every page but the index?

Re: How to attach a 2nd Stylesheet

Posted: Wed Oct 01, 2008 7:16 pm
by Nullig
You could create a new template (a copy of the one you're using), and associate the new stylesheet with it. Then use that template for all of your pages, except the "home" page.

Nullig

Re: How to attach a 2nd Stylesheet

Posted: Thu Oct 02, 2008 11:20 am
by buntrosgali
cheers man i have done this click here i created a 2nd template and now if you click on the "testpage" you will see the new template is implemented on that page.

Last issue with this is in regard to the news module. It is still connected to the index template. I want it to be connected to the 2nd template. Cus you will see if you click on one of the news articles now, you will see the page loads but it is showing template 1 layout.

Where can you switch the template it is linked to?

Re: How to attach a 2nd Stylesheet

Posted: Thu Oct 02, 2008 11:24 am
by RonnyK
Do you mean the news-template, or the page-template.

For the pagetemplate....

Create a page, call it whatever you want, select the wanted template, and uncheck the "show in menu" on its options-tab.

In the calling of {news} additionally put {news detailpage="alias-of-the-just-created-page"} and when selected, the news-datails will open in that page, which is connected to the template.

Ronny

Re: How to attach a 2nd Stylesheet

Posted: Sat Oct 04, 2008 7:53 am
by buntrosgali
i mean when you select one of the news articles it goes to the page which should show the info, but because it is showing template 1 you cant see the text cus divs are in the way. I need to link the news module to template 2 in someway