Re: Searching for a cool portal layout
Hi Paolo, Paolo Ambrosio wrote: > Well, after many days of work, this is what I can offer to cocoon > portal. Attached you can find a new skin [1], very similar > to "common" style but with div/css layout instead of tables. This is > because I concentated on coding instead of graphic design and because > I'd like to have the same style rendered using both tables and divs. Thanks for your work, fantastic. > Indeed, some time ago I posted on bugzilla a DELI Aspect Renderer [2] > to develop a portal skin that could recognize browser capabilities > and render the portal using the table or the css layout as needed. > But in this skin that renderer is not used, so I just said it to let > you know why I used the old portal style. Ah, ok, I saw your contribution, but never had time to really look at it... > > I structured my xsl files in a modular way to be easily used by > other skins. I think the xslt code is quite self explanatory. The > only "strange" thing is in the icons.xsl file. I found the original > window.xsl quite confusing and difficult to maintain and modify: > all icons are put in the window transformation template. So if > someone wants to modify the icons layout, he should replicate his > style through all icons. And what happens when a new one is added? > With my stylesheets to add a new icon the only thing to do is > add an entry to the generate-icon-set template. If someone wants > to change the icon style, he should just change the draw-icon > template. Yes, good idea. > Just to test my ideas about code reuse in skins, I made a modified > version of Helma's layout to demonstrate how it could be done. > Most files simply import my sheet without modifications. This is > attached to the email as well [3]. > > To install just unpack the archives in portal-samples/skin/ > and make an entry on portal-sample/conf/cocoon-portal-sample.xconf > Of couse, you have to select one of those skins in > portal-samples/sitemap.xmap > > I have some ideas for cocoon portal, but first I'll wait your > comments on this before :-) > :=) I like your contributions and I think we should apply them (or most of it). Unfortunately, I won't have time for it in the next four weeks...so perhaps someone else can have a look at it? And of course, I'm curious for your other ideas/comments! Thanks Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu wrote: > Carsten Ziegeler wrote: > >>hepabolu wrote: >>Ok, I just committed your changes - and I think everything should be ok >> -perhaps you can please verify? There are some display problems at >>least with IE, e.g. in the AppCoplet tab. > > > I found the error: the of should be > _AFTER_ the , not before. > > I'm sorry if that was not clear. No problem, my fault - I fixed this now and it looks ok (of course :) ) > > BTW if you add an to the text in the .tab-selected > (i.e. current) item in the navbar, the text aligns with the other tabs. > Ah, yes, totally forgot this - it's fixed now as well. Thanks Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Ralph Goers wrote: > hepabolu wrote: > > >>Carsten Ziegeler wrote: >> >> >>>hepabolu wrote: >>>Ok, I just committed your changes - and I think everything should be ok >>> -perhaps you can please verify? There are some display problems at >>>least with IE, e.g. in the AppCoplet tab. >> > I just ran the site in cocoon zones and noticed a few problems. > 1. The news tab doesn't seem to display CNET news correctly. In 2.1 it > is side by side with "High-Priced Mets". It appears in trunk below that. There are some problems in the width calculation code for columns - the quick hack I did is rather ugly and needs some improvements. Usually it ends up with the columns being wider than they should be and therefore the CNET coplet is below as it doesn't fit in the same row. > 2. I am mising several tabs. Gallery, JSR-168, WSRP, Apps > Yes, this is on purpose - I separated them to have fewer samples per user. If you log in as "cocoon" you see the samples from above. Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu wrote: >>I'm not sure about the title/logo yet. > > > Meaning? Whether you want a logo or just a title or colors or...? > Exactly :) I think a nice logo for the portal would be cool - but a fancy title might work as well...so if someone has some suggestions... :) Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu wrote: Carsten Ziegeler wrote: hepabolu wrote: Ok, I just committed your changes - and I think everything should be ok -perhaps you can please verify? There are some display problems at least with IE, e.g. in the AppCoplet tab. I just ran the site in cocoon zones and noticed a few problems. 1. The news tab doesn't seem to display CNET news correctly. In 2.1 it is side by side with "High-Priced Mets". It appears in trunk below that. 2. I am mising several tabs. Gallery, JSR-168, WSRP, Apps and AppCoplet are all missing. Is that on purpose? Ralph
Re: Searching for a cool portal layout
hepabolu wrote: Carsten Ziegeler wrote: hepabolu wrote: Ok, I just committed your changes - and I think everything should be ok -perhaps you can please verify? There are some display problems at least with IE, e.g. in the AppCoplet tab. I just ran the site in cocoon zones and noticed a few problems. 1. The news tab doesn't seem to display CNET news correctly. In 2.1 it is side by side with "High-Priced Mets". It appears in trunk below that. 2. I am mising several tabs. Gallery, JSR-168, WSRP, Apps
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: hepabolu wrote: Ok, I just committed your changes - and I think everything should be ok -perhaps you can please verify? There are some display problems at least with IE, e.g. in the AppCoplet tab. I found the error: the of should be _AFTER_ the , not before. I'm sorry if that was not clear. BTW if you add an to the text in the .tab-selected (i.e. current) item in the navbar, the text aligns with the other tabs. Bye, Helma
zone demos restart schedule (was: Searching for a cool portal layout)
Le 16 nov. 05, à 16:47, hepabolu a écrit : ...When's the next rebuild on the cocoon.zones due.. The current schedule is (crontab of user cdemos): # restart the release demo 12 3,15 * * * date ; /home/config/cocoon.zone/cdemos/cocoondemo.sh start release 2>&1 > /home/cdemos/demos/release/logs/crontab.log # restart the 21branch demo 32 3,15 * * * date ; /home/config/cocoon.zone/cdemos/cocoondemo.sh start 21branch 2>&1 > /home/cdemos/demos/21branch/logs/crontab.log # restart the trunk demo 52 3,15 * * * date ; /home/config/cocoon.zone/cdemos/cocoondemo.sh start trunk 2>&1 > /home/cdemos/demos/trunk/logs/crontab.log So the trunk build just started at 15:52 UTC. From what I've seen, It can take aynwhere from 3 to 20 minutes depending on total system load, as the zone runs on shared hardware. -Bertrand smime.p7s Description: S/MIME cryptographic signature
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: hepabolu wrote: Ok, I just committed your changes - and I think everything should be ok -perhaps you can please verify? There are some display problems at least with IE, e.g. in the AppCoplet tab. When's the next rebuild on the cocoon.zones due? I've lost track of the current build for trunk and somehow it doesn't work on my new Powerbook yet. So I'll have a look at the build at the zones. I'm not sure about the title/logo yet. Meaning? Whether you want a logo or just a title or colors or...? And if all works, you should add some AJAX support to drag the coplets around the screen. ;-) :) Yeah, I'll do it if I get enough time for it...perhaps christmas... Ok, if nobody beats you to it. :-) Bye, Helma
Re: Searching for a cool portal layout
hepabolu wrote: Ok, I just committed your changes - and I think everything should be ok -perhaps you can please verify? There are some display problems at least with IE, e.g. in the AppCoplet tab. I'm not sure about the title/logo yet. > > And if all works, you should add some AJAX support to drag the coplets > around the screen. ;-) > :) Yeah, I'll do it if I get enough time for it...perhaps christmas... Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: Go ahead, I haven't looked at the portal stuff, so I wouldn't know where to put it or where to change what. Ok, I'll try it as soon as possible :) Thanks for the work, Helma. You're welcome. And if all works, you should add some AJAX support to drag the coplets around the screen. ;-) Bye, Helma
Re: Searching for a cool portal layout
hepabolu wrote: > Carsten Ziegeler wrote: > >>Yeah, I like it :) Great work, Helma. > > > Thanks. > > >>Do you want me to commit it or do you want to do it? > > > Go ahead, I haven't looked at the portal stuff, so I wouldn't know where > to put it or where to change what. > Ok, I'll try it as soon as possible :) Thanks for the work, Helma. Carsten > Do note that I've slightly changed the structure of the page, see my > previous message (the one with the red colors). For this to work, you > need to update the files that generate the result. > > Summary (do check if I've missed something): > - on the first page (portal.*): I've removed all inline styling of the > table in the personal area and added an id (personal_area) to the table. > > - on this same page I added a link to portal-page.css that only styles > that table. > > - I've suppressed the images in the header, but didn't remove them. If > you like it like this, remove the images so the page renders faster. > Maybe you want to add "Cocoon Portal" in some nice font/size/color to > the header as text. > > - I've added to each coplet (just below the ... class="coplet"> and to get the > drop shadow working. > > - you either have to expand the shadowAlpha.png to allow for larger (> > 800px) coplets or you have to restrict a coplet to a max-width=800px in > the CSS. However, I'm not sure if max-width is supported by IE. > > - I've moved the below the class="coplet-title"> > > - I've added a to the selected tab. That eased up the > styling of the nav bar. > > Oh and do check if there is commented code left in the CSS files, that > might as well be removed and reduced the file size. > > You might want to do a more thorough check of the styling on Windows (FF > and IE). I've quickly checked that it looked as expected and that the > hovering worked as expected, but I can't remember if it stayed ok after > resizing. > > One issue left: the title and navbar fonts are bold, which looks fine on > Windows, but they look too thick on OSX. If I figure out how to solve > that, there should be a small update to the CSS files. > > Bye, Helma > > -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: Yeah, I like it :) Great work, Helma. Thanks. Do you want me to commit it or do you want to do it? Go ahead, I haven't looked at the portal stuff, so I wouldn't know where to put it or where to change what. Do note that I've slightly changed the structure of the page, see my previous message (the one with the red colors). For this to work, you need to update the files that generate the result. Summary (do check if I've missed something): - on the first page (portal.*): I've removed all inline styling of the table in the personal area and added an id (personal_area) to the table. - on this same page I added a link to portal-page.css that only styles that table. - I've suppressed the images in the header, but didn't remove them. If you like it like this, remove the images so the page renders faster. Maybe you want to add "Cocoon Portal" in some nice font/size/color to the header as text. - I've added to each coplet (just below the ... class="coplet"> and to get the drop shadow working. - you either have to expand the shadowAlpha.png to allow for larger (> 800px) coplets or you have to restrict a coplet to a max-width=800px in the CSS. However, I'm not sure if max-width is supported by IE. - I've moved the below the class="coplet-title"> - I've added a to the selected tab. That eased up the styling of the nav bar. Oh and do check if there is commented code left in the CSS files, that might as well be removed and reduced the file size. You might want to do a more thorough check of the styling on Windows (FF and IE). I've quickly checked that it looked as expected and that the hovering worked as expected, but I can't remember if it stayed ok after resizing. One issue left: the title and navbar fonts are bold, which looks fine on Windows, but they look too thick on OSX. If I figure out how to solve that, there should be a small update to the CSS files. Bye, Helma
Re: Searching for a cool portal layout
hepabolu write: > Carsten Ziegeler wrote: > >>Looks really nice - apart from the colors; personally I would prefer >>some "lighter" colors but I guess tweaking colors is much simpler than >>doing the rest of the layout. > > > > Just a quick change, might need some polishing. Replace the portal.css > in "files" with the one attached and add the gif to "files". > > Have fun. ;-) > Yeah, I like it :) Great work, Helma. Do you want me to commit it or do you want to do it? Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu wrote: Just a quick change, might need some polishing. Replace the portal.css in "files" with the one attached and add the gif to "files". Have fun. ;-) Bye, Helma Very nice. Ralph
Re: Searching for a cool portal layout
Carsten Ziegeler wrote:
Looks really nice - apart from the colors; personally I would prefer
some "lighter" colors but I guess tweaking colors is much simpler than
doing the rest of the layout.
Just a quick change, might need some polishing. Replace the portal.css
in "files" with the one attached and add the gif to "files".
Have fun. ;-)
Bye, Helma
/*
* Copyright 1999-2005 The Apache Software Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http: //www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* general settings */
body {
background-color: white;
margin: 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
line-height: 12pt;
color: black;
border-left: 5px solid white;
border-right: 5px solid white;
}
p, li {
/* letter-spacing: 0.2mm; */
/* word-spacing: 0.8mm; */
}
h1 {
font-size: 13pt;
}
/* portal styling */
.cocoon-portal-header {
width: 100%;
height: 42px;
background-color: #0076a3;
}
#cocoon-portal-header-logo {
display: none;
}
#cocoon-portal-header-logout {
position: relative;
float: right;
right: 0px;
bottom: -20px;
padding-right: 0.5em;
vertical-align: middle;
}
#cocoon-portal-header-logout img {
display: none;
}
#cocoon-portal-header-logout a {
padding: 0.5em;
vertical-align: middle;
color: white;
font-weight: bold;
text-decoration: none;
}
.cocoon-portal-content {
overflow: auto;
}
.cocoon-portal-footer {
clear: both;
width: 100%;
height: 10px;
margin-top: 5px;
background-color: #0076a3;
}
.cocoon-portal-columns {
clear: both;
width: 100%;
overflow: auto;
border: 0;
}
.cocoon-portal-column {
float: left;
margin: 0 5px 0 5px;
}
.cocoon-portal-rows {
clear: both;
width: 100%;
overflow: auto;
border: 0;
}
.cocoon-portal-row {
clear: both;
margin: 5px 0 5px 0;
}
/* coplet styling */
.coplet {
background-color: white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-top: 0;
background: url("shadowAlpha.png") repeat bottom right;
padding: 0 0px 0px 0;
margin: 5px 0 0 5px;
}
.coplet .innerbox {
position: relative;
bottom: 5px;
right: 5px;
border: 1px solid #787878;
}
.coplet-borderless {
/* border: 1px dotted #eee; */
border-top: 1px solid white;
background: url("shadowAlpha.png") bottom right repeat;
padding: 0 5px 5px 0;
}
.coplet-header {
width: 100%;
background: url("balk.gif") top left repeat-x;
height: 24px;
border: 1px 0 1px 0 solid #00;
}
.coplet-borderless .coplet-header {
border: 0;
}
.coplet-title {
float: left;
color: white;
margin: 0px;
padding: 0.2em;
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
}
.coplet-icons {
float:right;
width: auto;
padding: 0.2em;
}
.coplet-icon {
float: left;
padding: 0px;
padding-left: 1px;
}
.coplet-content {
padding: 0 0.5em 0.5em 0.5em;
background-color: white;
border: 0;
border-top: 1px solid white;
/*
border-left: 1px solid #787878;
border-top: 1px solid white;
*/
}
.coplet-borderless .coplet-content {
border: 0;
border-top: 1px solid white;
}
/* tabbed menu styling */
.tab-layout {
width: 100%;
height: 24px;
padding: 0;
border: 0;
background: url("balk.gif") repeat-x top left;
}
.tab-layout ul {
display: block;
list-style: none outside;
margin: 0 0 0 10px;
padding: 0;
height: 24px;
font-size: 10pt;
}
.tab-layout li {
display: block;
float: left;
position: relative;
height: 24px;
border-left: 1px solid #E1E3EB;
border-right: 1px solid #7B81A9;
color: white;
font-weight: bold;
vertical-align: middle;
}
.tab-layout a {
height: 24px;
text-decoration: none;
padding: 0 1.5em 0 1.5em;
color: white;
vertical-align: middle;
}
.tab-layout li:hover {
color: black;
background: url("nav_tab_bg_on.jpg") top left repeat-x;
}
.tab-layout a:hover {
height: 24px;
color: black;
background: url("nav_tab_bg_on.jpg") top left repeat-x;
}
.tab-layout li.tab-selected {
height: 24px;
padding: 0 1.5em 0 1.5em;
vertical-align: middle;
background: url("nav_tab_bg_on.jpg") top left repeat-x;
color: black;
}
.tab-layout li.tab-selected a {
color: black;
}
div.tab-layout-clear {
clear: both;
font-size: 0px;
line-height: 5px;
height: 5px;
}
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: Looks really nice - apart from the colors; personally I would prefer some "lighter" colors but I guess tweaking colors is much simpler than doing the rest of the layout. Yes, I also like lighter colors, but when fiddling with the colors of the tab bar I ended up with baby blue, baby greenish etc. and they didn't look good either, so I went the other way around and turned it into a darker color. If you pick a lighter color from the tab bar and use that for coplet-header and coplet-footer, it also looks much lighter. And of course the tab bar needs to be reworked a bit to add some glossy shine to it, much like the bar in http://www.apple.com/macosx/features/dashboard/ Bye, Helma
Re: Searching for a cool portal layout
K.Bertram wrote: > Hi Carsten > > with 2 divs in the top it got no background in the header at mozilla so > this was an workaround for both IE and Moz. > So if you read my mail carfully it was the the first draft of the div > version. ;) Yes, I know :) > At this my battery go down and had no time at the weekend for making a > newer one. :( > If you wish I can can take an eye on it this week in the afternoon. > . Helma has already done a new layout - so before you step on each others toes, I think, the best approach is if you coordinate your work with Helma's. Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu wrote: > > Just wrapped up the other one I mentioned. > > I used the same files as I did for the other one, but made some minor > modifications: > > - added to the selected tab. > - moved the icons out of the coplet-title. > - added an extra just below > and (the latter just to keep them > synchronized). > - checked in Safari, FF-OSX, FF-Win, IE6. > > Minor issues: > - the picture used for the shadow (found on internet) was deviced for > 800px width, but since the portal has a liquid layout (i.e. resizes with > the screen), a coplet can grow beyond that. I haven't quite figured out > how to extend the picture (using png alpha blending). TBD > - the picture used for the bars needs to be brushed up to "shine" more > and give a more 3d illusion. I'm no expert in this. > > WDYT? > Looks really nice - apart from the colors; personally I would prefer some "lighter" colors but I guess tweaking colors is much simpler than doing the rest of the layout. Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: K.Bertram wrote: Hi Carsten with 2 divs in the top it got no background in the header at mozilla so this was an workaround for both IE and Moz. So if you read my mail carfully it was the the first draft of the div version. ;) Yes, I know :) At this my battery go down and had no time at the weekend for making a newer one. :( If you wish I can can take an eye on it this week in the afternoon. . Helma has already done a new layout - so before you step on each others toes, I think, the best approach is if you coordinate your work with Helma's. Carsten Just wrapped up the other one I mentioned. I used the same files as I did for the other one, but made some minor modifications: - added to the selected tab. - moved the icons out of the coplet-title. - added an extra just below and (the latter just to keep them synchronized). - checked in Safari, FF-OSX, FF-Win, IE6. Minor issues: - the picture used for the shadow (found on internet) was deviced for 800px width, but since the portal has a liquid layout (i.e. resizes with the screen), a coplet can grow beyond that. I haven't quite figured out how to extend the picture (using png alpha blending). TBD - the picture used for the bars needs to be brushed up to "shine" more and give a more 3d illusion. I'm no expert in this. WDYT? Bye, Helma portal2.tar.gz Description: GNU Zip compressed data
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: hepabolu wrote: the page behind the "appcoplet" tab has 'coplet' attribute and the page behind 'apps' has 'coplet' as namespace in the form. I've just downloaded the result as static HTML pages and been reworking the CSS from there. I've included a set of HTML files with a 'files' folder containing the resources. I've left the HTML files untouched except for the first page (portal.html). There I've removed all styling info from the table and added an id (personal_area). I've also added an extra 'link' tag in the header to include 'portal-page.css'. This is basically a change of the current settings, i.e. it still resembles the current layout a lot. I'm very curious to know what you think of it. Looks really nice, I think. I'm now in the process of doing something completely different (i.e. different colors, images etc.). Just to see where we can take this. Now you're making me really curious :) One note: A coplet consists of a header and a content div. The header div contains a title div which contains the title of the coplet as well as the list of coplet-icons. I think it would be more logical that the coplet icons div would be separate from the title div. Like this: Title here If you agree, I'll figure out the necessary changes in the CSS. ;-) Yes, absolutely - that's the way it should be (and how it was the first time I added the new layout) - I think I messed it up when I applied the latest layout patch from Klaus :( Carsten Hi Carsten with 2 divs in the top it got no background in the header at mozilla so this was an workaround for both IE and Moz. So if you read my mail carfully it was the the first draft of the div version. ;) At this my battery go down and had no time at the weekend for making a newer one. :( If you wish I can can take an eye on it this week in the afternoon. Klaus
Re: Searching for a cool portal layout
hepabolu wrote: > > the page behind the "appcoplet" tab has 'coplet' attribute and the page > behind 'apps' has 'coplet' as namespace in the form. > > I've just downloaded the result as static HTML pages and been reworking > the CSS from there. > > I've included a set of HTML files with a 'files' folder containing the > resources. > > I've left the HTML files untouched except for the first page > (portal.html). There I've removed all styling info from the table and > added an id (personal_area). I've also added an extra 'link' tag in the > header to include 'portal-page.css'. > > This is basically a change of the current settings, i.e. it still > resembles the current layout a lot. > > I'm very curious to know what you think of it. > Looks really nice, I think. > I'm now in the process of doing something completely different (i.e. > different colors, images etc.). Just to see where we can take this. > Now you're making me really curious :) > One note: > > A coplet consists of a header and a content div. The header div contains > a title div which contains the title of the coplet as well as the list > of coplet-icons. > > I think it would be more logical that the coplet icons div would be > separate from the title div. > > Like this: > >Title here > > > > > > If you agree, I'll figure out the necessary changes in the CSS. ;-) > Yes, absolutely - that's the way it should be (and how it was the first time I added the new layout) - I think I messed it up when I applied the latest layout patch from Klaus :( Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
hepabolu schrieb: > Carsten Ziegeler wrote: > >>No, I'm fine with that. I'm happy for any improvement wrt to layout and >>usability. Obviously html and css are not my core domain... :) > > > Carsten, could you go over the portal sample once again? There are still > some namespaces left in the resulting html (e.g. xmlns:java xmlns:cl etc.). > Ok, thanks, yepp, I'll clean up the code and surpress them. > I'm not sure if that has any influence on the CSS, but it prevents valid > HTML and since we strive to adhere to standards, we might as well try > to get to valid HTML as far as possible. Yes, definitly. > > I also noted an extra 'coplet' attribute added here and there. Not sure > if it's necessary for the workings of the portlet, but if you can loose > it, please do. Can you give me a pointer where you found it? > > If I run into other quirks I'll post them. Great, yes, please do. Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: No, I'm fine with that. I'm happy for any improvement wrt to layout and usability. Obviously html and css are not my core domain... :) Carsten, could you go over the portal sample once again? There are still some namespaces left in the resulting html (e.g. xmlns:java xmlns:cl etc.). I'm not sure if that has any influence on the CSS, but it prevents valid HTML and since we strive to adhere to standards, we might as well try to get to valid HTML as far as possible. I also noted an extra 'coplet' attribute added here and there. Not sure if it's necessary for the workings of the portlet, but if you can loose it, please do. If I run into other quirks I'll post them. Bye, Helma
Re: Searching for a cool portal layout
hepabolu wrote: > Paolo Ambrosio wrote: > >>>So, if someone is interested in providing a new layout (css and perhaps >>>images), that would be really cool. I think especially the tabs need >>>some improvements. >>> >>>So anyone interested? >> >> >>I haven't seen yours yet but some time ago I made a div+css layout for >>the portal. If I remember well, it works with all browsers (it took me >>a long time to find something that works on ie!). It was designed to >>be easily adapted to every graphical style (it has some additional >>divs). The graphical layout is "ugly" but i think the html structure >>works. If interested, I'll try to find it in my backup, fix it up a >>bit and post it in the weekend. >> > > > Please do, I'm always interested in seeing what others make of it. > Yepp, me, too. > BTW Carsten: if you want your tabs to have images to mimic "real" tabs, > you need to add an to the selected tab, otherwise it is > not possible to add a left side AND a right side of the tab image to the > item. > That means that the selected tab is also a link that leads to a refresh > of the page. > > Do you have any objections to that? > No, I'm fine with that. I'm happy for any improvement wrt to layout and usability. Obviously html and css are not my core domain... :) Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Paolo Ambrosio wrote: So, if someone is interested in providing a new layout (css and perhaps images), that would be really cool. I think especially the tabs need some improvements. So anyone interested? I haven't seen yours yet but some time ago I made a div+css layout for the portal. If I remember well, it works with all browsers (it took me a long time to find something that works on ie!). It was designed to be easily adapted to every graphical style (it has some additional divs). The graphical layout is "ugly" but i think the html structure works. If interested, I'll try to find it in my backup, fix it up a bit and post it in the weekend. Please do, I'm always interested in seeing what others make of it. BTW Carsten: if you want your tabs to have images to mimic "real" tabs, you need to add an to the selected tab, otherwise it is not possible to add a left side AND a right side of the tab image to the item. That means that the selected tab is also a link that leads to a refresh of the page. Do you have any objections to that? Bye, Helma
Re: Searching for a cool portal layout
> So, if someone is interested in providing a new layout (css and perhaps > images), that would be really cool. I think especially the tabs need > some improvements. > > So anyone interested? I haven't seen yours yet but some time ago I made a div+css layout for the portal. If I remember well, it works with all browsers (it took me a long time to find something that works on ie!). It was designed to be easily adapted to every graphical style (it has some additional divs). The graphical layout is "ugly" but i think the html structure works. If interested, I'll try to find it in my backup, fix it up a bit and post it in the weekend.
Re: Searching for a cool portal layout
hepabolu wrote: > Carsten Ziegeler wrote: > >>I'm searching for a cool/nice layout for the portal engine in 2.2(trunk). >>I converted the html from tables and inline styling to div elements with >>css, but obviously the result does not look very nice... :) > > > is this currently visible on cocoon.zones? > Yes. > if so, I agree it does look ugly ;-) > :) > I'll see what I can do. > Great! > but more important: there are some tags left in the resulting HTML > code and a cinclude namespace. > Oh, ok, I'll take care of this. Thanks! Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
Re: Searching for a cool portal layout
Carsten Ziegeler wrote: I'm searching for a cool/nice layout for the portal engine in 2.2(trunk). I converted the html from tables and inline styling to div elements with css, but obviously the result does not look very nice... :) is this currently visible on cocoon.zones? if so, I agree it does look ugly ;-) I'll see what I can do. but more important: there are some tags left in the resulting HTML code and a cinclude namespace. Bye, Helma
Searching for a cool portal layout
I'm searching for a cool/nice layout for the portal engine in 2.2(trunk). I converted the html from tables and inline styling to div elements with css, but obviously the result does not look very nice... :) So, if someone is interested in providing a new layout (css and perhaps images), that would be really cool. I think especially the tabs need some improvements. So anyone interested? Some more infos about the layout: After checking out trunk, building and starting Cocoon you can find the portal sample at http://localhost:/samples/blocks/portal-sample/portal The skin (layout) you'll see is in the webapp/samples/blocks/portal-sample/skins/modern directory. The css in the css/page.css file and the styles directory contains the different stylesheets used to render the page. The portal-page.xsl is the main stylesheet generating the html frame. This is the place to add static parts and to include your resources like css and js files. The tab.xsl renders tabs, the column.xsl columns and so on. The stylesheets currently just generate some divs with ids and classes. I guess this can mostly stay as it is right now, so changing the css should do the trick for most things. Carsten -- Carsten Ziegeler - Open Source Group, S&N AG http://www.s-und-n.de http://www.osoco.org/weblogs/rael/
