CMS Made Simple Forums

Content management as it is meant to be
https://forum.cmsmadesimple.org/

SIFR headings are missing.

https://forum.cmsmadesimple.org/viewtopic.php?t=35074

Page 1 of 1

SIFR headings are missing.

Posted: Mon Jun 29, 2009 10:45 am
by hiltron
Hey Guys,

I have been trying to implement sifr in my CMSMS and have already solved the stupid problem of not using Literal tags but now i get it working without any errors but the page doesnt display headings for some reason.

It works as raw html. All other css etc is being included and being referenced? Any ideas?

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>{sitename} - {title}</title>
	
{metadata}
{stylesheet}
   {literal} <__script__ src="/scripts/sifr.js" type="text/javascript"></__script>{/literal}
{literal}<__script__ src="/scripts/sifr-addons.js" type="text/javascript"></__script>{/literal}
</head>

</__body>


<div id="masthead"><img src="images/banner.jpg"  /></div>
<div id="nav">
	{menu}
</div>



<!-- Begin Main Column -->

<div id="mainContent">{content}
</div>

<!-- Begin Side Column -->



<!-- Begin Footer -->

<ul id="footer">
	<li>© 2009 .</li>
	
	<li><a href="#">Contact Us</a></li>
	<li><a href="#">Privacy Policy</a></li>
	<li><a href="#">Terms of Service</a></li>
</ul>
{literal}<__script__ type="text/javascript">
//<![CDATA[
/* Replacement calls. Please see documentation for more information. */

if(typeof sIFR == "function"){

// This is the preferred "named argument" syntax
	sIFR.replaceElement(named({sSelector:"body h1", sFlashSrc:"/scripts/calibrib.swf", sColor:"#00E9FF", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"", sWmode:"transparent" }));

// This is the older, ordered syntax
	sIFR.replaceElement("h5#pullquote", "/scripts/calibrib.swf", "#000000", "#000000", "#FFFFFF", "#FFFFFF", 0, 0, 0, 0);
	
	sIFR.replaceElement("h2", "/scripts/calibrib.swf", "#000000", null, null, null, 0, 0, 0, 0);
	sIFR.replaceElement("h4.subhead", "/scripts/calibrib.swf", "#660000", null, null, null, 0, 0, 0, 0);
	sIFR.replaceElement("h3.sidebox","/scripts/calibrib.swf","#000000", "#000000", "#DCDCDC", "#DCDCDC", 0, 0, 0, 0, null);
	sIFR.replaceElement("h3", "/scripts/calibrib.swf", "#000000", null, null, null, 0, 0, 0, 0, null);

};

//]]>
</__script>{/literal}
<__body>
</__html>
and my css is

Code: Select all


* {
	margin:0;
	padding:0;
}

html {
	text-align:center;
	background:#F3F3F3;
}

body {
	font:62.5% Verdana, Arial, Helvetica;
	text-align:left;
	color:#333;
	width:902px;
	margin:2em auto;
	background:#FFF;
	padding:1.3em;
	background:#FFF url(../images/body_bg.gif) bottom repeat-x;
	border:0.1em solid #EAEAEA;
}

p {
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0;
}

a {
	color:#004D85;
	text-decoration:none;
}

p a, td a, th a {
	background:url(../images/link_underline.gif) bottom repeat-x;
	padding-bottom:0.1em;
}

ul {
	list-style:none;
}

#masthead {
	width:100%;
	height:11em;
	position:relative;
	margin-bottom:0.3em;
	background:url(../images/masthead_bg.gif) repeat-x;
	line-height:14em;
}

/*#masthead h1 {
	font-size:3em;
	font-family:"trebuchet ms";
	margin-left:1em;
	color:#FFF;
}

#masthead h1 a {
	color:#FFF;
}*/

#masthead sup {
	font-size:0.5em;
}

#mastheadBox {
	background:url(../images/masthead_box.gif) left center no-repeat;
	z-index:11;
	position:absolute;
	height:8em;
	top:50%;
	margin-top:-5em;
	right:2em;
	width:43.5em;
	padding:1em 1em 1em 3.5em;
}

#mastheadBox h2 {
	line-height:1em;
	color:#F60;
	font-size:1.2em;
}

#mastheadBox p {
	padding:1em 0 0;
	margin:0;
}

#breadCrumbs {
	clear:both;
	padding:0.5em 2em;
	margin-top:0.3em;
	background:#EAEAEA url(../images/breadcrumbs_bg.gif);
}

#breadCrumbs li {
	display:inline;
}

#breadCrumbs li a {
	margin-right:0.5em;
	padding-right:1em;
	background:url(../images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
}

#breadCrumbs li a:hover, #footer li a:hover {
	text-decoration:underline;
}

/* Main Column */

#mainContent {
	width:95%;
	padding:2em 0 2em 2em;
	float:left;
}

#mainContent h1 {
	color:#F60;
	font-size:4em;
}

#mainContent h2 {
	color:#F60;
	font-size:3em;
}

#mainContent p + h2 {
	margin-top:0.5em;
}

#mainContent h3 {
	font-size:2em;
}

#mainContent blockquote {
	padding:0 2em;
	font-style:italic;
	font-size:0.9em;
	color:#444;
	border-left:4px solid #F90;
}

#mainContent ul {
	color:#F90;
}

#mainContent li {
	background:url(../images/li_bullet.gif) left center no-repeat;
	font-size:1.2em;
	padding-left:1em;
	margin:0 0 0.5em 1em;
	color:#333;
}

#suckerfish {
	width:100%;
	height:10em;
	font-family:monaco, courier;
}

/* Main Column Table */

#mainContent table {
	margin-top:1.5em;
}

#mainContent thead th {
	background:#EAEAEA;
}

#mainContent td {
	padding:0.5em;
	background:#F4F4F4;
}

#mainContent td:hover {
	background:#EAEAEA;
}

#mainContent th {
	padding:0.5em;
	background:#F4F4F4;
	color:#004D85;
}

#mainContent th strong {
	color:#F60;
}

/* Form */

fieldset {
	padding:1em 1em 0.5em;
	border:1px solid #EAEAEA;
	margin-top:2em;
	background:#F7F7F7;
}

label {
	display:block;
	padding-bottom:0.5em;
	font-weight:bold;
}

input, textarea {
	border:1px solid #CCC;
	padding:0.25em;
	width:20em;
}

textarea {
	width:28em;
	height:5em;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:#999;
}

#submit {
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	width:auto;
	background:#F90 url(../images/nav_bg.gif) bottom repeat-x;
}

input#submit:hover {
	border-color:#F60;
}

/* Side Column */

#secondaryContent {
	width:16em;
	padding:2em;
	float:left;
}

#secondaryContent h2, #secondaryContent p {
	font-size:1.2em;
}

#secondaryContent h2 {
	color:#F60;
}

.secondaryContentBox {
	border:1px solid #EAEAEA;
	background:#F7F7F7;
	padding:1em 1em 0.5em;
	margin-bottom:2em;
}

.secondaryContentBox span {
	color:#F60;
	font-weight:bold;
}

#secondaryContent blockquote {
	font-style:italic;
	font-size:0.9em;
	padding:0.5em 0 0 2em;
	background:url(../images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
	background:url(../images/right_quote.gif) right bottom no-repeat;
	padding-bottom:1em;
}

#secondaryContent blockquote span {
	margin-left:2em;
}

#secondaryContent .source {
	text-align:right;
	margin:-0.5em 0 2em;
	font-size:1em;
}

#footer {
	text-align:center;
	clear:both;
	padding:1em 0 0;
	background:url(../images/footer_hr.gif) repeat-x;
}

#footer li {
	display:inline;
	margin:0.5em;
}


Thanks

Simon
All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited