Here is my problem. I insert an editable region, and that works just fine. However, when trying to create a page from this template, I can't edit the CSS. Normally, I click the area of the CSS I want to edit, and go to modify>templates>make attribute editable. When I create a page, nothing is editable. I'm lost.
Here is the code I'm using so far: (I have not added a 'make attribute editable' in this code yet) Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link rel="stylesheet" type="text/css" href="autumnwind12.css" />
<link rel="icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://www.autumnwindstudios.com/bluelight/humbnailviewer.css" type="text/css" />
<script src="http://www.autumnwindstudios.com/bluelight/thumbnailviewer.js" type="text/javascript">
/***********************************************
* Image Thumbnail Viewer Script- ? Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript" src="expando.js">
/* Expando Image Script ?2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/
</script>
<meta name="keywords" content="T-shirts, graphics, digital art, graphic design, media" />
<meta name="description" content=" " />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css"><!--
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 50px;
background-color: black;
width: 200px; /*Default width of hint.*/
padding: 10px;
border:1px solid silver;
font:normal 11pt arial;
color:white;
border-right: 3px solid silver;
border-bottom: 3px solid silver;
line-height:18px;
z-index:100;
visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
--></style>
<script type="text/javascript">
/***********************************************
* Show Hint script- ? Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var horizontal_offset="14px" //horizontal offset of hint box from anchor link
/////No further editting needed
var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}
function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}
function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}
function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}
if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox
</script>
<style type="text/css"><!--
/* END MAIN*/
body {background-color:#4E5869; center 0 no-repeat;}
.bar {background-color:#ffd39b;
width:980px;
height:36px;
margin-left:0 auto;
margin-right:0 auto;
}
#container {
width: 980px; background: #fff; margin: 0 auto;
border:1px solid gray;
}
#banner{margin-left:auto 0px;margin-right:auto 0px;}
.c01 {margin-top:10px;
width:960px;
font-family:arial,sans-serif;
font-size:12pt;
font-weight:normal;
letter-spacing:0.85em;
text-align:right;
color:darkslategray;
}
.c02 {margin-left:10px; margin-top:10px;
width:225px;
font-family:arial,sans-serif;
font-size:10pt;
font-weight:normal;
letter-spacing:0.15em;
text-align:right;
color:darkslategray;
}
#main {margin:0 auto;margin-top:40px;width:940px;
padding-bottom:100px;font-family:arial,sans-serif;font-size:12pt;color:#5c5c5c;line-height:150%;
border-top:1 px solid gray;}
a {text-decoration:none;}
#footer {margin-left:760px;
width:980px;
font-family:arial,sans-serif;
font-size:10pt;
font-weight:normal;
color:darkslategray;
}
a {text-decoration:none;}
/* BEGIN MAIN */
-->
</style>
</head>
<body>
<!--MENU-->
<div class="menu">
<ul>
<li><a href="http://www.autumnwindstudios.com">Home</a></li>
<li> <a href="#" id="current">Graphic Services</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/design.html">Print Media</a></li>
<li><a href="http://www.autumnwindstudios.com/illustration.html">Illustration</a></li>
<li><a href="http://www.autumnwindstudios.com/portraiture.html">Portraits</a></li>
<li><a href="http://www.autumnwindstudios.com/cartoons.html">Cartooning</a></li>
<li><a href="http://www.autumnwindstudios.com/signs.html">Signs / Banners</a></li>
</ul>
</li>
<li><a href="#">Photo Enhancement</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/enhancement.html" style="text-decoration:none;">Artistic Photo Effects</a></li>
</ul>
</li>
<li><a href="#">Photo Colorizing</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">B/W to Color</a></li>
<li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">Color Enhancement</a></li>
</ul>
</li>
<li><a href="#">Photo Restoration</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/restoration.html" style="text-decoration:none;">Photo Restoration</a></li>
<li><a href="http://www.autumnwindstudios.com/retouch.html" style="text-decoration:none;">Photo Retouching</a></li>
<li><a href="http://www.autumnwindstudios.com/wedding.html" style="text-decoration:none;">Wedding Retouching</a></li>
</ul>
</li>
<li><a href="#">Info</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/info.pdf">Pricing & Terms</a></li>
<li><a href="http://www.autumnwindstudios.com/resume.pdf">Resume</a></li>
<li><a href="http://www.autumnwindstudios.com/Autumn_Wind_Studios.pdf">Download Portfolio Sample</a></li>
</ul>
</li>
<li> <a href="#">Contact</a>
<ul>
<li><a href="http://www.autumnwindstudios.com/contact.html">Contact Form</a></li>
</ul>
</li>
</ul>
</div>
<!--END MENU-->
<!--MAIN CONTENT-->
<div id="container">
<div id="banner"><img src="http://www.autumnwindstudios.com/awsbanner1.jpg" width="980" alt="banner" /></div>
<div class="c01"> <img src="media.jpg" alt="social media buttons" width="269" height="41" hspace="10" vspace="0" border="0" align="right" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="222,1,270,41" href="https://twitter.com/#!/Autumn_Studios" alt="twitter" />
<area shape="rect" coords="175,1,223,43" href="https://www.facebook.com/pages/Autumn-Wind-Studios/273834332699643" alt="facebook" />
<area shape="rect" coords="128,0,174,41" href="https://accounts.google.com/ServiceLogin?service=blogger&passive=1209600&continue=http://www.blogger..." alt="blogger" />
<area shape="rect" coords="45,0,126,40" href="http://laoscura.deviantart.com" alt="deviant art" />
<area shape="rect" coords="1,1,46,42" href="http://www.linkedin.com/profile/edit?trk=hb_tab_pro_top" alt="linked in" />
</map></div>
<div class="c02"><a href="http://www.autumnwindstudios.com/main.html"><img border="0" src="jtheader.jpg" width="225" alt="autumn wind logo" /></a><br />
Visit our original site.</div>
<div id="main">
</div>
<!--FOOTER-->
<div id="footer"><a href="#top"><img border="0" src="eraser_opt.jpg" width="200" alt="eraser" /></a><br /><br /></div>
<!--END FOOTER-->
</div>
<!--END MAIN CONTENT-->
</body>
</html>
1
Reply
AdChoices