• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Put sidebar, tabs and user links in reverse

lms

Well-known member
#1
Template navigation.css
Search
Code:
		.navTabs .publicTabs
		{
			float: left;
		}
		
		.navTabs .visitorTabs
		{
			float: right;
		}
Change for
Code:
		.navTabs .publicTabs
		{
			float: right;
		}
		
		.navTabs .visitorTabs
		{
			float: left;
		}
With this we turn to the navigation tabs.
Search
Code:
	.navTabs .navTab.selected .tabLinks li
	{
		float: left;
		padding: 2px 0;
	}

		.navTabs .navTab.selected .tabLinks li:first-child
Change for
Code:
	.navTabs .navTab.selected .tabLinks li
	{
		float: right;
		padding: 2px 0;
	}

		.navTabs .navTab.selected .tabLinks li:first-child
With this we turn to the links beneath navigation tabs.

Template search_bar.css
Search
Code:
	#QuickSearch
	{
		display: block;
		
		position: absolute;
		right: 20px;
		top: -18px;
Change for
Code:
	#QuickSearch
	{
		display: block;
		
		position: absolute;
		left: 20px;
		top: -18px;
With this we turn to the search bar.

Search en la Template sidebar.css
Code:
/* sidebar structural elements */

.mainContainer
{
	 float: left;
	 margin-right: -{xen:calc '@sidebar.width + 10'}px;
	 width: 100%;
}

	.mainContent
	{
		margin-right: {xen:calc '@sidebar.width + 10'}px;
	}

.sidebar
{
	@property "sidebar";
	font-size: 11px;
	float: right;
	width: 250px;
	@property "/sidebar";
}
Change for
Code:
/* sidebar structural elements */

.mainContainer
{
	 float: right;
	 margin-left: -{xen:calc '@sidebar.width + 10'}px;
	 width: 100%;
}

	.mainContent
	{
		margin-left: {xen:calc '@sidebar.width + 10'}px;
	}

.sidebar
{
	@property "sidebar";
	font-size: 11px;
	float: left;
	width: 250px;
	@property "/sidebar";
}

Salud2