We have a CSS module. Many of these HowTo's that use CSS can now be shown on the page in question as well! :)
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server
Tag cloud: (all tags)
Posted by cold_blood3d on 08 May 2009 22:23, last edited by gerdami on 30 Dec 2009 13:20
Tags: account css login-status
Sometimes it is not convenient to have the Account Options menu drop down vertical. It might interfere with ads (which is why I used this), or perhaps you want a cool new look. By applying a few simple CSS rules, you can get a horizontal account options menu that conceals the your login status/username button until you move the mouse away.
See http://l4dmapdb.com or http://scmapdb.wikidot.com for an example. While logged in, click on the button next to your login status/username to see the menu appear.
You will need to know how to use custom CSS to proceed. If you don't know how to use custom CSS, please find the appropriate HowTo.
#login-status {
left:0;
top:-30px;
width:100%;
}
#account-options {
position:absolute;
left:0;
top:-9px;
right:auto;
width:100%;
height:50px;
overflow-y:hidden;
color:#b00000;
background-color:#000000;
border:0;
}
#account-options ul, #account-options li {
display:inline;
}
#account-options li a {
display:block;
padding:0;
padding-top:10px;
padding-bottom:20px;
height:50px;
padding-right:1.5em;
float:left;
font-size:92%;
color:#b00000 !important;
}
#account-options li a:hover {
color:#f0f0f0 !important;
}
This will make your login status menu align to the left of the screen (similar to the example, but without the search box). When you click on the button, the account options menu will be displayed horizontally and completely hide login status/username to make the most of the available space.
You may want to customize the position to get it where you want, and change the colors. Be careful adjusting any other properties; they are needed to keep this working properly.
We have a CSS module. Many of these HowTo's that use CSS can now be shown on the page in question as well! :)
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server
I put the CSS in my theme and it just took all of the account info off violating Wikidot ToS.
**To see what I am talking about, look for the content in-between the dashes
StikiHosting | Wikidot Support Mentor | Icon Deposit Profile | Entrepreneur | Investor
You've not said which said is affected, where have you tried this?
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Its above Facebook code.
EDIT:It takes the login info off my site. I temporarily put the code up above on so you can see.
My site is http://jdarby98.cf
StikiHosting | Wikidot Support Mentor | Icon Deposit Profile | Entrepreneur | Investor
It seems to work on mobile but not on desktop
StikiHosting | Wikidot Support Mentor | Icon Deposit Profile | Entrepreneur | Investor
I have no problems with your site and your login info on my desktop - ( win 7) firefox 47.0 :
"Activity", "Messages" and "Sites" are present and working.
The rest I am not seeing… :(
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
The width of the menu items cannot be more than the width of the #login-status. So the first thing you'll need to increase the width of the login-status:
The missing menu items will now display.
The result of changing the width is that it pushes the login further to the left. The problem you now have is that you can't float the login-status right as its position is set with position:absolute. Changing it to position:relative will mess up your overall layout. I'll think about the best way to deal with that if the positioning is vital to you.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Thank you for your help again. I have chosen to give up having this feature for right now due to getting extremely frustrated over this.
StikiHosting | Wikidot Support Mentor | Icon Deposit Profile | Entrepreneur | Investor