互联技术 - 社会新闻

Google Font

社会新闻 3月 21, 2013

Choose from over 570 Google Font’s to emphasize your Taglines

comes with over 500 Google web fonts you can pick for all your headings, navigation, titles, topbar, body, twitterbar, breadcrumbs text. Simply go to the Theme Options Panel, under the styling options, and select the fonts that suit you best. You won’t be disappointed with the selection of fonts.

Google Font Directory

[googlefont font="Cantora One" size="24" color="#4960B2" margin="0 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="PT Sans" size="20" color="#506FC4" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="Cuprum" size="18" color="#5781D6" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="BenchNine" size="21" color="#6099EA" text-align="none" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font-family="FONT_NAME" size="24" color="#4960B2" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="20" color="#506FC4" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="18" color="#5781D6" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="14" color="#6099EA" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]

Toggles

社会新闻 3月 20, 2013

[toggle_box] [toggle_item icon="user" title="Collapsible Group Item #1"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon="heart" active="yes" title="Collapsible Group Item #2"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon="bell" title="Collapsible Group Item #2"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[/toggle_box]

[toggle_box]
   [toggle_item icon="user" title='ITEM_TITLE1'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="heart" title='ITEM_TITLE2' active='yes'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="bell" title='ITEM_TITLE3'] ADD_CONTENT_HERE [/toggle_item]
[/toggle_box]

[message_box type="warning" close="no"]

Ex: element icon="user" then name of icons is "fa-user".

You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3 [/message_box]

PS新手教程！手把手教你绘制一个WEB登陆框

社会新闻 3月 19, 2013

今天，给大家带来一个Web登陆框的制作过程，这个登陆框并非什么原创，是在网上看到的一个类似的图片，然后做了一个PSD，并截取了制作的过程，大神轻喷。PSD里，我们制作了九个颜色，期待看看大家的作业。

1、新建一个文档，这里我用的是400*300像素，填充一个#d0c0be的颜色填充调整层。

PS新手教程 PS教程 ps制作 WEB登陆框

2、选择画笔工具，使用圆角柔边画笔，设置前景色为#364e35，画出如下图中的形状出来。

PS新手教程 PS教程 ps制作 WEB登陆框

3、执行“滤镜—模糊—高斯模糊”，我用的数值是46.9像素，赋予这个颜色层一个模糊效果，跟我们的背景融合。

PS新手教程 PS教程 ps制作 WEB登陆框

4、选择圆角矩形工具，并设置前景色为#313c45，画一个圆角矩形，并将圆角矩形的填充设置为11%

PS新手教程 PS教程 ps制作 WEB登陆框

5、为这个圆角矩形添加一个图层样式。这里，我添加了描边、内阴影以及投影。

PS新手教程 PS教程 ps制作 WEB登陆框

6、下面，复制一层这个圆角矩形，按照构思，我们将用第一个圆角矩形来当作输入用户名的框框，复制来的这一个圆角矩形，我们下移一定的像素，用来当作输入密码的框框。

PS新手教程 PS教程 ps制作 WEB登陆框

7、接下来，我们继续复制一层这个圆角矩形，依旧下移一定的像素，用来当作确定的框框。右键清除掉图层样式，并将形状填充颜色更改为#749e5e，添加一个图层样式。

PS新手教程 PS教程 ps制作 WEB登陆框

8、添加文本，会员登陆，文本颜色设置为白色#ffffff，并为其添加一个图层样式，这里我添加了描边以及投影。

PS新手教程 PS教程 ps制作 WEB登陆框

9、添加最底下那个绿色框中的文本：确定。设置确定两字的颜色为白色，并添加一个图层样式，这里我用了描边和投影。

PS新手教程 PS教程 ps制作 WEB登陆框

10、下面，我们添加用户名及密码两个文本，同样的设置文本的颜色为白色，添加一个图层样式，在这里，我设置了一个投影效果。

PS新手教程 PS教程 ps制作 WEB登陆框

到这里，就算是完成了，来看看我们的效果吧！

PS新手教程 PS教程 ps制作 WEB登陆框

我们的PSD里制作了不同颜色各异的效果，来看看吧！

PS新手教程 PS教程 ps制作 WEB登陆框

Pricing Tables

社会新闻 2月 22, 2013

[pricing columns="4"] [plan title="Free" button_link="http://" button_label="Sign up!" price="$0 " per="month"]

Disk Space 10 GB
Bandwidth Unlimited
Setup Free (?)
1 Free Email Accounts (?)
1 FTP Accounts
Half Privacy

[/plan] [plan title="Basic" button_link="http://" button_label="Sign up!" price="$15" per="month"]

Disk Space 30 GB
Bandwidth Unlimited
Setup Free
3 Free Email Accounts
3 FTP Accounts
Full Privacy

[/plan] [plan title="Pro" button_link="http://" button_label="Sign up!" price="$30" featured="true" per="month"]

Disk Space 100 GB
Bandwidth Unlimited
Setup Free
5 Free Email Accounts
5 FTP Accounts
Full Privacy

[/plan] [plan title="Premium" button_link="http://" button_label="Sign up!" price="$70" per="month"]

Disk Space Unlimited
Bandwidth Unlimited
Setup Free
Unlimited Email Accounts
Unlimited FTP Accounts
Full Privacy

[/plan] [/pricing]

[pricing columns="4"]
    [plan title="Free" button_link="#" button_label="Sign up!" price="$0 " per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>10 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-remove"></i> Setup Free <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>
            <li><i class="icon-ok"></i><strong>1 </strong> Free Email Accounts <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>
            <li><i class="icon-ok"></i><strong>1 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Half Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Basic" button_link="#" button_label="Sign up!" price="$15 " per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>15 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong>3 </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong>3 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Pro" button_link="#" button_label="Sign up!" price="$30 " featured="true" per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>30 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong>5 </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong>5 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Premium" button_link="#" button_label="Sign up!" price="$70 "  per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong> Unlimited GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong> Unlimited </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong> Unlimited </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
[/pricing]

[pricing columns="4" style="red"] [plan title="Free" button_link="http://" button_label="Sign up!" price="$0 " per="month"]

Disk Space 10 GB
Bandwidth Unlimited
Setup Free (?)
1 Free Email Accounts (?)
1 FTP Accounts
Half Privacy

[/plan] [plan title="Basic" button_link="http://" button_label="Sign up!" price="$15" per="month"]

Disk Space 30 GB
Bandwidth Unlimited
Setup Free
3 Free Email Accounts
3 FTP Accounts
Full Privacy

[/plan] [plan title="Pro" button_link="http://" button_label="Sign up!" price="$30" featured="true" per="month"]

Disk Space 100 GB
Bandwidth Unlimited
Setup Free
5 Free Email Accounts
5 FTP Accounts
Full Privacy

[/plan] [plan title="Premium" button_link="http://" button_label="Sign up!" price="$70" per="month"]

Disk Space Unlimited
Bandwidth Unlimited
Setup Free
Unlimited Email Accounts
Unlimited FTP Accounts
Full Privacy

[/plan] [/pricing]

[pricing columns="4" style="red"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$15" featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$30" featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$70" featured="true"  per="month"] TEXT_OF_PLAN[/plan]
[/pricing]

[pricing columns="4" style="blue"] [plan title="Free" button_link="http://" button_label="Sign up!" price="$0 " per="month"]

Disk Space 10 GB
Bandwidth Unlimited
Setup Free (?)
1 Free Email Accounts (?)
1 FTP Accounts
Half Privacy

[/plan] [plan title="Basic" button_link="http://" button_label="Sign up!" price="$15" per="month"]

Disk Space 30 GB
Bandwidth Unlimited
Setup Free
3 Free Email Accounts
3 FTP Accounts
Full Privacy

[/plan] [plan title="Pro" button_link="http://" button_label="Sign up!" price="$30" featured="true" per="month"]

Disk Space 100 GB
Bandwidth Unlimited
Setup Free
5 Free Email Accounts
5 FTP Accounts
Full Privacy

[/plan] [plan title="Premium" button_link="http://" button_label="Sign up!" price="$70" per="month"]

Disk Space Unlimited
Bandwidth Unlimited
Setup Free
Unlimited Email Accounts
Unlimited FTP Accounts
Full Privacy

[/plan] [/pricing]

[pricing columns="4" style="blue"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    ...
[/pricing]

[pricing columns="4" style="green"] [plan title="Free" button_link="http://" button_label="Sign up!" price="$0 " per="month"]

Disk Space 10 GB
Bandwidth Unlimited
Setup Free (?)
1 Free Email Accounts (?)
1 FTP Accounts
Half Privacy

[/plan] [plan title="Basic" button_link="http://" button_label="Sign up!" price="$15" per="month"]

Disk Space 30 GB
Bandwidth Unlimited
Setup Free
3 Free Email Accounts
3 FTP Accounts
Full Privacy

[/plan] [plan title="Pro" button_link="http://" button_label="Sign up!" price="$30" featured="true" per="month"]

Disk Space 100 GB
Bandwidth Unlimited
Setup Free
5 Free Email Accounts
5 FTP Accounts
Full Privacy

[/plan] [plan title="Premium" button_link="http://" button_label="Sign up!" price="$70" per="month"]

Disk Space Unlimited
Bandwidth Unlimited
Setup Free
Unlimited Email Accounts
Unlimited FTP Accounts
Full Privacy

[/plan] [/pricing]

[pricing columns="4" style="green"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    ...
[/pricing]

按类别购物

Google Font

Choose from over 570 Google Font’s to emphasize your Taglines

Toggles

PS新手教程！手把手教你绘制一个WEB登陆框

Pricing Tables

10个Joomla使用技巧,让你成为专业人士

Edge浏览器一直隐藏在我屏幕的左上角

Mysql优化之innodb_buffer_pool_size篇

公司简介

联系方式

友情链接

特色文章

关注我们