密码保护:囧,应某人要求

又忍不住拍了许多

桌面一只--百合花开

走过地狱的插图

涂鸦

白菜家新成员

摩登音乐节

艺术,这是艺术

归档于 ‘设计’ 分类

03
十二

解决淘宝装修在firefox下图裂的方法

用table进行淘宝产品描述的装修时,免费模版下,在firefox测试会出现图裂。
造成这个原因的罪魁祸首是淘宝css在body上定义了“line-height:1.5;”,造成img也行距加大。白菜也搜过几个店看过,极个别的店店就没有这个问题,至今没有查出原因。
解决图裂的方法有两种:一是做成一整片图,在table里写成背景;第二种是比较简单的方法,只要在table标签里面加入style=”line-height:0 !important;” 保证药到病除万事ok!

<table width="950" height="1406" border="0" cellpadding="0" cellspacing="0" style="line-height:0 !important;">
<tr>
<td colspan="3">
<a href="http://shop33952879.taobao.com/" target="_blank"><img src="http://www.f-quan.com/taobao/1/index_01.jpg" width="950" height="125" alt="" border=0/></a></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.f-quan.com/taobao/1/index_02.jpg" width="950" height="120" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://www.f-quan.com/taobao/1/index_03.jpg" width="335" height="34" alt=""/></td>
<td width="578" align="right" background="http://www.f-quan.com/taobao/1/index_04.jpg" style=" font-size:14px;">秋冬首选|科蒙博卡|草花纹拉锁开衫</td>
<td>
<img src="http://www.f-quan.com/taobao/1/index_05.jpg" width="37" height="34" alt=""/></td>
</tr>
<tr>
<td>
<img src="http://www.f-quan.com/taobao/1/index_06.jpg" width="335" height="706" alt=""/></td>
<td align="right" valign="top" background="http://www.f-quan.com/taobao/1/index_07.jpg"><table border="0" cellspacing="5" cellpadding="0">
[...]

27
十一

wordpress前台登陆的代码

虽然完全不熟悉函数,不懂程序,看过很多资料拼了拼,终于让我给折腾出来的了。

因案例的注册用户设为投稿者,所以有登陆以后有文章投稿一项;
登陆后显示问候语及头像;
因为案例中没有必要,所以没有为管理员提供更多管理链接,这需要一个判断,我记得水煮鱼的教程里有这段;
头像链接读者资料上填写的主页;

#logform{font-size:12px;height:100px;}
#logform ul ,#logform ul li{list-style:none;}
#logform ul.loginput li{padding:4px 8px;}
#logform ul.loginput #log,#logform ul.loginput #pwd{width:150px;margin:0 5px;}
#logform ul.loginput .button{margin-left:45px;padding:1px 8px;}
#logform ul.loginput a{padding-right:8px;}
#logform ul.avatarpic{width:70px;height:60px;float:left;}
#logform ul.avatarpic a img{border:3px solid #CCCCCC;}
#logform ul.avatarpic a img:hover{border:3px solid #3366CC;}
#logform ul.userlink{width:210px;float:right;line-height:20px;padding-top:20px;}
#logform ul.userlink li a{padding-right:6px;}
<div id="logform">
< ?php if (!(current_user_can(‘level_0′))){ ?>
<form action="<?php echo get_option(‘home’); ?>/wp-login.php" method="post">
<ul class="loginput">
<li>用户名:<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?/>" size="20" /></li>
<li>密 码:<input type="password" [...]

16

仪器产品公司的网页

很久以前的网页设计,当初做了很多稿,拿出来晒晒。这只是其中的四稿变化比较多的。最终的效果跟效果图仍旧差别挺大,无奈。
logo是我换下的,以免有不必要的麻烦。
话说,其实感觉第一稿比较好。

15

服装网站的设计

asp的静态发布程序
静态模版制作
摸索发布系统用了不少时间
设计样品和最终实现还是有不少差别,这是正常的

01

用photoshop的图案制作虚线

在网页上用,其实这个不是很重要,到写html的时候有代码可以直接实现。不过为了给没有想象力的领导看,常常有人会需要一笔一笔的画,然后复制,单线还可以,box的线框就苦了设计师了。
于是白菜把白菜的方法共享一下,使用图案来做各种宽度的虚线。不过可惜的是,这种方法的尺寸只适合小像素细线,看来也就网页上能用到了。

    订阅

    其他

    RSS 黑板报专用通道

    最近评论

    RSS 女人时尚

    功能