Sacha Lopar
Jr. Rocketeer
 Offline
Posts: 27
|
Hello,
I followed the instructions of the tutorial and I saw how to add a new module, but could it be possible to define it's exact position? On the rokwebify template, I would like to put the user3 module or a new one nearby the logo. So I should reduce the width of the module and chage its position!
How can I do that?
Thank you
|
|
|
|
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
|
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
Unfortunately it's not possible because, I need the same backgroud as for the user3 module! Is it possible to move it with the png file and change the position of the green horizontal bar? If it's possible, I have to do that and my next problem will be to put the top menu nearby the bottom of the logo and make it larger! I don't know if you see how I imagine it! The logo and the menu have to be on the same bottom line.  |
|
|
|
« Last Edit: July 22, 2007, 02:28:12 AM by Sacha Lopar »
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
Just post a screenshot of what you are imagining  |
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
http://www.tech-int.ch/example.jpgThe main menu will be on the green bar...but on this position there is no module...so my question was if it would be possible to do that? If it's not possible I will try to change my template! Thank you
|
|
|
|
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
From that picture, all you need to do is push the sub menu items to the right to not be hidden by the logo?
|
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
Maybe it would be more clear with that picture (I modify it with photoshop and put the user3 module on the place I want! www.tech-int.ch/example2.jpgActually, that module is under the logo (look on the original template! Thank you |
|
|
|
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
In template_fcss.css, find div#horiz-menu {
background:url(../images/menu-bg.png) repeat-x scroll 0pt 50%;
height:36px;
} Change to something like div#horiz-menu {
background:url(../images/menu-bg.png) repeat-x scroll 0pt 50%;
height:36px;
margin-top:-38px;
width:400px;
float:right;
} |
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
Oh cool, thank you! It's quite ok, but I just need to adapt some parameters! See here: www.tech-int.ch/result.jpgIn my css code, I had this: div#horiz-menu {
background: url(../images/menu-bg.png) 0 0 repeat-x;
height: 36px;
no "scroll 0pt 50%" because when I tried to add it, the whole menu dissapear :S So now I have this: div#horiz-menu {
background: url(../images/menu-bg.png) 0 0 repeat-x;
height: 36px;
margin-top:-38px;
width:400px
float:right; My actual problem is that there is no more links on the menu (I can't click on them) and my TransMenu doesn't work! I tried to change the width, but the green menu didn't move... that's bizarre!  |
|
|
|
« Last Edit: July 26, 2007, 01:56:46 PM by Sacha Lopar »
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
Could you make your site online?
|
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
I can try to put it online for a short time, but it's complicated because I'm doing it for a friend's firm, so I'm afraid that some of clients try to go to site and see it completely unfinished...
But if that can help you I can do that! For today! (The next week I'll be out, bu as soon I'm back we can continue)
The site is now online!
Thank you for your help
|
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
[edit] Ok I tried again and now it's ok, the position is ok! But the links even don't work (without margin-top it works)! And the other problem is that when I reduce the complete window, the menu bar goes under the logo! Could it be possible to fix it and make it reducing if the screen resolution is lower? I triesd to put 80% for the width, but that doesn't work!  |
|
|
|
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
Change to div#horiz-menu {
background: url(../images/menu-bg.png) 0 0 repeat-x;
height: 36px;
margin-top:-38px;
width:400px
float:right;
position:relative; You will need to edit transmenu.css with the new location. |
|
|
|
|
Logged
|
|
|
|
Sacha Lopar
Jr. Rocketeer
Offline
Posts: 27
|
ok, so now, the links work, but if you try to reduce the window you will see the menu going over the logo! It doesn't want to be fixed on the right!
And for the transmenu, I only have .js file ..so it's more complicated than .css
|
|
|
|
|
Logged
|
|
|
|
James S!
Muffin Man
RocketTheme
Hero Rocketteer
Offline
Posts: 36143
Firebug...Firebug...Firebug!
|
Try changing to div#horiz-menu {
background: url(../images/menu-bg.png) 0 0 repeat-x;
height: 36px;
margin-top:-46px;
margin-left:232px;
} Change div#header .rk-2 {
background:transparent url(../images/header-l.png) no-repeat scroll 0pt;
height:153px;
overflow:hidden;
} To div#header .rk-2 {
background:transparent url(../images/header-l.png) no-repeat scroll 0pt;
height:153px;
overflow:hidden;
width:332px;
} |
|
|
|
|
Logged
|
|
|
|
|
Author