官方首页 | 无图版 | BBS首页
PJBlog3 2.8.5.157 新版发布 下载|升级(2008.8.26) 来给PJ3提提发展建议 2008版 PJHOME 珍藏/纪念版官方T恤 正式发布! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
 42 12345
发新话题
打印

在WP主题G7 V1的基础上修改的三栏皮肤elegant V1 {改}再次更新

本主题由 tangzhehao 于 2008-6-23 10:55 解除高亮

在WP主题G7 V1的基础上修改的三栏皮肤elegant V1 {改}再次更新

皮肤名称:elegant V1
适用版本:PJBlog2 v2.7 Build 03\04\05
发布时间:2008/02/27
发 布 人:左楠风
原 作 者:underone
原 地 址:http://www.underone.com/2007/11/16/theme-g7v1-final/
截图预览:见下

演示地址:http://zday.cn
下载地址:见附件
版权声明:使用本皮肤请遵守共同创作公约,尊重作者版权,在本作品下衍生和分享需要你注明出处和作者链接;
MD5值:
(旧)ad58b3046d04dcd512c3a94503c84367
(修正版本)94a63dbfe5422d51a2eb7629672d8486
V1.4 8d2280a5a5063fef656e60c9c7e59bb9
使用说明:
1.适应各种分辨率。(800*600 \ 1024*768最佳 \ 1280*1024 \ 宽屏);
2.适应的浏览器:IE6 \ IE7 \ FireFox2 \ Opera9.5 ;
3.皮肤目录内的PSD文件夹中含有LOGO和顶部布局的源文件,可直接修改。
4.页码列表部分经过修改,可搜索论坛内对应内容;
5.首次如此完整的制作一份skin,在后期,为了适应不同的分辨率和浏览器,下了不少功夫,所幸终于搞定了。页码列表部分下边框的解决办法已经找到,已经下载的参见下一楼,或者下载修正版本。
6.想修改本皮肤其中的某些部分,可参考下一楼的方法。

[ 本帖最后由 左楠风 于 2008-3-5 09:28 编辑 ]
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • tangzhehao PJ币 +30 继续努力! 2008-3-1 11:45

TOP

个性修改
1.页码列表部分,如果不对应修改,估计会比较难看,一下子找不到论坛帖子了,附上代码吧。修改替换common\function.asp中的对应部分
复制内容到剪贴板
代码:
'*************************************
'分页函数CWDN.NET样式修改版
'*************************************
dim FirstShortCut,ShortCut
FirstShortCut=false
Function MultiPage(Numbers,Perpage,Curpage,Url_Add,aname,Style)
        CurPage=Int(Curpage)
        Numbers=Int(Numbers)
        Dim URL
        URL=Request.ServerVariables("Script_Name")&Url_Add
        MultiPage=""
        Dim Page,Offset,PageI
'        If Int(Numbers)>Int(PerPage) Then
                Page=9
                Offset=4
                Dim Pages,FromPage,ToPage
                If Numbers Mod Cint(Perpage)=0 Then
                        Pages=Int(Numbers/Perpage)
                Else
                        Pages=Int(Numbers/Perpage)+1
                End If
                FromPage=Curpage-Offset
                ToPage=Curpage+Page-Offset-1
                If Page>Pages Then
                        FromPage=1
                        ToPage=Pages
                Else
                        If FromPage<1 Then
                                Topage=Curpage+1-FromPage
                                FromPage=1
                                If (ToPage-FromPage)<Page And (ToPage-FromPage)<Pages Then ToPage=Page
                        ElseIF Topage>Pages Then
                                FromPage =Curpage-Pages +ToPage
                                ToPage=Pages
                                If (ToPage-FromPage)<Page And (ToPage-FromPage)<Pages Then FromPage=Pages-Page+1
                        End If
                End If
                 MultiPage="<div class=""page"" style="""&Style&"""><ul>"
           'if Curpage<>1 then MultiPage=MultiPage&"<li class=""PageL""><a href="""&Url&"page=1"" class=""PageLbutton"" title=""第一页""></a></li>"
                MultiPage=MultiPage&"<li class=""pageNumber"">"
                if Curpage<>1 then MultiPage=MultiPage&"<a href="""&Url&"page=1"" title=""第一页"" style=""text-decoration:none"">|<</a>"
                if not FirstShortCut then ShortCut=" accesskey="",""" else ShortCut=""
                if Curpage<>1 then MultiPage=MultiPage&"<a href="""&Url&"page="&CurPage-1&""" title=""上一页"" style=""text-decoration:none;"""&ShortCut&"><</a>"
                For PageI=FromPage TO ToPage
                        If PageI<>CurPage Then
                                MultiPage=MultiPage&"<a href="""&Url&"page="&PageI&aname&""">"&PageI&"</a>"
                        Else
                                MultiPage=MultiPage&"<strong>"&PageI&"</strong>"
                                if PageI<>Pages then MultiPage=MultiPage&""
                        End If
                Next
                if not FirstShortCut then ShortCut=" accesskey="".""" else ShortCut=""
                if Curpage<>pages then MultiPage=MultiPage&"<a href="""&Url&"page="&CurPage+1&""" title=""下一页"" style=""text-decoration:none"""&ShortCut&">></a>"
                if Curpage<>pages then MultiPage=MultiPage&"<a href="""&Url&"page="&Pages&aname&""" title=""最后一页"" style=""text-decoration:none"">>|</a>"
                MultiPage=MultiPage&"</li>"
                'If Int(Pages)>Int(Page) Then
                '        MultiPage=MultiPage&"<li>...</li><li><a href="""&Url&"page="&Pages&aname&""">"&pages&"</a></li>"
                'End If
                'if Curpage<>pages then MultiPage=MultiPage&"<li class=""PageR""><a href="""&Url&"page="&Pages&aname&""" class=""PageRbutton"" title=""最后一页""></a></li>"
                MultiPage=MultiPage&"</ul></div>"
'        End If
FirstShortCut=true
End Function
2.最右侧栏目分类列表的高度
高度是根据我自己的博客调整过的,有需要修改的,可在typography.css中修改
引用:
#Side_Category
{
        float:left;
        background:url('bg_sidebar_1.gif') no-repeat;
        width:160px;
        position: absolute;
        top: 62px;
        left: 830px;
        *left: 830px;
        height:240px;
        border:1px solid #e0e0e0;
        padding-top:5px;
}
同时根据上面的高度,修正用户管理模块的top属性,即距离上边框的像素
引用:
#Side_User
{
        background:url('bg_sidebar_1.gif') no-repeat;
        width:160px;
        position: absolute;
        top: 315px;
        *top:318px;
        left: 830px;
        *left: 830px;       
        border:1px solid #e0e0e0;
}
3.如不喜欢栏目列表独立出来显示,可以删除对应的那段CSS,同时修改User模块的高度使之与上面对齐。
4.如觉得文字过小,可修改global.CSS中的对应部分
引用:
body{
        font-size:14px;
    margin:0px;
        padding:0px;
        text-align:center;
        background:#f9f8f7 url('bg.png') repeat-x;
        color:#4E4E4E;
        font-family: Verdana, Arial, Helvetica, sans-serif,微软雅黑,宋体;
}
5.如不喜欢标题栏首字下沉(在IE中,带连接的标题栏效果出不来,FireFox中能有效果,这部分写了稍有不同的CSS),可删除layout.css中的这段内容
引用:
  .Content-top .ContentTitle:first-letter {
    float:left;
        color:#069;
        font: bold 1.6em/1em "楷体_GB2312","微软雅黑";
        *font: bold 1.8em/1em "宋体";
}
6.旧版本中页码列表下边框被吃掉的问题修正方法
修改layout.css中的主内容页数下一行对应内容为:
复制内容到剪贴板
代码:
  .pageContent{margin:-5px 10px 5px 0px;*margin-top:5px;padding-left:3px;text-align:left;height:18px;padding-bottom:3px;}
7.如果不想在评论输入框上面直接显示表情,可在skin文件中的UBB文件中,找到editor.css,找到.UBBSmiliesPanel
替换为
复制内容到剪贴板
代码:
.UBBSmiliesPanel{
background:#fff;border:0px solid #000;text-align:left;padding:1px;position: absolute;visibility:hidden;
}
8.再讲一个地方,先看效果,位置为日志查看页面末尾的评论框

修改也是在editor.css中,我直接发修改过的完整的放一份算了.
复制内容到剪贴板
代码:
#editorbody{
        background-color: #F0F4F6;
        border-width:1px;
        border-style:solid;
        border-color:#ffffff;
}
#editorHead{
padding:2px 6px 6px 6px;
}
.editorTools{

}

.Toolsbar{
        background: url(bar.gif) no-repeat 2px 5px;
        padding-left:8px;
        height:0px;
        float:left;
        visibility:hidden;
}
.ToolsUL{
display:inline;
list-style:none;
margin:0px;
padding:2px;
}
.ToolsUL Li{
float:left;
padding:2px;
}
.ToolsUL Li select{
font-size:13px;
}

.Toolsbutton:link,.Toolsbutton:visited{
border:1px solid #EFEFDE;
width:16px;
height:16px;
display:block;
padding:2px;
}
.Toolsbutton:hover{
background:#C1D2EE;
border:1px solid #316AC5;
}
.Smilie:link,.Smilie:visited{
border:1px solid #fff;
display:block;
padding:2px;
width:24px;
height:24px;
}
.Smilie:hover{
background:#C1D2EE;
border:1px solid #316AC5;
}
.UBBSmiliesPanel{
background:#fff;border:0px solid #000;text-align:left;padding:1px;position: static;visibility:visible;
}
.editorContent{
width:96%;
padding:0px 6px 6px 8px;
*padding:0px 6px 8px 4px !important;
*padding:0px 4px 8px 4px;
text-align:center;
}
.editTextarea{
        border:1px solid #999;
        font-size:12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding:1px;
        height:250px;
        overflow:auto;
    width:100%;
        text-align:left;
}
9.有需要其他地方进行个性修改的,请回帖或在我博客留言,我尽量提供帮助。

[ 本帖最后由 左楠风 于 2008-3-3 13:10 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

支持,好皮
策狼人成长励志管理会所http://icanwin.com,cn
http://icanwin.com.cn
让您创富!

TOP

不喜欢三栏的样式!

TOP

很喜欢,谢谢楼主的分享!

TOP

不错,淡雅
自由视界:http://www.gowebcn.com

TOP

切~~~~  字太小了 看起眼睛不舒服

TOP

回复 7# 的帖子

想改字的大小很容易啊,就一个数字。。。

TOP

内容已补充完整,如有遗漏请指正

TOP

留个脚印,需要过来就用。嘿嘿~~~
二点水blog-www.bingb.com.cn

TOP

 42 12345
发新话题