07-04
07

关于向导的相册首页调用修改样式


<div style="text-align:center;margin-left:-5px;font: 11px Arial;BACKGROUND-COLOR: #F5F7F7;width:180px;"> /*做一个容放调用出的图片的范围布局,定义了背景色,宽度*/
<$Newphoto$>
<script type="text/javascript" src="plugins/album/highslide/highslide.js"></script>
<script type="text/javascript">
    hs.graphicsDir = 'plugins/album/highslide/graphics/';
    hs.outlineType = 'rounded-white';
    window.onload = function() {
        hs.preloadImages(5);ReImgSize();
    }
    </script>
<style type="text/css">
img {max-width: none;height: none; margin:5px;}} /*做图片直接的间距*/
.highslide {
    cursor: url(plugins/album/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 1px solid ;   /*图片外围线设置*/
}
.highslide:hover img {
    border: 0px solid ;
}

.highslide::visited img {
    border: 1px solid ;  /*鼠标放上去的变化*/
}

.highslide-image {
    border: 5px solid ;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 12px solid;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
}
.highslide-loading {
    display: block;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    /*
    padding-left: 22px;
    background-image: url(plugins/album/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 12px;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    
}
.highslide-move {
    cursor: move;
}
.highslide-overlay {
    display: none;
}
/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
    </style>
</div>
</div>


====================
保留原来未加工过的样式:

<$Newphoto$>
<script type="text/javascript" src="plugins/album/highslide/highslide.js"></script>
<script type="text/javascript">
    hs.graphicsDir = 'plugins/album/highslide/graphics/';
    hs.outlineType = 'rounded-white';
    window.onload = function() {
        hs.preloadImages(5);ReImgSize();
    }
</script>
<style type="text/css">
img {max-width: none;height: none;}
.highslide {
    cursor: url(plugins/album/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 0px solid gray;
}
.highslide:hover img {
    border: 0px solid white;
}

.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: block;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    /*
    padding-left: 22px;
    background-image: url(plugins/album/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-move {
    cursor: move;
}
.highslide-overlay {
    display: none;
}
/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
</style>


另外,当向导相册首页调用图片数量不变的bug,情况缓存即可。

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Plugins PJBLOG
相关日志:
评论: 0 | 引用: 0 | 查看次数: 1003
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭