I would like resolved two problems of my ddblock system installation:
1- I don't found the solution for put the ddblock display under my menu system (see the menu.jpg). I have only the problem under Firefox (it's ok with ie7).
2- I would like put round corner around my picture (see the round-corner.jpg), here my CSS code:
/*!
* Dynamic display block module template: upright40 - Cascading Style Sheet
*/
div.ddblock-cycle-upright40 div.container{background-color:#ffffff;width:641px; padding:0 0 0 0px; z-index:0}
div.ddblock-cycle-upright40 div.container-inner{height:350px;position:relative;}
div.ddblock-cycle-upright40 div.slider{float:left;width:641px;}
div.ddblock-cycle-upright40 div.slider-inner{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;height:229px;overflow:hidden;position:relative;visibility:hidden;}
div.ddblock-cycle-upright40 div.slide{display:none;height:100%;left:0;position:absolute;top:0;}
div.ddblock-cycle-upright40 div.slide-inner img{height:229px;margin:0 !important;padding:0 !important;width:641px;}
div.ddblock-cycle-upright40 div.slide-text{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;position:absolute;}
div.ddblock-cycle-upright40 div.slide-text-horizontal{height:85px;left:0;width:641px;}
div.ddblock-cycle-upright40 div.slide-text-vertical{height:229px;width:140px;}
div.ddblock-cycle-upright40 div.slide-text-top{top:7px;}
div.ddblock-cycle-upright40 div.slide-text-right{bottom:0;right:30px;}
div.ddblock-cycle-upright40 div.slide-text-bottom{bottom:7px;}
div.ddblock-cycle-upright40 div.slide-text-left{bottom:0;left:30px;}
div.ddblock-cycle-upright40 div.slide-text-inner{padding:10px;}
div.ddblock-cycle-upright40 div.slide-title{float:left;}
div.ddblock-cycle-upright40 div.slide-title-vertical{width:150px;}
div.ddblock-cycle-upright40 div.slide-title-horizontal{display: none;}
div.ddblock-cycle-upright40 div.slide-title h2{margin:0px 0 0 0px;padding:0;}
div.ddblock-cycle-upright40 div.slide-title-inner{color:#eed500;font-weight:bold;}
div.ddblock-cycle-upright40 div.slide-body-vertical{width:132px;}
div.ddblock-cycle-upright40 div.slide-body-horizontal{float:left;width:500px; text-align:left; font-size:20px; padding:20px 0 0px 10px; line-height: 25px}
div.ddblock-cycle-upright40 div.slide-body-inner{color:white; }
div.ddblock-cycle-upright40 div.slide-body-inner p{margin:0 8px 0 0;padding:0;}
div.ddblock-cycle-upright40 div.slide-read-more{width:200px;}
div.ddblock-cycle-upright40 div.slide-read-more p{padding:0;margin:0;}
div.ddblock-cycle-upright40 div.slide-read-more a{background:url(../images/readmore.png) no-repeat;border:none;bottom:5px;color:#fff;font-size:12px;font-family:"Helvetica neue",Helvetica,Arial,Verdana,sans-serif;margin:0;padding:3px 0 4px 10px;position:absolute;text-decoration:none;text-align:left;width:120px; letter-spacing: 1px}
div.ddblock-cycle-upright40 div.slide-read-more-horizontal a{right:30px;}
div.ddblock-cycle-upright40 div.slide-read-more-vertical a{right:5px;}
div.ddblock-cycle-upright40 div.slide-read-more a:hover{background:url(../images/readmore-hover.png) no-repeat;text-decoration:underline;}
div.ddblock-cycle-upright40 div.slide-read-more-horizontal a:hover{right:30px;}
div.ddblock-cycle-upright40 div.slide-read-more-vertical a:hover{right:5px;}
div.ddblock-cycle-upright40 div.custom-pager{width:641px;}
div.ddblock-cycle-upright40 div.custom-pager-inner{height:100px;}
div.ddblock-cycle-upright40 div.custom-pager .custom-pager-item{float:left;}
div.ddblock-cycle-upright40 div.custom-pager .custom-pager-item-inner{width:135px;}
div.ddblock-cycle-upright40 div.custom-pager a{background-color:#1C1C1C;color:#000;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.9em;font-weight:bold;height:110px;line-height:50px;opacity:0.7;text-align:center;text-decoration:none;width:135px;}
div.ddblock-cycle-upright40 div.custom-pager a.activeSlide{background-color:#1C1C1C;color:#ccc;opacity:1;}
div.ddblock-cycle-upright40 div.custom-pager a:hover{background:#1C1C1C;color:#f00;opacity:1;}
div.ddblock-cycle-upright40 div.custom-pager a:focus{outline:none;}
div.ddblock-cycle-upright40 div.custom-pager img{border:none;height:100px;margin:0 !important;padding:0 !important;vertical-align:middle;width:120px;}
div.ddblock-cycle-upright40 div.spacer-vertical{display:block;float:left;height:110px;width:5px;background-color:#1C1C1C;}
div.ddblock-cycle-upright40 div.spacer-horizontal{clear:both;height:10px;background-color:#1C1C1C;}
Thanks for help
Pierre
| Comment | File | Size | Author |
|---|---|---|---|
| round-corner.jpg | 6.27 KB | lesonunique | |
| menu.jpg | 7.5 KB | lesonunique |
Comments
Comment #1
ppblaauw commentedFor issue 1 have a look at:
http://drupal.org/node/418710
For issue 2 have a look at:
http://drupal.org/node/354834 (move small images)
We can not support CSS questions to style dynamic display block themes. This would result in a lot of request. This is why we made the commercial themes available at themes.myalbums.biz. You can also request your layout which suites your requirements. Developing a theme which works with most popular browsers takes time and experience.
Please search the issue queue before you post. ( both issues can be found by searching on menu/ corners.) (search on all issues, not just open ones)
When you create an issue please post one issue per post, otherwise issues are difficult to manage and less useful for other users.