x
Toggle Content    Register or Login  -  June 20, 2013, 1:10 am  
Toggle Content Commercial Themes
This is an opportunity for you to preview TCD commercial themes. All themes seen here can be purchased from the store.
Toggle Content User Info

Welcome Anonymous

Toggle Content Navigation
Toggle Content Survey
Would you be interested in a commercial CMS?




Results :: Polls

Votes: 44
Comments: 0
Toggle Content Music Production
Support Forums » DragonflyCMS » TCD_ Themes » Need help adding themeCP links to header
Please use the forum search before making a post. Your question might have been previously answered.

Need help adding themeCP links to header
Support for all TCD_ named themes.

Post new topic   Reply to topic    Forum Index » TCD_ Themes Printer Friendly Page

View previous topic :: View next topic  
Author Message
Client


PostPosted: Mon Jul 09, 2007 9:06 am Reply with quote

Well I started with TCD_GameTech and went to town on it. All new colors and a new header. Now with this new header Im trying to add the links via the themeCP since I change the pages around every once and while. I used one of your headers with the theme cp in it to get and ideal of what I was looking to do. I have set the image were I want the links to background. And the header works fine till I add
Code:
class="headmenu1" align="right">
	{G_RIGHTIMAGE} <a href="{T_LINK4URL}">{T_LINK4}</a> | <a href="{T_LINK5URL}">{T_LINK5}</a> &nbsp;
into the image line. Instead of putting it over the image, It puts it under the image. I added the header.html as an attachment and the header is up on nocturnalbreak.com so you can see what im getting.
Thanks for you help as always.




Last edited by onebuckwild on Mon Jul 09, 2007 9:29 am; edited 1 time in total
Back to top
View user's profile
Client


PostPosted: Mon Jul 09, 2007 9:10 am Reply with quote

Not sure if that attachment is there. so here it is
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_TEXTDIR}" lang="{S_LANGCODE}">
<head>
{S_HEADER_TAGS}
<link rel="stylesheet" type="text/css" href="{THEME_PATH}/style/{CSS_FILE}.css" />
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<!-- IF S_ADMIN_MENU -->
<div id="adminmenu"></div>
<script language="JavaScript" type="text/javascript"><!--
{S_ADMIN_MENU}
cmDraw ('adminmenu', adminMenu, 'hbr', cmThemeOffice, 'ThemeOffice');
--></script>
<!-- ELSE -->
<!-- ImageReady Slices (NEW HEADER4.psd) -->
<table id="Table_01" width="100%" height="258" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td Background="themes/obw/images/NEW-HEADER4_01_01.gif" width="404" height="65" alt=""><CENTER>{S_BANNER}</CENTER></td>
		<td rowspan="9" background="themes/obw/images/NEW-HEADER4_02.gif" width="100%" height="258" alt=""></td>
		<td colspan="3">
			<img src="themes/obw/images/NEW-HEADER4_03_01.gif" width="403" height="65" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="65" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="themes/obw/images/NEW-HEADER4_01_02.gif" width="404" height="158" alt=""></td>
		<td rowspan="7">
			<img src="themes/obw/images/NEW-HEADER4_03_02_01.gif" width="225" height="160" alt=""></td>
		<td>
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_01.gif" width="146" height="25" alt=""></td>
		<td rowspan="7">
			<img src="themes/obw/images/NEW-HEADER4_03_02_03.gif" width="32" height="160" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_02.gif" width="146" height="27" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_03.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{S_DATE}</b></font></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_04.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{U_WELCOME}</font></b></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_05.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{U_PM_NUM} new messages</font></b></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_06.gif" width="146" height="27" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td background rowspan="2">
			<img src="themes/obw/images/NEW-HEADER4_01_03.gif" width="404" height="35" class="headmenu1" align="left">
	{G_LEFTIMAGE} &nbsp; <a href="{T_LINK1URL}">{T_LINK1}</a> | <a href="{T_LINK2URL}">{T_LINK2}</a> | <a href="{T_LINK3URL}">{T_LINK3}</a>
		</td>
		<td background="themes/obw/images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td background colspan="3">
			<img src="themes/obw/images/NEW-HEADER4_03_03.gif" width="403" height="33" alt="" class="headmenu1" align="right">
	{G_RIGHTIMAGE} <a href="{T_LINK4URL}">{T_LINK4}</a> | <a href="{T_LINK5URL}">{T_LINK5}</a> &nbsp;</td>
		<td background="themes/obw/images/spacer.gif" width="1" height="33" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->



<!-- IF PUBLIC_HEADER -->
  <tr><td></td></tr>
<!-- ENDIF -->
</td></tr></table>
<!-- ENDIF -->
<table class="maintable"><tr>
<!-- IF S_LEFTBLOCKS -->
  <td class="mainside" id="pe600" {B_L_VISIBLE}>
  <!-- BEGIN leftblock -->
  <div class="blockhead">
    <img align="right" alt="Toggle Content" title="Toggle Content" id="pic{leftblock.S_BID}" src="{leftblock.S_IMAGE}" onclick="blockswitch('{leftblock.S_BID}');" style="cursor:pointer" />
    {leftblock.S_TITLE}
  </div>
  <div class="blockcontent" id="pe{leftblock.S_BID}" {leftblock.S_VISIBLE}>
      {leftblock.S_CONTENT}
  </div>
  <img src="{THEME_PATH}/images/blockdown.jpg">
  <!-- END leftblock -->
  </td>
<!-- ENDIF -->
<td class="main">
<!-- IF IMPORTANT_MESSAGE -->
<center><span style="font-size: 12px; color: #FF0000">{IMPORTANT_MESSAGE}</span></center><br />
<!-- ENDIF -->
<!-- IF PAGE_TITLE -->
<div class="pagetitle">{PAGE_TITLE}</div>
<!-- ENDIF -->
<!-- BEGIN messageblock -->
<font size="3"><div class="pagetitle">{messageblock.S_TITLE}</div></font>
<div class="table1">
  <div class="content" >{messageblock.S_CONTENT}</div><br /><div align="center">
  <!-- IF S_CAN_ADMIN -->
  [ {messageblock.S_OUTPUT} - {messageblock.S_REMAIN} - <a href="{messageblock.U_EDITMSG}">{messageblock.S_EDIT}</a> ]
  <!-- ELSE -->
  {messageblock.S_DATE}
  <!-- ENDIF -->
  </div>
</div><br/>
<!-- END messageblock -->
<!-- BEGIN centerblock -->
<font size="3"><div class="pagetitle">{centerblock.S_TITLE}</div></font>
<div class="table1">{centerblock.S_CONTENT}</div>
<br />
<!-- END centerblock -->


Back to top
View user's profile
Lead Developer


PostPosted: Mon Jul 09, 2007 6:35 pm Reply with quote

<td background colspan="3" src="themes/obw/images/NEW-HEADER4_03_03.gif" width="403" height="33...


_________________

Back to top
View user's profile Photo Gallery
Client


PostPosted: Mon Jul 09, 2007 8:55 pm Reply with quote

Ok I added the colspan and figured out what that was. Also added the row span and that got the font were I wanted them, but it hides the image that is lays over. here is were im at now and its visable as this on nocturnalbreak.com
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_TEXTDIR}" lang="{S_LANGCODE}">
<head>
{S_HEADER_TAGS}
<link rel="stylesheet" type="text/css" href="{THEME_PATH}/style/{CSS_FILE}.css" />
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<!-- IF S_ADMIN_MENU -->
<div id="adminmenu"></div>
<script language="JavaScript" type="text/javascript"><!--
{S_ADMIN_MENU}
cmDraw ('adminmenu', adminMenu, 'hbr', cmThemeOffice, 'ThemeOffice');
--></script>
<!-- ELSE -->
<!-- ImageReady Slices (NEW HEADER4.psd) -->
<table id="Table_01" width="100%" height="258" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td Background="themes/obw/images/NEW-HEADER4_01_01.gif" width="404" height="65" alt=""><CENTER>{S_BANNER}</CENTER></td>
		<td rowspan="9" background="themes/obw/images/NEW-HEADER4_02.gif" width="100%" height="258" alt=""></td>
		<td colspan="3">
			<img src="themes/obw/images/NEW-HEADER4_03_01.gif" width="403" height="65" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="65" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="themes/obw/images/NEW-HEADER4_01_02.gif" width="404" height="158" alt=""></td>
		<td rowspan="7">
			<img src="themes/obw/images/NEW-HEADER4_03_02_01.gif" width="225" height="160" alt=""></td>
		<td>
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_01.gif" width="146" height="25" alt=""></td>
		<td rowspan="7">
			<img src="themes/obw/images/NEW-HEADER4_03_02_03.gif" width="32" height="160" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_02.gif" width="146" height="27" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_03.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{S_DATE}</b></font></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_04.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{U_WELCOME}</font></b></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td background="themes/obw/images/NEW-HEADER4_03_02_02_05.gif" width="146" height="27" alt=""><font color= "#ff9900"><b>{U_PM_NUM} new messages</font></b></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="themes/obw/images/NEW-HEADER4_03_02_02_06.gif" width="146" height="27" alt=""></td>
		<td background="themes/obw/images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td background colspan="1" rowspan="8" src="themes/obw/images/NEW-HEADER4_01_03.gif" width="404" height="35" class="headmenu1" align="left">
	{G_LEFTIMAGE} &nbsp; <a href="{T_LINK1URL}">{T_LINK1}</a> | <a href="{T_LINK2URL}">{T_LINK2}</a> | <a href="{T_LINK3URL}">{T_LINK3}</a>
		</td>
		<td background src="themes/obw/images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td background colspan="4" rowspan="8" src="themes/obw/images/NEW-HEADER4_03_03.gif" width="403" height="33 alt="" class="headmenu1" align="right">
	{G_RIGHTIMAGE} <a href="{T_LINK4URL}">{T_LINK4}</a> | <a href="{T_LINK5URL}">{T_LINK5}</a> &nbsp;</td>
		
	</tr>
</table>
<!-- End ImageReady Slices -->



<!-- IF PUBLIC_HEADER -->
  <tr><td></td></tr>
<!-- ENDIF -->
</td></tr></table>
<!-- ENDIF -->
<table class="maintable"><tr>
<!-- IF S_LEFTBLOCKS -->
  <td class="mainside" id="pe600" {B_L_VISIBLE}>
  <!-- BEGIN leftblock -->
  <div class="blockhead">
    <img align="right" alt="Toggle Content" title="Toggle Content" id="pic{leftblock.S_BID}" src="{leftblock.S_IMAGE}" onclick="blockswitch('{leftblock.S_BID}');" style="cursor:pointer" />
    {leftblock.S_TITLE}
  </div>
  <div class="blockcontent" id="pe{leftblock.S_BID}" {leftblock.S_VISIBLE}>
      {leftblock.S_CONTENT}
  </div>
  <img src="{THEME_PATH}/images/blockdown.jpg">
  <!-- END leftblock -->
  </td>
<!-- ENDIF -->
<td class="main">
<!-- IF IMPORTANT_MESSAGE -->
<center><span style="font-size: 12px; color: #FF0000">{IMPORTANT_MESSAGE}</span></center><br />
<!-- ENDIF -->
<!-- IF PAGE_TITLE -->
<div class="pagetitle">{PAGE_TITLE}</div>
<!-- ENDIF -->
<!-- BEGIN messageblock -->
<font size="3"><div class="pagetitle">{messageblock.S_TITLE}</div></font>
<div class="table1">
  <div class="content" >{messageblock.S_CONTENT}</div><br /><div align="center">
  <!-- IF S_CAN_ADMIN -->
  [ {messageblock.S_OUTPUT} - {messageblock.S_REMAIN} - <a href="{messageblock.U_EDITMSG}">{messageblock.S_EDIT}</a> ]
  <!-- ELSE -->
  {messageblock.S_DATE}
  <!-- ENDIF -->
  </div>
</div><br/>
<!-- END messageblock -->
<!-- BEGIN centerblock -->
<font size="3"><div class="pagetitle">{centerblock.S_TITLE}</div></font>
<div class="table1">{centerblock.S_CONTENT}</div>
<br />
<!-- END centerblock -->


Back to top
View user's profile
Lead Developer


PostPosted: Mon Jul 09, 2007 9:36 pm Reply with quote

whoops i'm sorry it should be <td colspan="3" background="themes/obw/images/NEW-HEADER4_03_03.gif" width="403" height="33...

instead of having <td><img src=""> it should be <td background=""> that will put the image in the background allowing you to put text or whatever on top.

mind you that it's not the xhtml compliant way to do it. if you want to be compliant then you should use css. add a class like

.header03{
background: url(../images/NEW-HEADER4_03_03.gif);
width:403px;
height: 33px;
}

and call it with <td class="header03">


_________________

Back to top
View user's profile Photo Gallery
Client


PostPosted: Tue Jul 10, 2007 7:00 am Reply with quote

That got it, thanks alot. Ill have to start working on the xhtml compliant.


Back to top
View user's profile
Lead Developer


PostPosted: Fri Jul 13, 2007 8:01 am Reply with quote

I have a video tutorial on xhtml compliance for DragonflyCMS. Wink


_________________

Back to top
View user's profile Photo Gallery
Client


PostPosted: Fri Jul 13, 2007 8:11 am Reply with quote

cool Ill check that out Very Happy


Back to top
View user's profile
  Page 1 of 1All times are GMT - 5 Hours

Post new topic   Reply to topic    Forum Index » TCD_ Themes Printer Friendly Page

  
  
  
 

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


RSS-News
RSS-Downloads
RSS-Forums
RSS-KnowledgeBase
Valid CSS!
Valid HTML 4.01!

Site Search | Support | Contact | Payments | Link to Us
All TCD logos and trademarks in this site are property of TreasureCoastDesigns.com
Interactive software released under GNU GPL, Code Credits, Privacy Policy
TCD_Natural © T.C.D.