1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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.
    Dismiss Notice
  3. 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

Discussion in 'Template Modifications [Archive]' started by lms, Jan 8, 2011.

  1. lms

    lms Well-Known Member

    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";
    }
    [​IMG]

    Salud2
     

Share This Page