【photoshop】PS合成梦幻的天使骑士

本文章介绍合成的效果非常的精美,不管是色彩及细节处理都可以说是非常完美。唯一不足的是不是本人原创是按照国外的大师模仿做出来的。不过大家可以领略一下国外大师的创作意境及高超的技术。  最终效果 素材图 1、新建一个宽1700*2400像素,300 PDI的新文件,命名“出征的骑士”。 2、打开哥特式大门素材,拖入刚才新建的“出征的骑士”文件中,Ctrl+T调整图片的大小,摆放到合适位置。 3、执行滤镜――锐化――锐化 4、用你知道的方法将门抠出来,我用钢笔工具结合蒙板工具抠出的,如图,并给图层命名“门”,注意:门下面的台阶部分要保留。 5、打开云彩素材,拖进“出征的骑士”文件,命名“云彩”,Ctrl+Alt+G创建剪贴蒙板,由于云彩图层高度不够,所以复制一层,得到“云彩副本” 6、给“云彩副本”添加蒙板,设置前景色为黑色,选择渐变填充工具,前景到透明,在“云彩副本”蒙板上由下向上拉出如图效果。 7、打开骑士素材并抠好,拖进“出征的骑士”文件,放在门图层上面,命名“骑士”。 8、给骑士图层添加图层蒙板,用黑色软画笔把马脚部分稍微擦掉一点。 9、现在我们来给骑士添加光照和阴影,创建曲线调整层,Ctrl+Alt+G创建剪贴蒙板,如图。 10、选择曲线调整层蒙板,填充黑色,用白色的软画笔给骑士加上光照效果,注意光影,高光部位都要涂到哦。 11、再次创建曲线调整层,Ctrl+Alt+G创建剪贴蒙板,如图。 12、选择曲线调整层蒙板,填充黑色,用白色的软画笔给骑士添加阴影,暗调部分都要照顾到。 添加高光和阴影前后的对比。 13、打开翅膀素材,选择你喜欢的翅膀,拖进“出征的骑士”文件,Ctrl+T调整翅膀的大小,并移动到合适位置,添加图层蒙板,用黑色软画笔把多余部分擦掉,并命名“翅膀” 14、现在我们来调整一下翅膀的颜色,创建曲线调整层,创建剪切蒙板,如图。 15、创建亮度/对比度调整层,创建剪切蒙板,如图。  16、选中亮度/对比度调整层蒙板,用黑色的软画笔修饰一下翅膀。 17、打开盾牌素材并抠好,拖进“出征的骑士”文件,Ctrl+T调整盾牌的方向和大小,并移动到合适位置。 18、打开剑素材,拖进“出征的骑士”文件,Ctrl+T调整剑的方向和大小,移动到骑士图层下面。   19、现在骑士部分已经完成了,效果如图。 20、新建一个图层组,命名“骑士”,选中所有图片拖入“骑士”组中。 21、为“骑士”图层组添加图层蒙板,用50pX的黑色软画笔,设置不透明度60%,在翅膀周围和马脚部分涂抹一下。 22、现在我们来给“骑士”组添加阴影,右键点击“骑士”组,转换为智能对象,此时在图层面板上“骑士”组变为一个图层智能对象图层,如果你想对“骑士”组进行编辑,可以双击智能对象层,会出现一个新的文件,编辑完成保存(不是另存为),新的改动将应用于智能对象。 23、按Ctrl键点击“骑士”图层得到选区,新建一层,命名“影子”,填充黑色,取消选区 。 24、执行编辑――变换――垂直翻转,移动到马腿的下面 。 25、执行编辑――变换――扭曲,按住Shift键选择下方中间的节点向左移,做出适合光影的阴影效果。 26、选择“影子”图层,执行滤镜――模糊――高斯模糊,数值2像素,并改变图层不透明度为50%,并拖到“骑士”图层的下面。 27、选择“薄雾”图层,添加图层蒙板,填充黑色,设置前景色为白色,选择一个150px,不透明度70%的画笔在蒙板下方涂抹。 28、现在我们要创建三个调整图层,一定记得每个调整层都要创建剪贴蒙板哦,创建亮度/对比度,Ctrl+Alt+G创建剪贴蒙板 。 创建渐变映射调整层,设定颜色从左至右依次为:#161d1c/#322402/#6a5728/#fffbf3,设置不透明度40%,Ctrl+Alt+G创建剪贴蒙板。 创建色彩平衡调整层,设置中间调数值如下图,设置高光数值如图,Ctrl+Alt+G创建剪贴蒙板。 效果: 29、新建一个图层,载入光线笔刷,命名:“射线”,设置前景色为白色,选择一个光线笔刷,放置在合适位置上,添加图层蒙板,适当修饰一下。 30、新建一个图层,载入羽毛笔刷,设置前景色为白色,选择几个笔刷,分别命名:“羽毛”,摆放如图,创建组,命名“羽毛”,把五个羽毛图层,拖入羽毛组。 31、现在我们做最后的调整创建曲线调整层,设置如图,选择100px,黑色的软画笔,设置不透明度75%,在蒙板上画出射线的效果。 32、创建色彩平衡调整层,设置这层不透明度为50%。 33、创建亮度/对比度调整层,压暗,用黑色的软画笔,不透明度100%,在蒙板上涂抹如图。 34、创建照片滤镜调整层,颜色为:#5c6f85。 35、创建亮度/对比度调整层,设置数值如下图,填充蒙板为黑色,用白色的软画笔,在蒙板上涂抹如图。 36、创建曲线调整层,设置如图。          

【photoshop】Illustrator制作唯美网站主页效果图

这篇教程教是我无意间看到一网友用Illustrator制作唯美网站主页效果图,我感觉不错,不知道大家感觉怎么样?教程难度中等。需要学习者具备一定的基础。同时这里说明一下,目前网页效果图大多是在PS里完成的。用AI的好处相信不需要我多说了。先来看看最终的效果图吧:                         

【photoshop设计理论】浅谈如何训练标志的设计能力

如果我们看到一个很酷的标志图形或字体就模仿着做一个,说明我们没有掌握标志整体的设计思路及方法,那么我们的设计能力将提高的很慢。 我们必须有针对性的训练,在掌握标志设计整体的思维框架下,来有目的的锻炼自己的设计能力。 标志设计里的能力包含哪些? 标志设计就是极致的视觉符号设计,符号是用来传达信息的,标志符号就是用来传达客户(品牌,组织,活动竞赛等)的信息。 我们按照标志信息的视觉传达过程,可以将标志设计按阶段来划分,分别指出每个阶段需要用到的能力,这里以品牌标志来说明。 三个阶段的能力分别是: (一)说什么的能力 (二)怎么说的能力 (三)怎么表现的能力 (一)说什么?(标志的定位概念)—-市场调查及品牌定位策划的能力 我们设计标志的过程就是要,先寻找到客户要通过标志传达给消费者的信息,无论是什么样的标志信息概念就是三种模式“我是谁,我是做什么的,我做的怎么样”,寻找出这个信息概念是标志设计的前提,属于调查和策划的能力范畴,一个标志有时候只是简单传达“我是谁” 有的需要传达出“是做什么的(或什么行业)”,现在为了品牌竞争,品牌标志都需要传达“我做的怎么样” 这个“怎么样”就是品牌的定位,是品牌的差异化概念,比如在洗发水品牌里,飘柔的品牌定位信息概念是“柔顺”,潘婷的就是“滋养”,海飞丝的就是“去屑”,我们标志设计的第一步最难就是找这个差异化,一个具备明确品牌竞争意识的和实力的新品牌,都是需要先进行品牌策划,更具自己的品牌战术战略,找到明确的品牌定位概念,才开始设计标志。反过来说,如果这个品牌定位需要标志设计师来设计,那么这个标志设计师其实必须具备品牌设计师的能力,他/她必须同时具备品牌策划和品牌设计的能力,往往这些都是有公司分开处理的,单纯的品牌标志设计一般事先都有定位了,如果没有,说明这个老板没有品牌意识,设计师也是随便给个“定位”就混过去了,上篇文章我们已经说过,这并不能算是有效的定位。 (二)怎么说?(标志的创意概念)—-信息概念的表述能力 有了定位,知道要说什么(传达什么)之后,需要的是设计师讲故事的能力了,怎么说(怎么传达这个定位信息概念),才能吸引目标消费群的注意,让他们乐于接受并且有效记忆,这就是我们所谓的标志创意/标志概念。 同样的一个信息概念,我们可以直接表达,也可以间接表达,可以直接描绘,也可以侧面的比喻,还可以夸张幽默,针对理想的消费群使用理性的交流方式,针对感性的消费群多采用感性的表达方式,这都是建立在标志设计师对消费群的沟通方式喜欢的把握之上。要考虑信息本身的特征,更要结合受众的交流方式,潮流,媒介等等都是要分析的。这同一个导演拿到剧本,决定怎么拍是一样的,所以把这个能力叫做“讲故事”的能力。这部分内容我前面的文章有些介绍,可以参见《标志概念的提炼方式》 很多设计师在设计标志时,是没有这一步的,很多标志概念,都是在最后才形成,这主要是因为在做标志时,很多人是上来就是从品牌名称,首字母,理念等切入点来发散思维列出视觉符号了,然后组合得到标志方案了,这和我们上面说的这步出来的结果有和不同呢? 最大的不同来自,我们是否将标志设计当做是在传达一个信息,如果是在传达一个信息,那就要考虑表述的方法,上来就直接根据名称,特征寻找符号的人,就少了很多思路。比如在我们第一篇里举得例子 纽约和杭州的城市标志,不仅仅是图形上的不同,更是信息表述方式(沟通方式)上的不同,这就是需要第二步来创意的,单纯的根据品牌名称来发散思维寻找符号,很难联想到“I LOVE NY"的心形符号,可能更多的是纽约街道,纽约的标志性建筑物,等等,这个符号集属于不同的发散角度,它们的关系,如下图所示: 每个概念下所联想出来的符号集都不同,如果单纯的从客户(品牌)名称理念入手,其发散是思维也会少很多。 (三)怎么表现?(标志的图形字体)—-图形符号及文字符号的调整构图及信息编码能力 有了标志概念,下面就是表现,表现就意味着需要寻找符号来表达信息,我们做标志时都知道,利用思维导图,发散思维寻找更多的符号,符号寻找的越多,将来标志方案越多,如果你加上前面标志概念创意(怎么说)的一步,意味着你能找到更多的符号集。 在发散时用到的是发散思维能力,这需要设计师经常锻炼自己的发散思维,保存很好的思维发散水平。很多人发散几步就发散不下去了,一是练得少,另一个原因是,对事物和符号的分析能力不够,由一个事物联系另一个事物时,如果想不下去,就分析其属性,物理的,结构的,社会属性的,把每个自己了解的每个方面的性质都分析一下,就可以根据而这些性质联系到相同性质的符号了,比如,你由一个动物联想,如果只盯着动物属性,下一步只能联想到动物,分析其物理的,空间的,历史事件的等等都可以打开联想思路,例如,大象–如果只按动物属性,下面可能就会想到动物院里的其他动物了,但是,如果你把其特征功能划分出来,就可以想到很多,鼻子喷水–洒水车,体重庞大–起重机,历史典故–曹植/瞎子盲人,社会关注(象牙重要性)–猎人/艺术品/奢侈品等。或者按照符号的性质来分析发散,指示符号,相关符号,象征符号的类型,也可以打开思维,比如大象的是什么的象征符号,中国有“象”与“祥”的谐用,太平有象,吉祥如意,等等符号中都有用到大象,如果根据相关符号关系联想,又有很多,时间关系–猛犸–冰河世纪、空间关系–非洲、泰国、马戏团、因果关系–(因为其力气大,才等搬运工)大力士,你还可以反向思维–个大但灵活–还有大象足球啊,个大胆不大–怕老鼠啊,等等等等。符号发散是最后标志方案多少的关键,少于5步的可能都被用过了,所以很多人说否定自己的前三个创意,因为别人都用过了。 得到符号后,如何选择合适的符号,这里用到的是收敛思维和符号关系的把握能力。整理出符合信息概念,行业,消费群及使用习惯的符号,依据符号的语义关系及语用环境来分析那种符号适合那种标志概念,是否适合消费群体。这些都是分析挑选符号的依据。 以上是在图形构图之前,设计师需要做的事情,下面说说图形符号及文字符号的调整能力。 无论我们上面如何去创意,到最后我们设计师要在电脑里处理的无外乎图形符号与文字符号。我们把文字符号也看成图形符号,因为在标志里,我们是把文字当成图形去调整的。 最终按照图形符号的分类,我们设计的标志图形就是具象概念符号(文字符号归在具象符号里,原因在前面的文章中讲过)和抽象感觉形式两种,我们最后的标志方案也是有这两种类型的符号组合出来的。 我们发散思维得到的符号集里只有这两类符号,一个是具象感念的符号,比如一个面包,一个玫瑰,我们可能需要它们来表达行业属性或品牌定位等信息,还一种是抽象感觉形式,注意不是抽象图形(三角形,四变形等),这里说但是感觉性的描述的词语,因为在前面符号联想时,你可能会联想到一种感觉,比如轻快的,热闹的,犀利的,团结,辉煌,等等,这些词语也属于发散思维符号集,它们不是具体的事物符号,但是却可以通过单纯的形式和色彩来表现,所以叫做“抽象概念形式”(记住,形式不是形态,色彩,质感等里面也叫做形式,形式就是张力的组合方式,色彩有色彩张力(形式)质感有质感张力(形式)。 具象概念符号 抽象感觉形式 所有最终的标志都是由以上两“类”符号组合起来的,两两组合就得到了下面三种类型。 1) 具象概念符号 + 具象概念符号 2) 具象概念符号 + 抽象感觉形式 3) 抽象感觉形式 + 抽象感觉形式 针对第一类:1)具象概念符号 + 具象概念符号 常用图像编码方式: 通过视觉图形同构手法构造符号关系,来传达语言信息 表现方式: 图像信息的传达,是通过关系来传达的,人们在解读图形关系的时候得到信息,它不同于语言信息,语言信息有前后时间上的逻辑,而图像信息的解读是任意的,没有前后顺序,往往有很多种解释。 把握关键: 品味常用的视觉构形手法所适合表达的关系,找到适合标志信息的关系,我把标志构形手法大致分成以下12种: 就算是具象文字符号的设计(一个文字符号加一个具象图形符号)我们也可以使用这12中方法:如下图: … Continue reading “【photoshop设计理论】浅谈如何训练标志的设计能力”

【photoshop】成为一个顶级设计师的八大秘诀

如何成为一个设计专家?这个过程很难吗?没有设计天份也可以做到吗?这些可能是想从事设计工作的人心中共有疑问。Purin在Pluse中发表了一篇博文《Design Secrets for Engineers》,文中表示他也曾是一个对设计很不灵通的人,后来听取了从事图形设计的朋友的一些建议,几年后,他成功地成为了一名设计专家。他将这些经验总结成为八点并在文中分享。下文是对该博文的编译。 如果你是一个像我一样的设计师,你所设计的作品首先要美观。这一点可能会触动你的自尊心,让你以为设计者需要有一种超能力,这种能力足以把整个世界变得更加美好。 如果你是一个工程师,你可能想知道这些设计师为什么会有如此大的力量呢?这是遗传的吗?是因为设计类院校传授给了他们顶级的设计秘诀吗?再或者就是他们和魔鬼进行了交易,用他们的眼睛换得了设计灵感? 现在我带了一些好消息:工程师不需要为了提高视觉设计能力而去寻找什么灵丹妙药。我十分确信,好的设计能力如学骑自行车、弹钢琴一样,是可以后天练成的。如果你练习的足够多,你的设计能力就会越来越好。一旦你完全掌握了它,该技能就不会退化。说这些,是因为我曾经的设计能力也十分糟糕,后来我从事图形设计的朋友给了我一些建议,几年后,我可以骄傲地说我已经是一名设计专家了。今天我希望和你分享这些建议。前五个建议更适合于视觉设计,而后面的三条比较适合于交互设计。 1.把设计元素排在一条直线上 这条是所有图形设计规则的基础。除非你想再创造一副蒙娜丽莎的伟大作品,否则请把所有设计元素放在一条直线上。我们的大脑更喜欢这样的方式。这种设计风格被称为网格系统,它可以把更多的事物放在同一条直线上。幼儿园的儿童都能够做到,我们这些成年人同样可以做到。 2.设计空白区域 如果你和15个人挤在同一个电梯中,你肯定会感到呼吸困难……尤其当某个人放屁后。当你设计一个层或者UI界面时,不要试图把太多的元素硬塞到一个页面中,随意再增加一个元素都可能破坏整体的视觉效果。适当留一些空白,给眼睛留有呼吸的时间。我通常会在元素之间留有一些空白区域,确保元素之间不会离的太远,也不会离得太近。 3.用设计者的字体 在设计的世界里有好字体也有坏字体。好字体(像 Gotham, Trade Gothic Bold Condensed和Garamond)可以让人的眼睛愉悦,它会给你带来一种在海滩上喝清凉鸡尾酒的爽快感觉。而坏字体就像眼屎一样,令人厌恶。尽量避免使用高优先级的默认字体,像Impact、Curlz和Comic Sans。如若你必须使用一个提前置入的字体,Helvetica和Georgia这两种字体可以优先考虑——这是两种经典的字体,已经过充分改进。如果你想要一种可以在Web上表现突出的设计字体,可以尝试一下Typekit。……但请不要用WordArt。 4.保持设计的连贯性 在你的设计中,不要用两种以上的字体和三种以上的颜色。要保持整个设计草图的一致性。在我们绘制一个元素时,首先停下来思考一下,让它和整个设计保持一致性。还有一点,我们不要试图拉伸Logo和图像。想象一下,如果某人把你的脸横向拉长了5%,这样还会好看吗? 5.不断从视觉上进行检验 我并不认识你,但我做饭时,我总会不时地尝一尝,以确保我放的调料用量合适。当你设计时,也要不时地检验一下。经常审视一下你的设计屏幕。你首先看到的是什么?其次看到的是什么?再者呢?同样在十步以外再看一下这个设计屏幕。无论你信还是不信,设计师只要照着做就可以保持设计的正确性。它也可以帮你避免增加一些不必要的细节和按钮。 6.设置优先级 我们应该分别把重要的事和不重要的事分别列出来,这样可以节约你很多精力。 7.检验UI的人性化设计 一个UI界面之所以会成功,多是因为在人们首次看到它时,它可以带来一种很舒服的感觉。在你开始设计之前,先自问一下你设计的每个元素具有什么样的人性化特点。如果这个UI重新被设计,它会带给人什么样的感受? 8.使用Keynote 我喜欢使用Keynote。Keynote可以使所有元素处于同一条直线上,可以很容易地美化所有元素。如果没有这个神奇的程序,我不知道是否还在别的方法可以帮助我走到今天。除了可以使幻灯片转化成一个个小窗口外,它还可以使UI界面看起来更加流畅。可以搜索一下“Keynote mockup templates”这个关键词,你可以找到很多关于快速简易构建美观原型应用的方法。       除这些这外,请留意其他方法。自信往往导致“你永远是正确而其他人都是错误”的想法。但仍要承认一点:你不一定永远正确。  你不可能一夜之间变成一个超级设计者,你需要经过实践,同时要相信自己可以做得很好。最后请再次重复一次“我也可以成为一个设计专家”——最终你将梦想成真。  

【photoshop】平面设计师须知

平面设计具有良好的发展前景,只要有市场,就需要广告宣传,就需要广告设计师;只要有读者,就需要报刊、杂志、书籍,就需要美术编辑;只要有交通,就需要户外广告宣传,路牌、站牌、尤其是开通地铁,更多的地下站台和广告需要更多的广告公司和从业人员。     21世纪是信息时代,随着中国经济的不断发展,平面设计专业人员的社会需求量越来越大,发展十分前景看好。据报道:北京申奥成功后,未来8年人才需求量第二位的职业就是多媒体广告业。目前,广告业、建筑装饰业、影视业、印刷制版业对人才的需求十分旺盛。   目前做平面设计这行市场竞争虽然不小,但收益同样不少。一家运营良好、有一定客源的工作室,每月上万的收入不在话下。重要的是,平面设计工作室规模小、人数少,甚至可以不用门面,因此,相对而言属于收益较大的创业项目。其运营范围包括做灯箱、户外广告,报纸、杂志上的平面广告、刊物封面、海报等等。   据业内人士介绍,目前很多广告公司都放弃设计部门,将广告设计的任务外包。大多放给一些独立的平面设计工作室做,而广告公司如果自己养一个设计部的话,每月的成本在3万~5万元之间,因此,设计外包是目前广告界的一大趋势,这也给了很多独立平面设计工作室很大的成长空间。   如果你对电脑感兴趣,如果你有做平面设计的能力,无需多少才华,无需太大门面,几台电脑,你的平面设计工作室就能开张了。如果你不懂设计,甚至前半辈子连电脑也没碰过,那也没关系,只要懂得管理,学会用人,平面设计工作室同样能运营良好。   投资分析   在初期,私人平面设计工作室开在家里。和其他创业项目不同,用门面招徕过路客,不是平面设计工作室吸引客源的主要方法,因此,为成本考虑,房租一块可以略去。   如果你是平面设计方面的门外汉,你需要聘请一到两名工作人员,目前平面设计人才较多,雇用的月薪在1500元左右。   投资的主要方向在于设备的添置。需三台电脑,这是必备器材,建议一新两旧。新电脑的配置要高,用作主打电脑,处理广告稿件等;旧电脑一台用来打字,一台用来接扫描仪和打印机,总共投入9000元。扫描仪、一台彩色打印机、一台黑白激光打印机共4000元。办公用的工作台、桌椅等1000元。   如果需要进行相关培训,或者加盟一些提供创业指导和支持的公司,还需支付一定的培训和加盟费用。   每月支出:办公耗材,500元;水电杂费,500元;房租,1500元,需要看创业者是否选择租用门面,建议放在家中;人员工资,3000元,一般平面设计工作室都是由设计爱好者亲自上阵,不过,也可以选择雇用1~2名员工,每人月薪在1500元左右。   效益分析   据有创业经验人士介绍,一般选择开设平面设计工作室,必须先期在手里积累一定的客户资源,如果和广告公司有合作的话,初期每月的收入可以在5000~6000元之间,运营良好、熟练上手之后,每个月收入可望达到1万~2万元。   始经营情况,初期每月利润可在4000元左右,如果选择租用门面和员工,初期利润不大,但在以后可以得到回报。保守估计,一年可以收回成本。   经营建议   目前,各种平面设计工作室数量不少,开好一家工作室,关键在于保证固定的客户,提供充足的单子。在客户资源上,多与广告公司建立合作,每个月广告公司发下的单,可以让工作室走上正轨,并且赢利丰厚。否则,默默无闻的小工作室,想做大很难。在保证产品质量的时候,推广宣传自身是一种方法,不过,如果能和广告公司建立合作关系,工作室的生存就不是问题了。   对于客户的要求不能敷衍了事,多调查市场,而不是闭门造车。注重服务,即使是小工作室,也要讲究售后服务。   注重充电和提高,要了解目前广告业流行的动态。起码在工具上,比如常用的软件和电脑,不能够落伍。如果是雇用员工来为你服务,那么,至少你也应该懂得一点基本业务知识,作为管理的资本。不要放任你的员工把一小时的活拖成三小时做,懂点基础知识有利于你分辨出这一点。

【JQuery】调用在线HTML编辑器-KindEditor

在网站开发中,可能需要用到HTML编辑器,现在网上的在线HTML编辑器很多,如何去调用对应的在线HTML编辑器。我选择的是KindEditor在线HTML编辑器测试.请看如下步骤: 1. 下载KindEditor对应调用文件    官方网站: http://www.kindsoft.net 2. 在HTML页面调用HTML编辑器功能    首先我的是在一个表格里: <textarea name="Message" id="Message" style="width:800px;height:400px;visibility:hidden;"></textarea>    然后包含对应kindeditor-min.js和zh_CN.js文件 <script charset="utf-8" src="http://mon.huarengolf.com/source/plugin/hrg_sonos/template/js/editor/kindeditor-min.js"></script> <script charset="utf-8" src="http://mon.huarengolf.com/source/plugin/hrg_sonos/template/js/editor/lang/zh_CN.js"></script> 最后在初始化editor变量 <script> var editor; KindEditor.ready(function(K) { editor = K.create('#Message',{ width:700, uploadJson : 'http://mon.huarengolf.com/source/plugin/hrg_sonos/template/js/editor/php/upload_json.php', fileManagerJson : 'http://mon.huarengolf.com/source/plugin/hrg_sonos/template/js/editor/php/file_manager_json.php', allowFileManager : true }); $('input[name=submit]').click(function() { $("#Message").text(editor.html()); }); }); </script> 我测试的时候遇到过一个问题,就是KindEdit编辑器里的内容在提交的时候,没有复制到textarea标签里。所以我采取的办法是给submit按钮添加了一个点击事件,当点击的时候,将内容复制到textarea里。这样就可以了。 效果如下:

【php】rewrite和正则表达式结合实现个性域名

最近公司需要一个功能:类似于个性签名(http://blog.jhonse.com/+自定义的名称)就可以使用到个人的系统。当时想到的是discuz x2系统虽然有rewrite(伪静态的功能),但是都是针对于论坛、门户、群组的,于是我就从.htaccess文件开始着手去设计。 一开始在本机搭建的网站上,就采用的是Apache Web Server(独立主机用户),于是就在Apache目录下的config目录中找到httpd.conf文件。首先想到的是Apache一定要支持rewrite功能,于是就找到如下开启rewrite功能的代码: LoadModule rewrite_module modules/mod_rewrite.so 也就是说让Apache开启mod_rewrite.so模块。 然后通过如下代码来设计规则: <IfModule mod_rewrite.c> …. </Ifmodule> 对于个性签名:顶级域名+自定义名称,而言,就需要用正则表达式对自定义名称进行处理判断: RewriteCond %{QUERY_STRING} ^(.*)$ RewriteRule ^(.*)/([^.-_]{3,16})(/|)$ $1/plugin.php?id=hrg_sonos:hrg_sonos&julr=$1&jname=$2 RewriteCond %{QUERY_STRING} ^(.*)$ RewriteRule ^(.*)/([^.-_]{3,16})/jcatid=([0-9]+)&jsort=([0-9]+)&jlist=([0-9]+)$ $1/plugin.php?id=hrg_sonos:hrg_sonos&jurl=$1&jname=$2&jcatid=$3&jsort=$4&jlist=$5 RewriteCond %{QUERY_STRING} ^(.*)$ RewriteRule ^(.*)/j_cpance/jname=([^.-_]{3,16})&jcatid=([0-9]+)&jpublic=([0-9]+)$ $1/plugin.php?id=hrg_sonos:hrg_sonos_jcpance&jurl=$1&jname=$2&jcatid=$3&jpublic=$4 RewriteCond %{QUERY_STRING} ^(.*)$ RewriteRule ^(.*)/j_main(/|)$ $1/plugin.php?id=hrg_sonos:hrg_sonos_main 这些都是我自定义的规则: 第一条就是通过判断【顶级域名+/+3到16个字符(排除.-_)】,如果是这样的就直接跳转到我的论坛插件里。顺便把顶级域名和名称传递过去。 第二条就是通过【顶级域名+/+自定义的参数】,让插件接收对应的参数值来判断如何操作 第三条和第四条是类似一样。 [warning]注:修改完一定要重启Apache。[/warning] 效果如下: 接下来的工作就直接copy到服务器上,但是问题出现了,把刚才设计的rewrite规则复制到服务器论坛的.htaccess文件里,结果一测试行不通,原因是服务器采用的是Apache Web Server(虚拟主机用户),所以修改如下: RewriteCond %{QUERY_STRING} ^(.*)$ RewriteRule ^([^.-_]{3,16})(/|)$ plugin.php?id=hrg_sonos:hrg_sonos&julr=$1&jname=$1 RewriteCond … Continue reading “【php】rewrite和正则表达式结合实现个性域名”

【JQuery】简体繁体转换

最近在写一个公司的门户插件,结果需要一个简体以及繁体转换的功能,当时就在想,难道要做一个语言包么?于是就开始查资料,最终看到一个论坛上对应有一个简繁切换的功能,然后就进一步了解,发现是通过一个js文件来实现的。请看如下步骤: 1. 首先需要要有一个切换的标签: <a name="StranLink" id="StranLink">繁體中文</a> 2. 然后再导入高人写的js文件 代码如下: <script type="text/javascript" src="http://mon.huarengolf.com/source/plugin/hrg_sonos/template/js/fjzh.js"></script> [warning]说明:导入的地方一定要在切换标签之下.大家看js文件就知道原因了。[/warning] 3.效果图: 文件下载: 简繁切换js文件

【JQuery】获取标签的数目

想获得列表li的个数,一开始就想到的是加入一个隐藏字段,然后从服务器中获得对应的数目,在赋值给隐藏字段的值,最后就通过JQuery来获取这个值,虽然这样是行得通,但是不是很友好,于是就看JQuery手册,竟然发现JQuery获取到对应的元素之后,还有一个length的属性。然后通过获取一看,确实是这样的。代码如下: var length = $("#hrg_main .hrg_main_pic_nav ul li").length;