竖排分类导航的css写法

15.05.11 / 实践 / Author: cutecool / Comments: (0) / 被看了 497 次
Tags:

 

我所谓的分类导航是例如vancl的这类东西

 

但我又看到有网店用了这样子竖排的

很美貌的样子

但淘宝店一般都是table+图片大法堆起来的，而我只会手写代码对table套tdtr的就从来没弄清楚过，能躲就躲

所以希望用<ul><li>这种常规列表做这个导航

html的部分是这样的，看似很长，但主题思想就是有点儿不太规范的<li>里面再套<ul>

<div class=”category”>
<ul>
<li>
<h4><a href=”category-137-b0.html”>济南装修设计施工</a></h4>
<ul>
<li><a href=”category-138-b0.html”>按风格分类</a></li>
<li><a href=”category-149-b0.html”>现代简约</a></li>
<li><a href=”category-150-b0.html”>中式风格</a></li>
<li><a href=”category-151-b0.html”>田园风格</a></li>
<li><a href=”category-152-b0.html”>简欧风格</a></li>
<li><a href=”category-156-b0.html”>新中式</a></li>
<li><a href=”category-157-b0.html”>雅致主义</a></li>
<li><a href=”category-158-b0.html”>新古典主义</a></li>
<li><a href=”category-159-b0.html”>地中海风格</a></li>
<li><a href=”category-148-b0.html”>住窝装饰在建工地</a></li>
</ul>
</li>
<li>
<h4><a href=”category-139-b0.html”>按实景、效果分类</a></h4>
<ul>
<li><a href=”category-154-b0.html”>装修实景照</a></li>
<li><a href=”category-155-b0.html”>装修效果图</a></li>
</ul>
</li>
<li>
<h4><a href=”category-82-b0.html”>橱柜</a></h4>
<ul>
<li><a href=”category-83-b0.html”>橱柜</a></li>
<li><a href=”category-97-b0.html”>水槽及厨龙</a></li>
<li><a href=”category-84-b0.html”>厨房电器</a></li>
<li><a href=”category-90-b0.html”>灶具</a></li>
</ul>
</li>
<li>
<h4><a href=”category-85-b0.html”>地板</a></h4>
<ul>
<li><a href=”category-87-b0.html”>实木地板</a></li>
<li><a href=”category-86-b0.html”>实木复合地板</a></li>
<li><a href=”category-99-b0.html”>强化复合地板</a></li>
</ul>
</li>
<li>
<h4><a href=”category-100-b0.html”>瓷砖/地砖/墙砖</a></h4>
<ul>
<li><a href=”category-101-b0.html”>地砖</a></li>
<li><a href=”category-102-b0.html”>墙砖</a></li>
<li><a href=”category-103-b0.html”>马赛克</a></li>
</ul>
</li>
<li>
<h4><a href=”category-133-b0.html”>定制木工产品</a></h4>
<ul>
<li><a href=”category-134-b0.html”>整体衣柜</a></li>
<li><a href=”category-126-b0.html”>移门壁柜</a></li>
</ul>
</li>
<li>
<h4><a href=”category-124-b0.html”>家具</a></h4>
<ul>
<li><a href=”category-130-b0.html”>沙发</a></li>
<li><a href=”category-131-b0.html”>实木家具</a></li>
<li><a href=”category-127-b0.html”>板式家具</a></li>
</ul>
</li>

</ul>
</div>

而css的部分调的时候觉得很麻烦，最后的结果倒是非常简单。题外话，这也是我对css始终保持热情的原因，很像做几何题，过程艰辛答案简洁且有成就感。

 

其他部分都不重要，关键是外面的那层<li>

.category ul li {
float: left;
width: 170px;
min-height: 100px;

}

 

一行行分解配图注释好了，这也是我碰到并依次解决问题的步骤（增四有耐心的好老师~）

 

1.        float: left;      —————–>既然要排排站肯定是要左飘浮了

飘完了是上面这个死样子，都挤到一起，还长短不一

 

2.        width: 170px;—————>那就指定宽度让大家不要挤得这么密吧

问题似乎解决了呢，但还是因为高度不一致，导致第二排的li飘到一半给挡住了，比预想的多出了一行

 

3.              min-height: 100px;——>那就给li们指定高度吧，但也不能把分类多的li硬是砍半截啊，如果统一指定height无疑会发生这种情况，所以加一个min，指定最小高度，就是说不得少于这个高度，高个的可以尽管长不用客气
tada~完工~剩下的就是美化工作了， 以及适当调整分类数量让高度更和谐，就不一一赘述了~

discuz用php做301跳转

13.05.10 / 实践 / Author: cutecool / Comments: (0) / 被看了 376 次

我的顶级域名http://www.51zhuwo.com本来是直接放discuz论坛的，后来又加了套ecshop商城，根目录就换成了ecshop，论坛移到了bbs子目录里，这时候原来的链接就要做301永久定向
除了在.htacess文件里面写好那一套ooxx的东西，这个是常见的就不罗嗦了（其实是我在偷懒），但是光用这个rewrite得到的结果就是在搜索引擎里搜到老链接，会从http://www.51zhuwo.com/thread-4446-1-1.html这样的链接点进来，虽然文本内容和css都能读出来，但是图片不显示，这是因为图片基本都是相对链接，具体原理其实也很简单，我就单陈述下这个问题的状况，不用长篇大论的屁话绕晕看客了（其实我又偷懒了）。
总之，单单用.htacess是不灵光的，这个时候要果断地用到php跳转，就是在discuz的viewthread.php里加上这一段

if(stripos($_SERVER['REQUEST_URI'],'bbs') == false)
{
header('HTTP/1.1 301 Moved Permanently');
header("Location: bbs/thread-$tid-1-1.html");
exit();
}

写完之后发现没有阐明我这个做法的实际意义，明天有空再改好了-.-

ecshop根据关键字(标签)调用商品

25.02.10 / 实践 / Author: cutecool / Comments: (0) / 被看了 288 次
Tags: ,

其实shopex本身就有这个功能，但是ecshop居然没有，在首页调用商品只能通过新品、精品、热卖、促销这四种方式，如果你想搞一个5排以上的首页出来那基本没戏，更不用说像我目前面临的双首页（网站首页和商城首页），根本不够用。ecshop千差万差好在有一点——能改，所以我很少骂它，不爽的时候会归结于自己无能。言归正传，直接写方法：

1.  在/includes/lib_goods.php里加上这段：

/**
* 根据商品关键字调用商品
*
* @access  public
* @return  array
*/
function get_keyword_goods($keyword = '')
{
$time = gmtime();
$order_type = $GLOBALS['_CFG']['recommend_order'];
$sql = 'SELECT g.goods_id, g.goods_name, g.goods_name_style, g.market_price, g.shop_price AS org_price, g.promote_price, ' .
"IFNULL(mp.user_price, g.shop_price * '$_SESSION[discount]') AS shop_price, ".
"promote_start_date, promote_end_date, g.goods_brief, g.goods_thumb, goods_img, b.brand_name, " .
"g.is_best, g.is_new, g.is_hot, g.is_promote, RAND() AS rnd " .
'FROM ' . $GLOBALS['ecs']->table('goods') . ' AS g ' .
'LEFT JOIN ' . $GLOBALS['ecs']->table('brand') . ' AS b ON b.brand_id = g.brand_id ' .
"LEFT JOIN " . $GLOBALS['ecs']->table('member_price') . " AS mp ".
"ON mp.goods_id = g.goods_id AND mp.user_rank = '$_SESSION[user_rank]' ".
'WHERE g.is_on_sale = 1 AND g.is_alone_sale = 1 AND g.is_delete = 0 ' .
" AND g.keywords LIKE '%$keyword%' " ;
$sql .= $order_type == 0 ? ' ORDER BY g.sort_order, g.last_update DESC' : ' ORDER BY rnd';
$result = $GLOBALS['db']->getAll($sql);
$goods = array();
foreach ($result AS $idx => $row)
{
if ($row['promote_price'] > 0)
{
$promote_price = bargain_price($row['promote_price'], $row['promote_start_date'], $row['promote_end_date']);
$goods[$idx]['promote_price'] = $promote_price > 0 ? price_format($promote_price) : '';
}
else
{
$goods[$idx]['promote_price'] = '';
}
$goods[$idx]['id']           = $row['goods_id'];
$goods[$idx]['name']         = $row['goods_name'];
$goods[$idx]['brief']        = $row['goods_brief'];
$goods[$idx]['brand_name']   = $row['brand_name'];
$goods[$idx]['goods_style_name']   = add_style($row['goods_name'],$row['goods_name_style']);
$goods[$idx]['short_name']   = $GLOBALS['_CFG']['goods_name_length'] > 0 ? sub_str($row['goods_name'], $GLOBALS['_CFG']['goods_name_length']) : $row['goods_name'];
$goods[$idx]['short_style_name']   = add_style($goods[$idx]['short_name'],$row['goods_name_style']);
$goods[$idx]['market_price'] = price_format($row['market_price']);
$goods[$idx]['shop_price']   = price_format($row['shop_price']);
$goods[$idx]['thumb']        = get_image_path($row['goods_id'], $row['goods_thumb'], true);
$goods[$idx]['goods_img']    = get_image_path($row['goods_id'], $row['goods_img']);
$goods[$idx]['url']          = build_uri('goods', array('gid' => $row['goods_id']), $row['goods_name']);
}
return $goods;

2. 在需要调用商品的页面php文件（一般是index.php)里在  assign_dynamic(‘index’); 之前写上这段

/*指定关键字的商品*/
$smarty->assign( 'keyword_1',      get_keyword_goods('商城首页'));

其中，商城首页是我在商品的“其他信息”-“商品关键词”一栏中填写的用于调用的关键词

3. 在需要调用商品的dwt或lbi中用foreach就可以调啦

<!--{foreach from=$keyword_1 item=goods}-->
<!--{/foreach}-->

shopex搬家（迁移）会员无法登录，数据库设置哪里改

19.12.09 / 实践 / Author: cutecool / Comments: (3) / 被看了 354 次
Tags: ,

关于搬家的具体步骤就不写了，有人都写过了，说说可能碰到的一个问题，就是搬完之后后台管理员能登录但会员无法登录。

出错信息如下：

  • Warning: mysql_connect() [function.mysql-connect]: Access denied for user ‘xxxx’@'localhost’ (using password: YES)/core/lib/uc_client/lib/db.class.php:26

    • Can not connect to MySQL server

    Access denied for user ‘xxxx’@'localhost’ (using password: YES)

    1. shopcore::shutdown()

    从出错信息里能看出来是旧的数据库名和密码还在，设置没改过来，无法跟Ucenter通讯，但是/config/config.php里已经都改好了，那这个旧的设置藏在哪里呢？

    翻了一大圈，最后发现是在“商店配置-第三方整合-Ucenter1.0/1.5”里，这里改过来就能正常用了。

    Discuz7.0礼品兑换插件安装使用感受及改进建议

    09.09.09 / 实践 / Author: cutecool / Comments: (0) / 被看了 305 次
    Tags: , ,

    快速查错请参考：

    1.utf-8论坛安装时乱码，用浏览器自带的查看字符编码调成utf-8就可以。

    2.不能申请礼品，添加礼品时须填写库存数量，否则看不到申请礼品时需填写的各项内容。

    3.设置其他帐号为礼品管理员要填写用户ID数字，而不是用户名。

    4.如果错误地将礼品管理员设置成用户名，会出现查看权限管理权限倒置的情况，比如未登录用户可管理插件，请找到最初的forumdata/cache里的cache_gift.php，用原始文件覆盖（下载稍后补上），覆盖后如果页面走样需要重新安装插件。注意：重新安装插件会导致礼品清空。

    以上是我安装使用过程中遇到的问题，以下是安装过程流水帐，最后会有几句改进建议：

    因为最近想给我的济南装修论坛搞点儿积分换礼品的活动，凑巧看到别的论坛挂上了新插件叫“礼品兑换”，搜了一下还真有，就是这位李魁设计的礼品兑换插件，上个月底刚刚更新过，太好了，麻溜儿用起来。

    插件做得挺不错的，下载迅速安装简单，但是安装过程中有一点儿小瑕疵。我的论坛编码是utf-8的，所以下载的时候特别注意下载utf-8专用的，可是安装页面上还是显示乱码，用Firefox调整了查看字符编码的方式之后倒是能正常显示。估计是页面转成utf-8的时候页面属性默认的还是GBK，造成了这种情况。

    装的过程有一步是填写礼品管理员的IDS，我填上了管理员的用户名。

    装好之后先添加个礼品试一试，随便填了个名字就提交了，换个帐号申请一下，点击申请之后没反应住窝网 – 济南装修网站|济南装修论坛|装修济南|济南装饰装修，出现以下错误提示：

    Warning: Division by zero in /www/users/51zhuwo.com/gift.php on line 204

    试了半天发现是因为没有填写库存数量，填写之后就会出现正常的填写姓名地址等表单。

    本来到这儿就没事儿，但我看到插件说明里提到说可以用多个帐号管理，就想加几个管理员试试，一试不要紧试了之后坏了，管理员帐号看不到管理页面，未登录用户倒能看到了。

    我立马慌了，看到李魁blog上有本人联系方式，赶紧加了qq咨询，没想到回复得相当快（真是好人哪！），说是要修改cache里cache_gift.php文件，但没来得及告诉我怎么改，我就一时手贱想说cache出问题那就清cache好了，把cache文件夹删光光，好么，这下插件页面都打不开了…说插件没安装，想重新安装也打不开install页面。还好李魁又传了一个cache_gift给我（太感人了！），覆盖上，页面还有点儿怪，上面多出一行背景色的条子，重新装了一遍插件，恢复正常鸟～～真happy～

    顺手提一些改进建议吧：

    1. 安装文件编码规范化

    2. 添加礼品时库存数量设为必填

    3. 礼品管理员添加的框子旁边标明填的是ID数字，不是用户名

    4. 提醒用户重新安装插件将导致礼品清空

    5. 不知道礼品数据是否可以被论坛默认备份所备份，如果不可以的话提醒用户自行备份礼品介绍等数据。

    6. 删除礼品时没有提醒，如果误点击礼品将被直接删除，建议删除时弹出确定窗口。

    7. discuz论坛在需要安全更新时可能会要求站长清空cache文件夹，提醒使用了礼品兑换插件的站长，在清空前备份cache_gift.php文件，以便覆盖恢复

    暂时想到这么多，以后有再补。

    豆瓣网和开心网推广效果比较

    12.08.09 / 实践 / Author: cutecool / Comments: (0) / 被看了 246 次
    Tags: , , , ,

    几天前在自己论坛上发了个帖子《日本人又变态啦，发明超恐怖鬼故事卫生纸》，同时在豆瓣和开心上做了一下推广，正好可以比较一下效果。

    选择此贴测试的理由

    首先可以保证这个帖子比较新鲜，不是那种千万人看过转过tooold过的老贴。

    第二这个帖子比较吸引眼球，不是那种看了标题绝对会路过的帖子。

    第三这个帖子有两张图，其中一张可以做回复后才能查看隐藏内容的诱饵，比较容易吸引点击。

    推广方式

    豆瓣发在了有10万人的冷笑话小组，开心发在了自己的转帖里并发送给自己的全部好友（数量较少100左右）

    测试结果

    ● 浏览量

    豆瓣无法估计，因为点击量比较高且无意义后来就没有再顶到首页了，保守估计1000人观看

    开心212次

    ● 入站ip量

    豆瓣300左右，开心0

    因为豆瓣不能发图，只能发链接，对恐怖卫生纸感兴趣的人基本都会点链接看图。

    开心里可以贴图，所以贴了一张，并将隐藏内容放在链接里，没人点，开心众比较淡定啊…

    总结

    在付出同等努力的前提下，豆瓣的效果更好。没有刻意的广加好友与前期铺垫，豆瓣可以来了就发发了就走，开心最起码要加上千好友才有同样效果。

    另外不负责任预测，即使是开心上那些转帖达人的推广也不一定非常有效。目前开心上流行的帖子都是夸张化震惊派的，用户来了看了震了走了，然后返回首页继续找震点，过于娱乐化。要想转帖多，就要够劲爆，一旦劲爆内容都供给开心了，用户就没动力点你的链接再看一步了。开心根本上是个SNS，以人为传播节点，不像豆瓣的小组，仍算是BBS，以内容为传播节点。这是造成传播难的根本原因。

    也许开心也存在某个推广的G点，但我还没摸到，如果有深有心得的朋友，还望不吝赐教。

    一点备注：本文言论针对处于推广的初初级阶段的小虾米网站，已经有众多粉丝一呼百应的大站绝不适用，请勿见笑，谢谢合作。