About Subpage/menu - links horizonel

webactor

2008-09-08 20:55

Hi there.

Do anybody know how to make the submenu/links horizonel
instead of vertical ?

I want to have my submenu/links horizonel at the bottom of my page
instead of vertical.

Hope you can help me
____________________________________

C yaaa | Cheers

Kimo
Webactor.dk

» Quick.Cms v2.x

treewood (OpenSolution)

2008-09-09 11:07

webactor - edit styles in templates/default.css and for example for menu 3 add this:
#menu3 li li{float:left;}

webactor

2008-09-09 11:54

Hi Treewood.

And super thanks for your reply. But i can´t seem to get it to work.
This here is where my submenu links are defined.

-----------------------------------------------------------------------------------------------
/* SUB PAGES LIST STYLES */

.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:100%;margin:0px 0;padding:0px 0%;background:#000000;border-left:0px solid #ffffff;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
.subpagesList li img{border:2px solid #dcdac9;}
.subpagesList li h4{padding-bottom:2px;}
.subpagesList li h4, .subpagesList li h4 a{background:inherit;color:#cccccc;font:normal 1em Verdana;text-decoration:none;}
.subpagesList li h4 a:hover{background:inherit;color:#cccccc;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
-----------------------------------------------------------------------------------------------

But where do i insert the float:left

Hope you can help a newbie at bit more :)
Once again - thanks
________________________________

C yaaa | Cheers

Kimo
Webactor.dk

webactor

2008-09-09 15:37

Hi again.

i figured something out. - here is my new code :)
-------------------------------------------------------------------------------------------------------
/* SUB PAGES LIST STYLES */

.subpagesList{float:left;width:90%;margin:7px 50px;list-style:none;}
.subpagesList li{clear:left;float:right;width:10%;margin:2px 2;padding:2px 0px;background:#000000;border-left:0px solid #ffffff;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
.subpagesList li img{border:2px solid #dcdac9;}
.subpagesList li h4{padding-bottom:2px;}
.subpagesList li h4, .subpagesList li h4 a{background:inherit;color:#cccccc;font:normal 1em Verdana;text-decoration:none;text-align:center;}
.subpagesList li h4 a:hover{background:inherit;color:#cccccc;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 5px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
-----------------------------------------------------------------------------------

Everything works okay .. But there is one thing i have over seen.

Ex. Try to see this demo here:
http://opensolution.org/Quick.Cms/demo_lite/?our-offer,3

1. Click where the shoe is with text "our offer 1" (first pic.)

- Then you will see that you move into the "our offer 1" site. Nothing wrong with that.
Except the the over-all submenu called "our offer" is missing.Or moved into the Header.

You have to press the text "our offer" - witch can be seen in the header,
to get back to the "our offer" site/page.

Translated it means that i now have the submenu/navigation at the bottom of my site.
But when i click on one of my links. I move into the selected site,
and my submenu/navigation is gone. Danm ha ha ha

I would like the submenu to stay visable, while i am in the subcategories.
Hope you no what i mean :)

I´ll keep working

C yaaa | Cheers

_______________________________________

Kimo
Webactor.dk

Makaron

2008-09-10 09:59

Try in this way.. Edit file action_client/p.php and change code:


if( $aData['iSubpagesShow'] < 3 )
   $sSubpagesList = $oPage->listSubpages( $iContent, $aData['sTemplate'], $aData['iSubpagesShow'] );

for:


if( $aData['iSubpagesShow'] < 3 ){
   $sSubpagesList .= $oPage->listSubpages( $iContent, $aData['sTemplate'], $aData['iSubpagesShow'] );
   $sSubpagesList .= $oPage->listSubpages( $aData['iPageParent'], $aData['sTemplate'], $aData['iSubpagesShow'] );
}

webactor

2008-09-10 19:54

Hi Makaron

Super duber multi many thanks for your reply
I´ll try it right away, and let you know how it works out

C yaaa | Cheers

Kimo
Webactor.dk

webactor

2008-09-10 20:15

Hi Makaron

YYIIHHAAA .. IT WORKS -_-
Makaron .. thanks buddy

C yaaa | Cheers

Kimo
Webactor.dk

webactor

2008-09-11 08:19

Hi Makaron

I have one more crazy question :)

If i ex. wanted to have my submen/pages (right under) menu1
Couldt it be possible. How do i move the submenu around. ?

Hope you can help me
Have a super fantastic day

C yaaa | Cheers

Kimo
Webactor.dk

Makaron

2008-09-11 08:54

Look at this topic: http://opensolution.org/Quick.Cms/forum/?p=readTopic&nr=735. It can help You 'couse You can use this method of displaying subpages and change the place where there should be display..

webactor

2008-09-14 11:42

Hi Makaron

Do you know if its possible ONLY to have text links show´n
Only if you are under a serten page in the menu1. (TOP MENU ABOVE LOGO)

ex. frontpage (only shows menu1 - TOP MENU ABOVE LOGO)

But if you click on a serten text link in manu1, then
the menu2 (TOP MENU UNDER LOGO) comes to sight.

You know like a ex. drop down menu?

Hope you can help me - or point me in the right direction.

C yaaa | Cheers

Kimo
Webactor.dk

webactor

2008-09-14 17:12

Hi there - i found a solution.

Look at : http://www.webactor.dk/
Follow Makaron instructions :)

C yaaa | Cheers

Kimo
Webactor.dk

sonicaigar

2010-08-17 11:21

Hi
My SubpagesList works great as the Left Menu, but is it possible to define also class .selected for SubpagesList? I want, that selected SubpagesList item is underlined or smth, like other menu items, when they are opened.

boboo

2010-08-17 12:41

Aigar,
did you already tried with pseudo class "active"?
This is to use like "hover"
#listItem{color:#fff;}
#listItem:hover{color:red;text-decoration:underline;}
#listItem:active{color:blue;text-decoration:underline;}

Read more about pseudo classes here:
http://www.w3schools.com/CSS/css_pseudo_classes.asp

http://skupienie.kimla.de/?software-quickcart,106

sonicaigar

2010-08-17 14:57

Yes, i tried, but this a:active{color:blue;text-decoration:underline;} works only if left mouse button is pressed down. If I release button, then link goes normal again.

boboo

2010-08-17 15:16

OK,
give me some time, i'll try to "build" a selected class for SubpagesList
;-)

http://skupienie.kimla.de/?software-quickcart,106

boboo

2010-08-19 07:02

Hi Aigar,
you mean something like this?:
http://www.kimla.de/tester/qcneu/

Clicking on upper Menu (menu2), if it has subpages you'll get them on the left side.
Clicking then on the submenu, you get its content and the upper menu (the submenu too) stays selected.

http://skupienie.kimla.de/?software-quickcart,106

Back to top