"Custom" template for MODx | MODX Community Forums

84 Posts

kOLDSQ Reply #101, 16 years, 8 months ago

What would be easiest, i don’t understand anything of the guide, i only understand when some on read it up.
I a video or something..

607 Posts

einsteinsboi Reply #102, 16 years, 8 months ago

It’s best in my opinion to use dynamic menu, and in MODx the best way to do it is to use Wayfinder. The guide i linked you to is pretty straightforward and the best resource out there for understanding wayfinder and how to use and style it. Perhaps you need to spend a little more time reading it and working through the examples in there for it to make sense, I doubt that any of us here understood it or anything else about MODx by just taking a quick glance. It may take a few hours or a couple of days but it’s more than worth the time you’ll invest in it.

documentation and examples from the creator of wayfinder: http://www.muddydogpaws.com/development/wayfinder/features.html
this screencast might help: http://codingpad.maryspad.com/2009/11/26/xhtml-css-to-modx-template-4/

Alternatively, if you don’t want to put the time in to figure it out, you can just pay someone to do the job for you.

The Coding Pad - MODx MODx Beginner Tutorials
MODx Video Tutorials
MODx Development

84 Posts

kOLDSQ Reply #103, 16 years, 8 months ago

I know, but..
I saw u wrote:
<ul id="main_nav"[+wf.wrapper+]</ul>

I’ve made a "style" called "menu"

.menu {
position: absolute; top: 220px; left: 30px;
}
.menu ul {
margin: 0px;
}

.menu li {
margin: 0px 8px 0px 0px;
list-style-type: none;
display: inline;
}

But it don’t wont to be in one line instead of in paragraphs.
www.Tops-lemvig.dk

and as you see:

position: absolute; top: 220px; left: 30px;

I’ve tried to movie the menu down.
But it just don’t response.

607 Posts

einsteinsboi Reply #104, 16 years, 8 months ago

You’re mixing up classes and ids. When I have

<ul id="main_nav"[+wf.wrapper+]</ul>

then in my CSS I style this list by targetting the id ’main_nav’ using the # selector

In your CSS that you’re showing, you’re targetting a class called "menu" as shown by your use of the . selector.

Look at this for more clarification: http://htmldog.com/guides/cssintermediate/classid/

The Coding Pad - MODx MODx Beginner Tutorials
MODx Video Tutorials
MODx Development

84 Posts

kOLDSQ Reply #105, 16 years, 8 months ago

COOOL

I got my menu down!

- Now i want to style it with some features:
I’ve have addede this:

#main_nav {
background-color: none;
font-size: 14px;
text-decoration: normale; 
font-weight: normal;
font-family: Verdana;
}

a:link {
COLOR: #E0E0E0;
font-size: 14px;
text-decoration: normale; 
font-weight: normal;
font-family: Verdana;
}
a:visited {
COLOR: #ffffff;
text-decoration: bold;
font-size: 14px;
font-weight: normal;
font-family: Verdana;
}
a:hover {
COLOR: #E0E0E0;
font-size: 14px;
text-decoration: normale; 
font-weight: normal;
font-family: Verdana;
}
a:active {
COLOR: #E0E0E0;
font-size: 14px;
text-decoration: normale; 
font-weight: normal;
font-family: Verdana;
}

.menu {
position: absolute; top: 210px; left: 30px;
font-size: 14px;
text-decoration: normale; 
font-weight: normal;
font-family: Verdana;
color: #ffffff
}
.menu ul {
margin: 0px;
}

.menu li {
margin: 0px 8px 0px 0px;
list-style-type: none;
display: inline;
}

Or whats wrong, it seem’ as it dosn’t have any effect.

AND SORRY FOR MY ANORRING QUESTIONS.

84 Posts

kOLDSQ Reply #106, 16 years, 8 months ago

Any help?