Re: Impresstheme
I just use iCMS as it comes; with 3 columns.
The nightly build from feb.25 seems to work pretty well, theme too after removing the overflows and adding black color to #xo-canvas-content li.
Re: Impresstheme
Do you use a layout with 3 columns or with 2 columns?
Did you only fix style.css or does layout.css and the others need work too?
If you use 2 column layout, pls check with a 3 column layout too.
Re: Impresstheme
Just installed the nightly build from the 25th. The theme seems to be better now.
Only the bottom blocks are covering the left and right columns too.
The problem with the xhld blocks still exists and I think they have to do with the module.
EDIT
Oke above mentioned problems are solved. Here's my corrected version of /impresstheme/css/style.css :
/* The Basics */
body { color: #000; background-color: #eae0b7; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
#xo-canvas{ width:100%;background-color: white; }
#xo-canvas-content { /*position: relative;*/ }
div.warper {width: 90%; margin-right: auto; margin-left: auto;border-top: 2px solid #DDDDFF;border-left: 2px solid #DDDDFF;border-right: 2px solid #DDDDFF}
a {color: #666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #8e8e8e; background-color:inherit;}
h1 {font-size: 1.4em; font-weight: bold;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em; padding-bottom: 3px;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}
/* Start Header */
#xo-header {clear: both; width: 100%; height: 103px;margin-left: auto; margin-right: auto;}
#xo-headerlogo{height: 80px; background: url(../img/bghead.png) repeat-x left;}
#xo-headerbanner {position:absolute; top:25px; right:110px; text-align:center;}
#xo-globalnav { border-bottom: 1px solid #ddd; background-image: url(../img/hbar.gif);}
/* End Header */
/* Start Left Column */
#xo-canvas-leftcolumn {float:left; width: 175px; left: 0; top: 100px; margin-left: 5px;}
#xo-canvas-leftcolumn th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-canvas-leftcolumn .xo-blocktitle h3 {margin: 0 0 5px 0;font-size: 1.12em;border: 1px solid black; padding: 3px; background-color: #f2e2a0;color: #222222; font-weight: bold; text-align:center;}
#xo-canvas-leftcolumn .xo-blockcontent {line-height: 1.2em;line-height: 120%;}
/* End Left Column */
/* Start Center Column */
/* WARNING - THIS HAS BEEN CHANGED - TRASH - NOT USED ANYMORE}*/
#xo-page { padding: 5px 0 0 0; margin: 0 10px;}
#xo-canvas.leftcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {margin-left: 190px;}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page { margin-right: 190px;}
#xo-canvas-bottom, #xo-canvas-footer {}
#xo-page th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-topcenterblocks, #xo-bottomcenterblocks {}
#xo-topcenterblocks .xo-blocktitle h3, #xo-bottomcenterblocks .xo-blocktitle h3{ margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-topcenterblocks .xo-blockcontent, #xo-bottomcenterblocks .xo-blockcontent{padding: 5px 8px 8px 8px; margin-bottom: 2px; line-height: 1.2em; text-align:justify;}
#xo-topleftblocks, #xo-bottomleftblocks {width: 49.5%; float: left;}
#xo-topleftblocks .xo-blocktitle h3, #xo-bottomleftblocks .xo-blocktitle h3 { margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-topleftblocks .xo-blockcontent, #xo-bottomleftblocks .xo-blockcontent{ margin-bottom: 2px; padding: 5px 8px 8px 8px; text-align:justify; line-height: 1.2em;}
#xo-toprightblocks, #xo-bottomrightblocks {width: 49.5%; float: right;}
#xo-toprightblocks .xo-blocktitle h3, #xo-bottomrightblocks .xo-blocktitle h3 { margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-toprightblocks .xo-blockcontent, #xo-bottomrightblocks .xo-blockcontent{ margin-bottom: 2px; padding: 5px 8px 8px 8px; text-align:justify; line-height: 1.2em;}
#xo-page .xo-block { margin: 5px; border: 1px solid #ddd;}
.xo-content {padding: 5px; overflow: hidden}
/* End Center Column */
/* Start Right Column */
#xo-canvas-rightcolumn {float:right; width: 175px; top: 121px; right: 10px; margin-right: 5px;}
#xo-canvas-rightcolumn th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-canvas-rightcolumn .xo-blocktitle h3 {margin: 0 0 5px 0;font-size: 1.12em;border: 1px solid black; padding: 3px; background-color: #f2e2a0; color: #222222; font-weight: bold; text-align:center;}
#xo-canvas-rightcolumn .xo-blockcontent {line-height: 1.2em;line-height: 120%;}
/* End Right Column */
/* Start Footer */
#xo-footer {width: 100%;margin-left: auto; margin-right: auto;text-align:center; background-image: url(../img/hbar.gif); clear:both;position: relative; bottom: 0;}
/* End Footer */
/* mode debug */
#xo-logger-output{ font-size: .8em;}
/* End mode debug */
/* lists */
#xo-canvas-content ul { margin: 5px; padding: 2px; list-style: decimal inside; text-align: left;}
#xo-canvas-content li { margin-left: 5px; color: #000; background-color: inherit; line-height: 1.4em; list-style: circle;}
/* forms */
input {font-size: 1em;}
select {font-size: .9em;}
/* Start Main Menu */
#mainmenu { font-size: .8em;}
#mainmenu a {display: block; margin: 0; padding: 4px; color: #666;}
#mainmenu a:hover { color: #f3ac03;}
#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub {padding-left: 17px; background-image: url(../icons/arr.gif);background-repeat: no-repeat; background-position: left; background-color: #fff; color: #666; font-size:.9em; font-style:italic; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub:hover {color: #f3ac03;}
/* End Main Menu */
/* Start User Menu */
#usermenu { font-size: .8em;}
#usermenu a {color:#666; display: block; margin: 0; padding: 4px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#usermenu a:hover {color: #f3ac03;}
#usermenu a.menuTop {border-top: 1px solid #ccc;}
#usermenu a.highlight {background-color: #fcc; color: #ff0000;}
/* End User Menu */
/* tables and cells */
table { width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top;}
th {background-color: #f3ac03; color: #fff; padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #ccc;}
.head {background-color: #f5e9cd; color:inherit; padding: 5px; font-weight: bold;}
.even {background-color: #e8e6e2; color:inherit; padding: 5px;}
.odd {background-color: #E9E9E9; color:inherit; padding: 5px;}
.foot {background-color: #f5e9cd; color:inherit; padding: 5px; font-weight: bold;}
tr.even td {background-color: #e8e6e2; color:inherit; padding: 5px;}
tr.odd td {background-color: #E9E9E9; color:inherit; padding: 5px;}
th { background-color:#f3ac03 !important;}
/* core messages */
.errorMsg { background-color: #FFCCCC; color:inherit; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.resultMsg { background-color : #bbb; color: #333; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px;}
/* codes and quotes */
.xoopsCode { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; max-height: 200px; overflow: auto;}
.xoopsQuote { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; font-style:italic; padding: 0 6px 6px 6px;}
/* articles */
.item {border: 1px solid #ccc;}
.itemHead {padding: 3px; background-color: #639ACE; color: #fff;font-size: 1.1em;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef; color:inherit;}
.itemTitle a {font-size: 1.1em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef; color:inherit;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}
/* forums */
.comTitle { font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .7em; color: #639ACE; font-weight:bold; border: 1px solid #ccc; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; background-color: inherit; color: #639ACE; font-weight:bold; font-size: .8em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .8em; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em}
.comDateCaption {font-weight: bold; font-style: normal; font-size: .8em}
.signature { font-size:.8em; font-style:italic;}
hr .clear {
border:0px solid #FEFEFE;
background-color:#FEFEFE;
height:1px;
}
.privacy_policy {
border: 0px;
width: auto;
}
Re: Impresstheme
I removed the following code from layout.css and that seems to solve the problem with the center column:
/* ------- Top and bottom zones (3 columns) ------- */
#xo-page-topblocks.xo-lcrpageblocks .xo-blockszone, #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
clear: none;
width: 31.2%;
}
* html #xo-page-topblocks.xo-lcrpageblocks .xo-blockszone,
* html #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
width: 30.6%;
}
Re: Impresstheme
Same issues here.
Also, module content is (notifications, comments) are being forced below sidblocks.
Re: Impresstheme (RC2) even worser than in RC1
Just installed iCMS RC2 on my local server, updated System modules and removed files from cache and template_c folder.
Looking at the frontpage the make up is even worser than with RC1.
Screenshot 1
On the right you see 2 block from the module xhld (GIJOE) for displaying RSS headlines. The text is displayed out of the block. The date is missing too, probably because #xo-canvas-content li is missing and doesn't have the text color defined:
#xo-canvas-content li {margin-left: 5px; color: #000; line-height: 1.4em; list-style: circle;}
Also note the empty Theme selection box. I got 3 themes installed (impresstheme, impresstheme_light and xbox_wide) but none of these are displayed.
Screenshot 2On the right you see a block from WF-Links, the content is centered a little weird....This block is placed under the 2 xhld blocks.
The center bottom block seems to be a little narrow compared with the top center block and the center column.
Re: Code for hiding block titles
I am not sure why you don't use the first one. I am using it on a few sites right now.
Are you making sure that the block title is "none"?
Re: Code for hiding block titles
Well, if you do not plan on changing it to much there is a way to set it using only the cycle values.
IE.
<div class="<{cycle values="blockTitle,blockTitle2,blockTitle3,blockTitle,blockTitle,blockTitle"}>"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
Basically what this will do is cycle the css class. So you can style them based on where they are.
css example
#leftcolumn {
width: 220px;
font-size: 12px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
#leftcolumn div.blockTitle {
color: #FFF;
text-align:left;
font-weight: bold;
font-size: 12px;
}
#leftcolumn div.blockTitle2 {
display: none;
}
#leftcolumn div.blockTitle3 {
color: #000;
text-align:left;
font-weight: bold;
font-size: 12px;
background-image: url(images/blah.jpg) no-repeat;
}
#leftcolumn div.blockContent {
color: #FFF;
padding: 4px;
background-color: #000;
}
Only issue with doing it this way is that each tome you add a block to that column you will need to add a new cycle value to account for it. Which like I said wouldn't be that big of a deal if you weren't planning on changing it that often.
Re: Code for hiding block titles
I can see the problem.
The theme before the hack uses:
"<{includeq file="$theme_name/theme_blockleft.html"}>"
to include the style, which is not used in Rodrigo's version.
Try replacing:
<div class="blockTitle">
<{$block.title}>
</div>
with:
<{includeq file="$theme_name/theme_blockleft.html"}>
(but backup the html first... as I can't test this remotely...)
Re: Code for hiding block titles
MrTheme, TheRplima:
Thank you for your code examples! I tried both, both worked, but ended up using the second example, provided by TheRplima.
However, while this achieves my desired function (selectively hiding block titles), it does remove the css styling from the remaining block titles...just the block titles remain, but not css styling.
Have you gotten this code example to work on your sites, while keeking the css styles for the remaining block titles? Any idea why it is not working on my site? I am using the impresscms light theme.
The site is www.aroundtheneighbourhood.com, still under construction, if you want to see for yourself.
Thanks,
Jeffgr
Re: Code for hiding block titles
In my sites I use the same principle but with a different code.
<{if preg_match("/^\./", $block.title) == 0 }>
<div class="blockTitle">
<{$block.title}>
</div>
<{/if}>
<div class="blockContent"><{$block.content}></div>
Using this code you just have to put one . at the beginning of the title of the blocks that you don't want the title to appear.
If you like my work you can
Donate
Re: Code for hiding block titles
change:
<{foreach item=block from=$xoBlocks.canvas_left}><{includeq file="$theme_name/theme_blockleft.html"}>
<br />
<{/foreach}>
To:
<{foreach item=block from=$xoBlocks.canvas_left}>
<{if $block.title|regex_replace:"/.*none*/":"none" ne "none"}>
<div class="<{cycle values="blockTitle"}>">
<{$block.title}></div><{/if}><div class="blockContent">
<{$block.content}></div>
<{/foreach}>
clear templates, should work the same.
Code for hiding block titles
Hi everyone,
Hiding the titles of various blocks in my sites is important to me, as it allows to further customise the look and feel of the site away from a typical "boxy" design. In Xoops, I was replacing the right and left block code in the theme with this new code snippet:
<{foreach item=block from=$xoops_lblocks}>
<{if $block.title|regex_replace:"/.*none*/":"none" ne "none"}>
<div class="<{cycle values="blockTitle"}>">
<{$block.title}></div><{/if}><div class="blockContent">
<{$block.content}></div>
<{/foreach}>
When I entered the word "none" in the block title, the title for that block would not appear.
The theme code for the default ICMS theme is slightly different though...as seen below:
<!-- Start Left Column -->
<{if $xoBlocks.canvas_left}>
<div id="xo-canvas-leftcolumn">
<{foreach item=block from=$xoBlocks.canvas_left}><{includeq file="$theme_name/theme_blockleft.html"}>
<br />
<{/foreach}>
<!-- more content here for example -->
</div>
<{/if}><!-- End Left Column -->
How can I tweak the side column code in ICMS, so that it hides the block titles, as does the above example does in a Xoops theme?
Thanks for your thoughts!
jeffgr
Re: Impresstheme
Snow, StudioC, Incama, Aphex, MrTheme and all the others, can you help here 
Re: How can I do to create theme!
If you could - that would be really appreciated!
Could we use this in the wiki as well? Then it would allow some of the multi-lingual users a chance to translate it.
Re: How can I do to create theme!
I am working on a new tutorial, and publishing it as an Impress guide. Not the only way to do it, just my own.
I could also readapt my "psd to whoops theme" as psd to impress.
