Jump to content


Photo
- - - - -

Template css file customisation


  • Please log in to reply
No replies to this topic

#1 egtou

egtou

    Senior Member

  • Members
  • 350 posts

Posted 24 May 2011 - 07:02 AM

I try to use following in my website and when I put this script on pages it appears default background bullets and I removed following from template.css file and it worked.


ul li {
margin: 7px 0;
padding-left: 25px;
background-image: url(images/li_bullet.gif);
background-repeat: no-repeat;
background-position: 0 0px;
}

but still, I want to use following script without bullets but in the same time bullets in other pages.

How can I customize my website template as I needed to use following script ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- © Dynamic Drive DHTML code library (Dynamic Drive DHTML(dynamic html) & JavaScript code library)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at Dynamic Drive DHTML(dynamic html) & JavaScript code library for full source code
***********************************************/

</script>

</head><html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body>

<ul id="countrytabs" class="shadetabs">
<li><a href="external1.htm" rel="countrycontainer" class="selected">Itinerary</a></li>
<li><a href="external2.htm" rel="countrycontainer" id="favorite">Lodging & Dinning</a></li>
<li><a href="external3.htm" rel="countrycontainer">All included</a></li>
<li><a href="external4.htm" rel="countrycontainer">Trip Addon</a></li>
<li><a href="external4.htm" rel="countrycontainer">Map</a></li>

</ul>

<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
</div>

<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script></body>

</html>

Edited by egtou, 24 May 2011 - 10:46 AM.

Chitra B. Gurung
Kathmandu, Nepal
 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users