« previous next »
Topic: Modifying my template  (Read 454 times)

Print
Pages: [1]   Go Down

#1: 10-Nov-2009, 07:46 AM

rmcellig
Posts: 28
I have decided to modify a copy of the default ModX template to suit my liking instead of going with an already made template. I feel this was I will learn the ins and outs of modifying a template. Can someone help me out as I modify the template? What I basically want to do is:

1. Delete the sidebar so that my body will have more width.
2. Changing the header (custom image) and footer
3. Change the background color
4. Change the navbar to a horizontal one

I know that this involves changing the CSS and some HTML code. I just need a gentle push on which direction to take.

I have all of the content to fill my pages as you can see by visiting my site (http://www.mcran.com/modx/)

I use Textwrangler for my text editor.

Just as a side note, I have been trying Weebly to create a site. While it is very easy and something I really like, I get the feeling that using HTML/CSS is much quicker. The content on my ModX site is all done with HTML code I managed to figure out.

Many thanks!!

Randy
« Last Edit: 10-Nov-2009, 08:03 AM by rmcellig »

#2: 10-Nov-2009, 08:34 AM


goldsky
Posts: 560

Less is more

WWW
if you google it, you'll find a lot of resources on the modx's template making:
http://svn.modxcms.com/docs/display/MODx096/Template+Basics
http://www.sottwell.com/how-templates-work.html
http://www.siteground.com/tutorials/modx/modx_templates.htm
Rico
on ModX 1.0.2 // Apache 2.0.63 (Win32) // PHP 5.2.6  // MySQL 5.0.81 (3306) // MySQL 4.1.22 (3307)
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it good makes it perfect!
Indonesia MODx Forum // MODx Evo's cheatsheets // IE 6 must die !

#3: 10-Nov-2009, 02:37 PM

Coding Team

BobRay
Posts: 5,339

WWW
I'd recommend duplicating the original template and working on the duplicate, if you haven't done that already.
MODx info for newbies: http://bobsguides.com/MODx.html

#4: 10-Nov-2009, 03:28 PM

rmcellig
Posts: 28
That's exactly what I have started doing. I made a duplicate of the minimal template. This is what I have done so far. I'm not sure how to put a horizontal navbar under where it says My Music Site. What do I have to do? I know it has something to do with Wayfinder but I am not sure what to do. I want my site to be as sparse as possible.

http://www.mcran.com/modx/

Thanks!!

Randy

#5: 10-Nov-2009, 06:11 PM

Coding Team

BobRay
Posts: 5,339

WWW
Start by putting this where you want to navbar to appear:

Code:
[!Wayfinder? &startId=`0`!]

If your home page is not document 0, use the ID of your home page in the tag. Be sure to put back-ticks, not single quotes around the ID.

Then look at the Wayfinder doc to see how to spiff it up.

http://modxcms.com/forums/index.php/topic,34176.0.html

(Click on the link to the .pdf file in the first message.)
MODx info for newbies: http://bobsguides.com/MODx.html

#6: 10-Nov-2009, 06:56 PM

rmcellig
Posts: 28
You can see where I inserted the Wayfinder code below. The menu does not show up on my page (www.mcran.com/modx)

Enclosed is a screenshot of my home page and the assigned number. I have a feeling I screwed something up in my Style.css file. I think I will need help in what to check in my style.css file that I might have been playing around with.

_____________________________________

<!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>
   <title>[(site_name)] | [*pagetitle*]</title>
[!Wayfinder? &startId=`1`!]
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

   <link rel="stylesheet" href="[(base_url)]assets/templates/default/sitecopy.css" type="text/css" media="screen" />
        <base href="[(site_url)]" />

#7: 10-Nov-2009, 07:00 PM


Breezer
Posts: 534
You will have to add the Wayfinder call somewhere in the <body> in here </body> of the template, anything above </head> will not be shown.
If you wake up breathing, it's a good day...

#8: 10-Nov-2009, 07:55 PM

rmcellig
Posts: 28
Ok. Thanks.

This is where I put it and it still doesn't show up.

<body>


<div id="page">

[!Wayfinder? &startId=`1`!]

<div id="header">
   <div id="search"><a name="search"></a>
      <!-- if you wanted a site search, this would be a good place -->
   </div>
   <h1><a href="[~[(site_start)]~]" title="[(site_name)]">[(site_name)]</a></h1>
</div>
<!-- close #header -->

   <div id="content">

      <div class="post">
         <h3 id="post-">[*longtitle*]</h3>
            [*#content*]
      </div>
      <!-- close .post (main column content) -->

   </div>
   <!-- close #content -->

   

<div class="clear">&nbsp;</div>

<div id="footer">

<!-- close #footer -->

</div>
<!-- close #page -->

</body>
</html>

#9: 10-Nov-2009, 10:56 PM

Coding Team

BobRay
Posts: 5,339

WWW
First, try clearing the MODx cache and your browser cache. You may not be seeing the changes.

Then, make sure document 1 exists, is published, is not set to hide from menus, and has children.

Also, make sure that the template you're modifying is the one being used by the pages you're previewing.
MODx info for newbies: http://bobsguides.com/MODx.html

#10: 11-Nov-2009, 05:13 AM

rmcellig
Posts: 28
Thanks Bob I will check that out and post back.
Pages: [1]   Go Up
Print
0 Members and 1 Guest are viewing this topic.
 

 
 

Contact | Advertise | Blog | FAQ | Credits

© 2005-2009 the MODx CMS project. All rights reserved. Privacy Policy | Terms of Service
Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC