tabless layouts

17 years 11 months ago #13306 by jesse
tabless layouts was created by jesse
any news on how cb1.0stable handles layouts that break out of tabs?

I assume it wasn't made any simpler, but is there anyone (other than damien working with cbe) working on a plug to break out of the tabs?

Please Log in to join the conversation.

17 years 11 months ago #13326 by homebrew
Replied by homebrew on topic Re:tabless layouts
I'm working on creating a tab-less profile page.

Basically you have 6 areas to work with:
Header, Left, Middle, Right, Main, and Bottom.



You'll have to add stuff to the template.css file to add style to the areas like this:

[code:1].cbPosHead {
background: #00ff00;
padding: 10px;
}

/* Behind L M R */
.cbPosTop {
background: #ff0000;
padding: 5px;
}


/* Middle area */
.cbPosMiddle {
}

/* Right area */
.cbPosRight {
background: #ffffff;
}

/*Main area */
.cbPosTabMain {
background: #ffff00;
padding: 5px;
}

/*div'ed area*/
.cbClr {
background: #0000ff;
}

/* Bottom area */
.cbPosUnderAll {
background: #ffffff;
padding: 5px;
}[/code:1]

I just added distinct colors to tell the different areas apart.

That's a start. I'm working on creating more areas to put stuff in. I requested info about it here , but haven't heard anything.

Kenny

Please Log in to join the conversation.

17 years 10 months ago #13416 by micoots
Replied by micoots on topic Re:tabless layouts
Hi Kenny,

homebrew wrote:

I'm working on creating a tab-less profile page.

Basically you have 6 areas to work with:
Header, Left, Middle, Right, Main, and Bottom.



You'll have to add stuff to the template.css file to add style to the areas like this:

[code:1].cbPosHead {
background: #00ff00;
padding: 10px;
}

/* Behind L M R */
.cbPosTop {
background: #ff0000;
padding: 5px;
}


/* Middle area */
.cbPosMiddle {
}

/* Right area */
.cbPosRight {
background: #ffffff;
}

/*Main area */
.cbPosTabMain {
background: #ffff00;
padding: 5px;
}

/*div'ed area*/
.cbClr {
background: #0000ff;
}

/* Bottom area */
.cbPosUnderAll {
background: #ffffff;
padding: 5px;
}[/code:1]

I just added distinct colors to tell the different areas apart.

That's a start. I'm working on creating more areas to put stuff in. I requested info about it here , but haven't heard anything.

Kenny


This is exactly what I'm after from CB and I was going to email in the forums until I found your post.

So from what I can see above, this already works for you?

I use the CB dark template, which is located here:

./plugin/templates/dark/template.css

So do I just add the lines above into this css and then run it? or do I need to do anything else?

Thanks.

Michael.

Please Log in to join the conversation.

17 years 10 months ago #13425 by homebrew
Replied by homebrew on topic Re:tabless layouts
yup, just add those classes to your css file and customize it how you want to. Set your tabs in the CB tab configuration to "div w/ heading." The only limitation is your imagination. Good luck!

Kenny

Please Log in to join the conversation.

17 years 10 months ago #13456 by micoots
Replied by micoots on topic Re:tabless layouts
Hi Kenny,

homebrew wrote:

yup, just add those classes to your css file and customize it how you want to. Set your tabs in the CB tab configuration to "div w/ heading." The only limitation is your imagination. Good luck!

Kenny


I can't thank you enough for this. I added the css below to my css file, removed some of the high-coloured backgrounds, then played with some tab options/positions to see what they do.

I was able to reposition some of the tabs to be displayed as part of the profile page, which is what I was after.

I understand now how good it would be if you could add many more areas instead of just "Header, Left, Middle, Right, Main, and Bottom". Actually, to grid the page like:

x x x x
w
x x x x
y
x x x x
z
x x x x

(the letters have no meaning) for example would be perfect, as one could then add a tab to any one of those positions.

Personally, I'd also like to figure out how to make this output the "default" page output when a user logs in? without a login the user sees the "normal" website on the frontpage, but once logged in, get the display of the users profile as their main page.

Any ideas how this can be done?

Michael.

Please Log in to join the conversation.

17 years 10 months ago #13488 by stevebor1
Replied by stevebor1 on topic Re:tabless layouts
Michael,

I set my redirect for my login to jump to the profile page.
see cblogin module.

I'm still figuring out how to place modules just on the profile page and not to all pages... [Solved]

Post edited by: stevebor1, at: 2006/05/24 22:47

Karma Me Up!
File Attachment:


FITcommunity
Joomla! 1.0.12 - Community Builder 1.0.2 - Joomlaboard 1.1.2
Own Mods Featured Profile Mod
My Real Day Job
File Attachment:

Mobile Wallet and Social Lending, Anywhere!

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.207 seconds

Facebook Twitter LinkedIn