Theme Installation Help Required.

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
marchimself

Theme Installation Help Required.

Post by marchimself »

I've currently installed CMS Made Simple with the theme "Top simple navigation + left subnavigation + 1 column", which is a theme I'd like to integrate into my current site.

My site is:  http://www.ukcarplakes.co.uk
My CMS Made Simple Site is:  http://ukcarplakes.co.uk/cmsmadesimple

I need the CMS Made Simple site integrated into the design of http://www.ukcarplakes.co.uk - Now I've been trying for hours to learn how to do this myself, but everything I've read has gone in one ear and out the other.  As you can tell I'm a total noobie (Sorry)

If somebody would be so kind as to help me out I would really appreciate it.  If you could do the integration for me I would make sure you received the first 3 months Monies from Google Ads.

I've clearly shown on the ukcarplakes.co.uk site where I need everything.

Here is the Index page and Images for the www.ukcarplakes.co.uk site : http://ukcarplakes.co.uk/ukcarplakes.co.uk.rar
MSN : marckorby@hotmail.co.uk
Thanks in advanced (Hopefully)
Marc
Last edited by marchimself on Sat Oct 28, 2006 6:03 pm, edited 1 time in total.
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Theme Installation Help Required.

Post by tsw »

its pretty easy, first create new template name it as you wish and copy paste your page html code into it

next step is to replace all those "content goes here" type text with module calls

like " Search engine here." would be replaced with "{search}" and "Where all content is displayed." with "{content}"

you have option to leave metadata as it is in the template or let cmsms take care of it with {metadata} tag.

also you can leave css as a file or use {stylesheets} tag to get it from db (of course css must be copy pasted first).


its about 15minutes work, but as your layout is table based Im not too keen to surf through it ;)

hope this helps
marchimself

Re: Theme Installation Help Required.

Post by marchimself »

I've tried this, but caused a mess and got mixed up.  Could anybody else assist me please?  Thanks.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Theme Installation Help Required.

Post by Dr.CSS »

Go to http://themes.cmsmadesimple.org/Theme_Frameworks.html and download the 3 column template.

Use the banner in the header the logo in the header h1 put the first google ads under the horizontal menu put the sub menu in the first left column the breadcrumbs in the first content box and the content in the second content box and the search tag in the last column put the bottom google ads in the footer...
marchimself

Re: Theme Installation Help Required.

Post by marchimself »

I already have the template required I just can't intergrate into my webdesign.
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Theme Installation Help Required.

Post by tsw »

html:

Code: Select all

<__html>

<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>

</__body bgcolor="#A2A3A7" topmargin="10" bottommargin="10">

<div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="800" height="19">
		<!-- MSTableType="layout" -->

		<tr>
			<td valign="top" height="7" width="800">
			<!-- MSCellType="ContentBody" -->
			<p align="center">
			<img border="0" src="http://www.ukcarplakes.co.uk/images/cld1_01.gif" width="850" height="58"></td>
		</tr>
		<tr>
			<td valign="top" height="6" width="800" background="http://www.ukcarplakes.co.uk/images/cld1_02.gif">
			<!-- MSCellType="ContentBody" -->

			<table border="0" width="850" cellspacing="0" cellpadding="0">
				<tr>
					<td width="40"> </td>
					<td>
					<table border="0" width="100%" cellspacing="0" cellpadding="0">
						<tr>
							<td>
							<table border="0" width="100%" cellspacing="0" cellpadding="0">
								<tr>

									<td width="10"> </td>
									<td>
									<p align="center">
									<font face="Arial" style="font-size: 8pt; font-weight: 700">
									Logo still (img tag) Here</font></td>
									<td width="468" height="60">
									<table border="0" width="468" cellspacing="0" cellpadding="0" height="60" style="border: 1px solid #4F4F4F">
										<tr>

											<td bgcolor="#E6E6E6">
											<p align="center">
											<font face="Arial" style="font-size: 9pt; font-weight: 700">
											Banner still goes here (img tag)</font></td>
										</tr>
									</table>
									</td>
									<td width="10"> <p> </td>

								</tr>
							</table>
							</td>
						</tr>
					</table>
					</td>
					<td width="40"> </td>
				</tr>
				<tr>

					<td colspan="3">
					<table border="0" width="100%" cellspacing="0">
						<tr>
							<td width="35" rowspan="6"> </td>
							<td> </td>
							<td width="35" rowspan="6"> </td>
						</tr>
						<tr>
							<td style="border-left-width: 1px; border-right-width: 1px; border-top: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F" bgcolor="#CCCC99" id="main_menu">

							<p align="center"><b>
							<font face="Arial" style="font-size: 9pt">{menu number_of_levels="1" template="cssmenu.tpl"}</font></b></td>
						</tr>
						<tr>
							<td style="border-left-width: 1px; border-right-width: 1px; border-bottom: 1px solid #4F4F4F" bgcolor="#E6E6E6">
							<p align="center">
							<br>
							<font face="Arial" style="font-size: 9pt; font-weight: 700">
{adsense ad_client="pub-7966909166300772" ad_width="728" ad_height="90" ad_format="728x90_as"}
</font><br>
 </td>
						</tr>
						<tr>
							<td style="border-left-width: 1px; border-right-width: 1px" bgcolor="#CACBC3">
							<table border="0" width="100%" cellspacing="0" cellpadding="0">
								<tr>
									<td colspan="3"> </td>
								</tr>

								<tr>
									<td style="border-left-width: 1px; border-right-width: 1px" bgcolor="#CACBC3" width="2%"> </td>
									<td style="border-left-width: 1px; border-right-width: 1px" bgcolor="#CACBC3" width="96%">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td valign="top">
											<table border="0" width="177" cellspacing="0" bgcolor="#E6E6E6">
												<tr>
													<td style="border: 1px solid #4F4F4F" bgcolor="#CCCC99">

													 <span style="font-weight: 700"><font face="Arial" style="font-size: 9pt">Navigation 
													2 here.</font></span></td>
												</tr>
												<tr>
													<td style="border-left: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F" > <font face="Arial" size="1">{menu start_level="2" template="cssmenu.tpl"}</font></td>
												</tr>
											</table>
											</td>
											<td width="551" valign="top">

											<table border="0" width="559" cellspacing="0">
												<tr>
													<td style="border: 1px solid #4F4F4F" bgcolor="#CCCC99">
													<span style="font-weight: 700">
													<font face="Arial" style="font-size: 9pt"> You 
													are here: {breadcrumbs}</font></span></td>
													<td bgcolor="#CACBC3" width="10" rowspan="2"> </td>
													<td style="border: 1px solid #4F4F4F" bgcolor="#CCCC99" width="262"> <font face="Arial" style="font-size: 9pt; font-weight: 700">Search 
													Site</font></td>
												</tr>

												<tr>
													<td style="border-left: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-top-width: 1px; border-bottom: 1px solid #4F4F4F" bgcolor="#E6E6E6"> <font face="Arial" size="1">{title}</font></td>
													<td style="border-left: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-top-width: 1px; border-bottom: 1px solid #4F4F4F" bgcolor="#E6E6E6" width="262"> <font size="1" face="Arial">{search}</font></td>
												</tr>
												<tr>
													<td style="border-top-width: 1px; " bgcolor="#CACBC3" colspan="3"> </td>
												</tr>
												<tr>

													<td style="border:1px solid #4F4F4F; " bgcolor="#CCCC99" colspan="3"> <font face="Arial" style="font-size: 9pt; font-weight: 700">Page 
													title here:</font></td>
												</tr>
												<tr>
													<td style="border-left: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F" bgcolor="#E6E6E6" colspan="3"> <font face="Arial" size="1">{content}</font></td>
												</tr>
											</table>
											</td>
										</tr>

									</table>
									</td>
									<td style="border-left-width: 1px; border-right-width: 1px" bgcolor="#CACBC3" width="2%"> </td>
								</tr>
								<tr>
									<td style="border-left-width: 1px; border-right-width: 1px" bgcolor="#CACBC3" colspan="3"> </td>
								</tr>
							</table>
							</td>

						</tr>
						<tr>
							<td style="border-left-width: 1px; border-right-width: 1px; border-top: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F" bgcolor="#CCCC99"> </td>
						</tr>
						<tr>
							<td style="border-left-width: 1px; border-right-width: 1px; border-bottom: 1px solid #4F4F4F" bgcolor="#E6E6E6">
							<p align="center">
							<br>
{adsense ad_client="pub-7966909166300772" ad_width="728" ad_height="90" ad_format="728x90_as"}
<br>
 </td>
						</tr>
					</table>
					</td>
				</tr>
			</table>
			</td>
		</tr>

		<tr>
			<td valign="top" height="3" width="800">
			<!-- MSCellType="ContentBody" -->
			<p align="center">
			<img border="0" src="http://www.ukcarplakes.co.uk/images/cld1_03.gif" width="850" height="50"></td>
		</tr>
	</table>
	<table border="0" width="850" cellspacing="0" cellpadding="0">
		<tr>

			<td>
			<table border="0" width="100%" cellspacing="0" cellpadding="0">
				<tr>
					<td> </td>
					<td width="330">
					<p align="center"><font face="Arial" style="font-size: 8pt">
					<font color="#CC0000">UK Carp Lakes Created 2006</font><br>
					Original Design by Demonoid.com (Used with permission)</font></td>

					<td> </td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
</div>

<__body>

</__html>

CSS:

Code: Select all


/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


td#main_menu ul li {
display:inline;
list-style:none;
}

td#main_menu ul li {
list-style:none;
}





This reminds me why I don't use tables ;)


ps. images are linked from your site, result can be seen at http://tsw.backspace.fi/svn/test/ for a while

now I really need a smoke
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Theme Installation Help Required.

Post by Dr.CSS »

Copy the html into a new template on your CMSMS site add the oppropriate {tags} for the menu's, breadcrumbs, search, content, google ads will have to be hardcoded, where it says title goes here add the title, put the banner in it's place, insert logo...

YA what he said....
marchimself

Re: Theme Installation Help Required.

Post by marchimself »

Thanks for all the help
Last edited by marchimself on Sun Oct 29, 2006 1:49 am, edited 1 time in total.
Locked

Return to “Layout and Design (CSS & HTML)”