IPB

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How To Hide The Column's
Rating 5 V
boris
post May 6 2008, 03:17 AM
Post #1





Group: Verified NS Member
Posts: 17
Joined: 11-April 08
Member No.: 1,004



i wants to hide the left and right column for the custom pages ,
so how to do this ?
and also wants different header for different pages
but how ????????
Go to the top of the page
 
+Quote Post
ThinkLocal_QA_Le...
post May 6 2008, 09:05 AM
Post #2





Group: Administrators
Posts: 578
Joined: 10-August 07
From: St. Louis, MO
Member No.: 4



Hi Boris,

You would probably be better off just creating a custom .html page for your custom pages if you need them to be that different. Otherwise for different header images you would have to set up javascript to look for a specific url - aka your custom pages url, and then have the javascript load that image instead.

http://w3schools.com/htmldom/prop_doc_url.asp
http://w3schools.com/htmldom/dom_obj_image.asp

To hide the columns you could do this with css and javascript. You will have to use the javascript to overwrite the css classes

div#wrapper td.page-column-left
div#wrapper td.page-column-right

Add the attribute 'display: none' to those classes

Joe
Go to the top of the page
 
+Quote Post
scaldiran
post May 6 2008, 06:28 PM
Post #3





Group: NetSol Staff
Posts: 21
Joined: 10-August 07
From: Belleville, IL
Member No.: 5



Or you could add two lines into your CSS file for each page you want hidden. For example, say you want to hide the left and right columns on the privacy policy page. Simply add the following two lines in your CSS file:

CODE
body.privacy-policy-page td.page-column-left, body.privacy-policy-page td.page-column-right { display:none; }
Go to the top of the page
 
+Quote Post
boris
post May 8 2008, 02:13 AM
Post #4





Group: Verified NS Member
Posts: 17
Joined: 11-April 08
Member No.: 1,004



QUOTE (scaldiran @ May 6 2008, 07:04 PM) *
Or you could add two lines into your CSS file for each page you want hidden. For example, say you want to hide the left and right columns on the privacy policy page. Simply add the following two lines in your CSS file:

CODE
body.privacy-policy-page td.page-column-left, body.privacy-policy-page td.page-column-right { display:none; }



hey thanks J.D. Pohlman !!!!!!
what to write if i wnats to hide header and footer too ??
Go to the top of the page
 
+Quote Post
ThinkLocal_QA_Le...
post May 8 2008, 09:20 AM
Post #5





Group: Administrators
Posts: 578
Joined: 10-August 07
From: St. Louis, MO
Member No.: 4



Hi boris,

It would be the same thing but the base css class would be td.page-header and td.page-footer-content

so for example -
CODE
body.privacy-policy-page td.page-header{display:none;}
body.privacy-policy-page td.page-footer-content{display:none;}


If you are needing help determining what css classes to use there is a great tool out there that will tell you this information. It is called webdeveloper for FireFox - https://addons.mozilla.org/en-US/firefox/addon/60

Simply install this then when you want to edit something on the toolbar go to CSS >> View Style information. Then if you click on say the footer, or header, whatever it will then display what css classes are used. Then where it displays that information there is a tab called Edit CSS. You can use this to make live realtime edits to your css files to see what the changes will look like on your site. Then once you have the changes that you like you simply need to make those changes to your real css files.

Joe
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2008 Time is now: 6th July 2008 - 01:26 PM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates