View Full Version : Upside down
DemOnstar
11-06-2015, 05:58 AM
Hello there.
Lots of questions recently and since I am on a roll, here is another one.
What is the best way to remove everything from the top. (Header and log in Signup) and move it below the content? I.E. Between the footer and content?
https://vborg.vbsupport.ru/attachment.php?attachmentid=153614&stc=1&d=1446796643
Thank you all. . .
Lynne
11-06-2015, 05:32 PM
You want users to go to the bottom of the page in order to login? I guess I would first try it by using CSS.
DemOnstar
11-07-2015, 05:34 AM
You want users to go to the bottom of the page in order to login? I guess I would first try it by using CSS.
I thought about CSS but pondered on the idea of moving stuff round on a template but which template would that be? It probably impacts on other templates too.
For me, the post or content is more important than the header and therefore should get priority.
Log in should be the last thing anyone is presented with. It is the content that swings a persons inclination to sign up/ log on and as above, this has to take priority.
Thanks for your interest. . . .
napy8gen
11-07-2015, 12:29 PM
Put this in css_additional.css
style manager> style name> edit templates> css templates> css_additional.css
This is the basic.
Work on user drop down and login drop down.
But not tested with other drop down forms it may affected on them
/* move to bottom */
#main-navbar, #main-navbar-wrapper {
position:absolute;bottom:0px;left:0px;
}
/* parent holder */
html{position:relative}
/* give space for the login bar */
#footer-copyright {
margin-bottom: 70px!important;
}
/* made the user drop down - drop upward */
.b-menu__dropdown-submenu {
top: auto!important;
bottom:45px!important;
}
DemOnstar
11-07-2015, 03:06 PM
Put this in css_additional.css
style manager> style name> edit templates> css templates> css_additional.css
This is the basic.
Work on user drop down and login drop down.
But not tested with other drop down forms it may affected on them
/* move to bottom */
#main-navbar, #main-navbar-wrapper {
position:absolute;bottom:0px;left:0px;
}
/* parent holder */
html{position:relative}
/* give space for the login bar */
#footer-copyright {
margin-bottom: 70px!important;
}
/* made the user drop down - drop upward */
.b-menu__dropdown-submenu {
top: auto!important;
bottom:45px!important;
}
Very good my friend! . . That did the trick with the log in and sign up stuff, just have to move the header and search box now and place them just above the footer. . .
I applaud you. . . .:up::up::up:
napy8gen
11-07-2015, 08:33 PM
I think for the header you just can have a small text image logo for identification of your site on top. So it will take only small space. This will not distract your content first priority. Since all websites in the world has logo on top.
DemOnstar
11-09-2015, 06:27 AM
Thanks for your help. . . It looks closer to what I want.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2024, vBulletin Solutions Inc.