目前日期文章:201205 (26)

瀏覽方式: 標題列表 簡短摘要

1. First Button: White-Gray

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.button1{
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;

-moz-box-shadow:0 1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 0 rgba(0,0,0,0.3);

background: -moz-linear-gradient(19% 75% 90deg, #E0E0E0, #FAFAFA);

background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E0E0E0));

color:#4A4A4A;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 15px;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
}

.button1:hover{
background: -moz-linear-gradient(19% 75% 90deg,#D6D6D6, #FAFAFA);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#D6D6D6));
}
css3 互動式按鈕語法  

2. Second Button: Blue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.button2{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;

-moz-box-shadow:2px 2px 0 #C6E5E7;
-webkit-box-shadow:2px 2px 0 #C6E5E7;
box-shadow:2px 2px 0 #C6E5E7;

background: -moz-linear-gradient(19% 75% 90deg, #CAEAFF, #e2f2ff);

background: -webkit-gradient(linear, left top, left bottom, from(#e2f2ff), to(#CAEAFF));

color:#637897;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 25px;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
text-transform:uppercase;
border: 1px solid #C6E5E7;
}

.button2:hover{
background: -moz-linear-gradient(19% 75% 90deg,#C6E5FA, #e2f2ff);
background: -webkit-gradient(linear, left top, left bottom, from(#e2f2ff), to(#C6E5FA));
}

3. Third Button: Blue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.button3{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);

background: -moz-linear-gradient(19% 65% 90deg,#0087B4, #0099CC, #0099CC 51%);

background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0087B4));

color:#f0f0f0;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
border: 1px solid #267ed4;
}

.button3:hover{
background: -moz-linear-gradient(19% 65% 90deg,#0082AD, #0099CC, #0099CC 51%);
background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0082AD));
color: #f1f1f1;
}

4. Fourth Button: Orange

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.button4{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);

background: -moz-linear-gradient(19% 75% 90deg, #FF4D01, #FF8924);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8924), to(#FF4D01));

color:#fff;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:15px;
font-weight:bold;
padding:8px 20px;
}

.button4:hover{
background: -moz-linear-gradient(19% 75% 90deg, #EB4701, #F58423);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F58423), to(#EB4701));
}

5. Fifth Button: Blue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.button5{
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;

-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);
box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);

background: -moz-linear-gradient(19% 75% 90deg, #4183D4, #55a9e8);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55a9e8), to(#4183D4));

color:#f0f0f0;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:5px 16px;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
}

.button5:hover{
background: -moz-linear-gradient(19% 75% 90deg, #4183D4, #55a9e8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#378dcd), to(#20559A));
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.6) inset;
-webkit-box-shadow: none;
box-shadow:0 0 8px rgba(0, 0, 0, 0.6) inset;
}

6. Sixth Button: Pink

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.button6{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

-moz-box-shadow:0 2px 0 #b7245a;
-webkit-box-shadow:0 2px 0 #b7245a;
box-shadow:0 2px 0 #b7245a;

background: -moz-linear-gradient(0% 50% 90deg,#E22E6D, #EB3373, #EB3373 15%);

background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#EB3373), to(#E22E6D), color-stop(.9,#EB3373));

color:#fff;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:7px 20px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

.button6:hover{
background: -moz-linear-gradient(0% 50% 90deg,#D62C67, #DE306D, #EB3373 15%);
background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#DE306D), to(#D62C67), color-stop(.9,#EB3373));
}

7. Seventh Color: White-Cream

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.button7{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

background: -moz-linear-gradient(19% 75% 90deg,#F0DEB8, #FDF0D1, #fff 100%);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0DEB8), color-stop(.3,#FDF0D1));

color:#836d4d;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:15px;
font-weight:bold;
padding:6px 70px;
border: 1px solid #d4c198;
}

.button7:hover{
background: -moz-linear-gradient(19% 75% 90deg,#EBD9B4, #F2E6C8, #F5F5F5 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EBD9B4), color-stop(.3,#F2E6C8));
}

8. Eighth Button: Green

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.button8{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);
-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);
box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);

background: -moz-linear-gradient(19% 100% 90deg,#025C25, #038836, #5D9B75 100%);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9B75), to(#025C25), color-stop(.2,#038836));

color:#E6F2EB;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 40px;
text-shadow:-1px -1px 1px #4F5B54;
}

.button8:hover{
background: -moz-linear-gradient(19% 100% 90deg,#025221, #037D32, #599470 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#599470), to(#025221), color-stop(.2,#037D32));
}

9. Ninth Button: Green

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.button9{
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;

background: -moz-linear-gradient(19% 50% 90deg,#55792F, #608736, #608736 0%);

background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#608736), to(#55792F), color-stop(0,#608736));

color:#f5f5f5;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 40px;
text-shadow:0 1px 0 #000000;
border-bottom:1px solid rgba(255, 255, 255, 0.7);
border-top:1px solid rgba(255, 255, 255, 0.7);
}

.button9:hover{
background: -moz-linear-gradient(19% 50% 90deg,#486628, #4E6E2C, #4E6E2C 0%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#4E6E2C), to(#486628), color-stop(0,#4E6E2C));
}

10. Tenth Button: Yellow-Gold

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.button10{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

background: -moz-linear-gradient(0% 45% 90deg,#E0B324, #FAD121, #FFE678 100%);

background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#FFE678), to(#E0B324), color-stop(.2,#FAD121));

color:#312f30;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 20px;
text-shadow:1px 1px 0 #ebd663;
}

.button10:hover{
background: -moz-linear-gradient(40% 51% 90deg,#D4A922, #EBC41F, #EDD670 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#EDD670), to(#D4A922), color-stop(.2,#EBC41F));
}
文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

The HTML

To turn a regular link on your page into a fancy animated CSS3 button, you just need to assign the .buttonclass and one of the supported colors. See some examples below:

1 <a href="#" class="button blue big">Download</a>
2 <a href="#" class="button blue medium">Submit</a>
3 <a href="#" class="button small blue rounded">Submit</a>

There are four color classes available – blue, green, orange and gray. The rest of the classes, which you see assigned to the links above, are optional. You can choose a size from small, medium and big, and one more class – rounded, which creates a more rounded version of the button.

The class names are chosen so they are straightforward and easy to remember, but this raises the possibility of a clash with some of the classes on your page.

If, when implementing the buttons, you notice that they don’t look right, try changing the class names from “blue”, “big”, “rounded” etc. into something more unique. You’d need to modify buttons.css to do this.

Now lets take a closer look at the CSS classes that make this possible.

CSS3 Animated Buttons

CSS3 Animated Buttons

The CSS

All the CSS code for the animated buttons resides in buttons.css. This makes it easy to just drop it into an existing project and use it.

Notice that throughout the the code below, I’ve defined two versions of the same property in a number of places. This has to do with the way browsers handle CSS definitions. They parse the rules one by one and apply them, ignoring the ones they do not understand. This way we can have a plain version of the rule which is understandable by all, and a CSS3 enabled one which will be ignored by the older ones.

buttons/buttons.css

01 .button{
02     font:15px Calibri, Arialsans-serif;
03  
04     /* A semi-transparent text shadow */
05     text-shadow:1px 1px 0 rgba(255,255,255,0.4);
06  
07     /* Overriding the default underline styling of the links */
08     text-decoration:none !important;
09     white-space:nowrap;
10  
11     display:inline-block;
12     vertical-align:baseline;
13     position:relative;
14     cursor:pointer;
15     padding:10px 20px;
16  
17     background-repeat:no-repeat;
18  
19     /* The following two rules are fallbacks, in case
20        the browser does not support multiple backgrounds. */
21  
22     background-position:bottom left;
23     background-image:url('button_bg.png');
24  
25     /* CSS3 background positioning property with multiple values. The background
26        images themselves are defined in the individual color classes */
27  
28     background-position:bottom lefttop right0 00 0;
29     background-clip:border-box;
30  
31     /* Applying a default border radius of 8px */
32  
33     -moz-border-radius:8px;
34     -webkit-border-radius:8px;
35     border-radius:8px;
36  
37     /* A 1px highlight inside of the button */
38  
39     -moz-box-shadow:0 0 1px #fff inset;
40     -webkit-box-shadow:0 0 1px #fff inset;
41     box-shadow:0 0 1px #fff inset;
42  
43     /* Animating the background positions with CSS3 */
44     /* Currently works only in Safari/Chrome */
45  
46     -webkit-transition:background-position 1s;
47     -moz-transition:background-position 1s;
48     -o-transition:background-position 1s;
49     transition:background-position 1s;
50 }
51  
52 .button:hover{
53  
54     /* The first rule is a fallback, in case the browser
55        does not support multiple backgrounds
56     */
57  
58     background-position:top left;
59     background-position:top leftbottom right0 00 0;
60 }

The first thing we need to do is to define the button class. This is the backbone of the buttons as it applies positioning, font and background styles.

First are the font-related styles, after which follows the display property. It is set to inline-block, which allows it to sit on the same line as its surrounding text (like an inline element would), but also behave like a block in regard to the paddings and margins.

As you will see in a moment, each button has four background images applied to it. Although this sounds intimidating, only one file is actually requested from the server. The first two backgrounds are the bottom left and top right part of the bubble image, which you can see in the illustration below, and the other two are pure CSS gradients.

Bubble Background

Bubble Background

As I mentioned above, the bubble background is displayed as two individual images, offset with the background-position property. Using the CSS3 transition property, we define an animation in which the two versions of the background image slide to the top or bottom respectfully, which creates the bubble effect you see when hovering over the buttons.

Now lets say a few words about the size and rounded classes.

01 /* The three buttons sizes */
02  
03 .button.big        { font-size:30px;}
04 .button.medium    font-size:18px;}
05 .button.small    font-size:13px;}
06  
07 /* A more rounded button */
08  
09 .button.rounded{
10     -moz-border-radius:4em;
11     -webkit-border-radius:4em;
12     border-radius:4em;
13 }

Here are the three size classes – small, medium and big, and the rounded class. The buttons scale according to their text size. This way no explicit width and height has to be specified.

Now lets move on with the interesting part – the colors. Only the definition for the blue button is given below, as the rest are nearly identical.

01 /* BlueButton */
02  
03 .blue.button{
04     color:#0f4b6d !important;
05  
06     border:1px solid #84acc3 !important;
07  
08     /* A fallback background color */
09     background-color#48b5f2;
10  
11     /* Specifying a version with gradients according to */
12  
13     background-image:    url('button_bg.png'), url('button_bg.png'),
14                         -moz-radial-gradient(    center bottomcircle,
15                                                 rgba(89,208,244,1)0,rgba(89,208,244,0100px),
16                         -moz-linear-gradient(#4fbbf7#3faeeb);
17  
18     background-image:    url('button_bg.png'), url('button_bg.png'),
19                         -webkit-gradient(    radial, 50% 100%050% 100%100,
20                                             from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
21                         -webkit-gradient(linear, 0% 0%0% 100%, from(#4fbbf7), to(#3faeeb));
22 }
23  
24 .blue.button:hover{
25     background-color:#63c7fe;
26  
27     background-image:    url('button_bg.png'), url('button_bg.png'),
28                         -moz-radial-gradient(    center bottomcircle,
29                                            rgba(109,217,250,1)0,rgba(109,217,250,0100px),
30                         -moz-linear-gradient(#63c7fe#58bef7);
31  
32     background-image:    url('button_bg.png'), url('button_bg.png'),
33                         -webkit-gradient(    radial, 50% 100%050% 100%100,
34                                             from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
35                         -webkit-gradient(linear, 0% 0%0% 100%, from(#63c7fe), to(#58bef7));
36 }

Each color class defines a unique unique set of properties – the color of the buttons’ textual label, a text-shadow and a set of background images. Notice that we use the background property to add multiple images to the button. They are layered one on top of the other, with the ones defined first appearing on the top.

Only Mozilla and Webkit browsers support CSS gradients at the moment, but with quite different syntaxes. The rest of the browsers will display the fallback background color. You may have noticed that we are not including a prefix-free version of the gradient rules. This is due to the fact that gradients are not an official part of the CSS specification as of yet, and there is no agreement on the preferred syntax.

In the fragment above, you can see that we are defining a linear gradient and a radial one on top of it. To make the gradients blend more smoothly, in both the webkit and mozilla syntaxes we are defining the radial one with RGBA, which makes the outer color of the gradient completely transparent.

With this our CSS3 animated bubble buttons are complete!

Parting words

These buttons are entirely CSS based and integrating them is extremely simple – just drop the buttons folder somewhere in your project. You can create your own colors and shapes by modifying the CSS file.

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

Computer Graphics Design at RIT

John A. Jacob

fruute

Kyan

nest

Jopp

vlog.it

Australian Red Cross

Column Five

Zoo Advertising

Helen & Hard

Cloudberry

Mediovski

Dart St Louis

3Degrees Agency

Contrast Rebellion

Cookiesound

B3 Studios

aaugh

dotmick.com

 

 Cover Image by: Wang Qi@DamnDigital

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

Acajoom News 是早期使用的模組

ccNewsletter  更早期的簡易版電子報 

這兩組的功能只能用食之無味.棄之..也不會太可惜來形容

但真正好用的 是 AcyMailing StarterJnews這兩組都支援 支援2.5


  •  AcyMailing Starter 比 Jnews 多了統計功能

可以更精確的管理發送之後的程序..
免費版可以知道誰收到了,誰打開了郵件..等
付費版可以統計,電子報內容哪個連結點閱率最高..等等
內建是英文版,中文化各位需要花點力氣去找找
或是等我有空放到網路上

joomla 電子報模組元件 acymailing starter 介面功能  


  • Jnews 表現也不俗,不僅介面設計漂亮、友善、簡單易懂 之外還有內建中文翻譯 (80%-90%完成度),不需要再另外找中文包

joomla 電子報 jnews 模組元件介面功能  
joomla 電子報 jnews 模組元件介面功能  
joomla 電子報 jnews 模組元件介面功能  

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

http://www.schlu.net/downloads/16-component/77-quickfaq.html

不僅可以 文章列表是顯示

也能做部落格是單格預覽

介面非常乾淨俐落好閱讀

若是1.5平台 可以考慮安裝看看

 

AJ

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

用K2類別 設定成文章列表

案件範例: 中央大學創新育成中心

 

K2 文章列表 最新消息列表  

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1. Contact Enhanced Component by Douglas Machado

  • CUSTOM FIELDS
  • GOOGLE MAPS and Directions
  • HTML Emails & Templates
  • CAPTCHA
  • MULTILANGUAGE
  • Campaign Monitor Newsletter integration

2. PWeb Ajax Popup Contact Form by Perfect-Web

  • - standard fields: name, email, phone, message
  • – message character limit
  • – 5 custom fields type of: text, textarea, select list, multiple select, radio group, checkbox group, calendar
  • – setting almost all fields as required or not
  • – change „Ask a question” text to custom one or hide it
  • – multiple recipients
  • – show list of recipients in contact form
  • – selected Joomla User as recipient
  • – blind carbon copy recipients (BCC)
  • – reply to email
  • – automatically fill in User name and email if User is logged in
  • – sending copy of email to sender
  • – email template files separate for user and admin (plain text and HTML)
  • – select language for admin email
  • – referrer page and IP in admin email
  • – custom email subject
  • – custom success message
  • – page redirect to URL or menu item after sending email
  • – Google Analytics Tracking Page View after sending email
  • – Google AdWords Conversion Tracking
  • – pre-text displayed above contact form
  • – Joomla native JavaScript validation with AJAX submit
  • – no captcha anti-spam function needed
  • – protected form email flood
  • – custom styles defined in module configuration: font size and color, background color
  • – trigger event which open contact form with custom link or image
  • – debug mode

3. Fox Contact Form by Demis Palma

A fast and very easy to setup contact form designed for Joomla 1.6. Tableless and css styled output simplify integration in your website.

4. 1901 Contact

This module install, is a simple contact form ,you can install in just two clicks, Then you must just insert the destination email. All field are customizable.

5. Rapid Contact

Rapid Contact. Lightweight, fast and easy, configuring a contact form, was never a pleasure before. Rapid Contact is a FREE module for Joomla! 1.5. It is a very simple contact form, for providing your clients a REALLY FAST contact support!

6. aiContactSafe by Algis Info Grup

An AJAX driven Joomla! 1.5.x component to place a contact form anywhere on your web page with any number of custom fields of different types, including attachments.

7. Ajax Contact

OpenSource AJAX Contact is powered by MooTools, a Javascript Library, which is needed for the ajax functionality and for the form validation. MooTools is the same library that Joomla uses, therefore there is no need to include a lot of files and the result is a very light weight module.

8. Flexi Contact

FlexiContact is a simple but flexible contact form. It is very quick and easy to setup, but has lots of options.

9. ALFcontact

ALFcontact is a small ‘Contact Us’ form.

The purpose of ALFcontact is to provide a contactform with enough features to make it usefull and appealing whithout making it overly complicated.
Basically the form gives you the option to send messages to different aliases based on your accesslevel, these aliases are defined in the administrator section, each with their own set of options.

10. Free Contact

Free Contact. is an easy configuring a contact form and very fast.  Free Contact is FREE module for all for Joomla! 1.5.

11. Amplify Contact Module

A simple Joomla 1.5 contact form module that can be published in any module position and will show a name, email, tel, and message fields. This module has field validation as well as its own style sheet to allow you to customise the look of the contact form for your website.

12. Simple Email Form

Lightweight email contact form with 9 configurable fields, including a configurable text area, a field for uploading attachments to the email, and a CAPTCHA based in Text_CAPTCHA from the PEAR library (included).

13. ContactMap

ContactMap is a FREE component for Joomla! 1.5. It is a very simple contact form, for providing your clients a REALLY FAST contact support, with a Google Map of her location! You have four fields: Name, email, Subject and Message. User submits data, you get a mail in no time.

14. Fast Contact

An easy to use contact form with more fields and settings.  Really full customizable. You can use 2 dropdown boxes and telephone, and you can customize the labels and selections of them.
It use’s the default Joomla sending mail system.

15. Shape 5 Quick Contact

The S5 Quick Contact module is a simple way for your visitors to get in contact with you. Sometimes full contact pages are just too much. If you’re looking for an easy way to stay in contact with your visitors this module is for you. The S5 Quick Contact module has fully configurable language settings, sends emails to a specified admin account, three forms of spam protection and much more! And of course it’s free!

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1. BreezingForms by Crosstec Solutions

Three interfaces for non-programmers, designers and technicians! Create powerful and ergonomic forms in minutes. Includes useful features like file upload progress bar, summary pages, pay to download, turn fields on/off, effects and more. All three modes share the same power but each has its own audience: - QuickMode:  A form editor for the non-programmer and people who want their forms to be done very quickly but nice looking. - EasyMode:  A form editor for layout centric form creation. Very powerful but simple in usage. Ideal for designers. - ClassicMode:  A wysiwyg editor for creating forms. For technicians and fans of FacileForms.

2. RSform Pro by RSjoomla.com

RSForm!Pro comes with hot new features like:

  • Ajax validation for fields
  • Mailchimp Integration
  • The only Joomla! form manager 100% built with Joomla! 1.5 & Joomla! 1.6 MVC architecture
  • Easy multi-page form creation
  • Drag and Drop order change for form items
  • Salesforce integration with custom fields
  • Custom submissions (you can display and export what columns you wish)
  • Export to excel
  • Custom CSS and Javascript in your form

3. Proforms by Mad4Media

This is a fork of Mad4Joomla Mailforms with endless new features and much improved usability. Proforms is a very easy to use Joomla component for creating forms with extensive professional functions. Proforms is thus ideally suited for beginners and also meets the needs of designers and experts.

4. Mad4Joomla by Mad4Media

Mad4Joomla is a very easy-to-use Joomla component for the creation of email forms. Preferences of this product are a better usability, classification in categories, working with templates, helptext to formfields, file upload as attachment, special routing technics to destination email addresses, integration of content in form pages and a very special new captcha technique. Thereby it is possible to build complex and huge contactsystems. Examples: jobs, reservation, contact, donations, polls etc.

5. ChronoForms by Chrono Man

I always needed to create custom forms for my clients websites, Or to migrate their old websites forms fast and easy to new Joomla websites forms, this was pain, as I was using other components for doing this, and create everything from scratch at web based tools. So I created this tool to let me copy and paste code from old sites or after making it in 5 minutes with any HTML editor (e.g: Macromedia DreamWeaver) ChronoForms, was going to be just a contact forms page, but I have used it to create different forms using advanced techniques and PHP code , so I decided to make it a whole forms component, I wish you will find it helpful, any feedback is very appreciated.

6. bfForms by Blue Flame IT Ltd / Phil Taylor

  • Save to database, export options, unlimited emails
  • GPG Encryption built in for secure emails
  • SSL Support – force forms to only be accepted over SSL
  • UNLIMITED Form generation
  • UNLIMITED Form Fields per form
  • UNLIMITED Submit Actions per form
  • UNLIMITED Form Submissions allowed (Or limit it if you want!)
  • HOSTED ON YOUR SITE, and not our servers
  • Integrated SPAM PROTECTION (Not Captcha!) transparent and configurable
  • Integrated 3rd Party SPAM PROTECTION Plugins
  • Compatible with all known SEF Extensions
  • Compatible with Joomla 1.5.x ONLY
  • Requires PHP5+
  • Fully Supported! and FREE UPGRADES FOR LIFE
  • No other developer has more experience in Form Extensions then Phil Taylor, his first Form component (Phil-A-Form) was the first ever Joomla Forms extension ever created.
  • Developed by a Zend PHP5 Certificated Developer !!!

7. CK Forms by Cookex Team

CKForms is a Joomla 1.5 native component to generate Forms without any development knowledge. CKForms can save data in Database and export them to CSV format. Fields can be validated as text, number, date and email. A File upload field is available. Forms created can be backup and restored easily with one click. An HTML Editor is available and a Captcha code can be used to secure the forms. A plug-in and a module are available to display forms. The layout can be customized with CSS, custom text inserted between fields. Data saved can be displayed in the Front-end interface.

8. Fabrik by Rob Clayburn

Fabrik is THE open source Joomla application builder component. Fabrik gives you the power to create forms and tables that run inside Joomla without requiring knowledge of mySQL and PHP. Then feed your data into Google Maps, Charts or an AJAX based calendar

With Fabrik you can create applications that range in complexity from simple contact forms to complex applications such as a job application site or bug tracking systems.

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1. HikaShop

[組件-模塊-插件-語言] HikaShop是為Joomla 1.5電子商務的擴展,內置的簡單性和靈活性。HikaShop也有廣泛的營銷工具,如分支機構,優惠券,折扣和電子郵件營銷,但強大的統計也可顯示的HikaShop儀表板,以幫助您管理您的商店。它提供了先進的稅收,區域,語言和貨幣管理的全球銷售,以及先進的定制能力,以滿足您的網站需要您的網上商店。

2。SimpleCaddy

[組件-模塊-插件]為Joomla 1.5 SimpleCaddy。創建您的購物車,方便迅速,而不需要建立一個完整的店。簡單,但功能強大。使用Joomla的標準內容,展示您的產品,讓SimpleCaddy錢重定向到你的PayPal帳戶。設置簡單,使用簡單。
特點券,可定制的領域和更。現在,從以前的版本升級使用。
v1.7.3:Phoca廊集成。完全翻譯增加

3. redSHOP Light

演示 -組件-語言] redSHOP Light是一個基本的redSHOP電子商務擴展為Joomla版本。redSHOP燈是一個輕量級的簡單的網上商店組件使用動態的領域,真正的Joomla模板系統等,所有良好的JOOMLA 1.5 MVC的redSHOP核心結構特性。redSHOP燈是免費的,只需要註冊對redCOMPONENT.com redSHOP光擁有的所有核心功能的redSHOP,但沒有選擇安裝額外的運費和支付插件,缺少了很多的先進功能redSHOP。redSHOP光可以在任何特定時間升級真正redSHOP組件上的安裝的redSHOP光的頂部安裝完整版本。

4. VirtueMart

演示 -組件-模塊-插件]完整的電子商務購物車解決方案為Joomla!-使用由數以千計的商店業主。它可以運行在存儲和目錄模式,
憑藉其強大的管理工具,可以處理無限數量的分類,產品,訂單,折扣,購物群體和客戶。

5.  JoomShopping

[組件-模塊-語言-支線-特定插件] JoomShopping是一個易於使用的網上商店,為Joomla可以使用不同的產品銷售。也有使用,銷售MUSIK文件的功能。產品可以看到的不只是文字和圖片,還可以MUSIK文件和視頻上傳產品。其他功能:搜索引擎優化,定制的PDF法案,支付服務提供商集成的源代碼是寫在高品質,容易添加新的特性和最佳搜索引擎optimation的。你在網站上找到,也有免費使用的視頻安裝猻,支持論壇。

6. RokQuickCart

[組件]什麼是RokQuickCart?RokQuickCart是一個簡單的購物車為Joomla。這需要一個簡單,又不失優雅,購物車腳本和直接集成到Joomla。它允許您展示產品,包括圖像,描述的和額外的選項,購買這些物品,運費和稅金計算的支持。擴展使用其支付系統PayPal和Google Checkout的,帶有一個內置的主題。

特點

  • 支付系統:使用PayPal或Google Checkout的
  • 貨幣:在使用多達16種不同的貨幣,為您的商店
  • 稅率:自動計算成本的基礎上稅率
  • 航運:配置自動計算運費
  • 產品RokBox:圖像使用RokBox顯示較大的預覽
  • 風格:快速部署的內在造型

7.  Tienda

[組件-模塊-插件-語言]蒂恩達是一個完整的Joomla電子商務船員的擴展,使您。JUGA,AMBRA訂閱,SYNK,吾友,和鋼坯。

蒂恩達不是叉子或橋樑,它是一個品牌從零開始,書面Dioscouri設計設計和新的擴展。它是建立在Joomla的MVC框架,因此,可以很容易地使用Joomla的模板修改或主題。

蒂恩達已建成與你同在,頭腦,該網站的管理員。同時建立蒂恩達,我們集中回答這個問題,“什麼使我們更容易操作我們的網上商店嗎?”

一些很酷的功能:
*無限產品和類別
*用戶組定價
*無限用戶組
*銷售訂閱(經常性的和不經常)
*銷售數字音樂下載
功能集成到銷售鋼坯,Juga,吾友,核心JOOMLA ACL中這些組件
執行任何SQL查詢後,用戶購買的產品,所以你可以有任何的擴展(如銷售Jomsocial組成員或雅格娜論壇組成員)整合
相關產品,一鍵
*創建產品捆綁
內容插件插入產品中的任何內容文章“添加到購物車按鈕,包括動物園,K2,
產品評論FlexiContent 評價
*產品的克隆
* 8可用的翻譯和Joomfish元素

8. Seber Cart Commerical

[組件-模塊-插件] Seber車是一種小型,快速和易於使用的Joomla購物車。Seber車很容易讓網站所有者,運行和管理他們的網上商店的購物車過程中以一個簡單的方法。我們的做法是讓Seber車看起來不那麼像一個預先建立的,基於模板的購物車解決方案,就像一個定制的解決方案,適合於網站模板設計。1.0.0.15版本是最後一個版本,這個版本Seber車。seber車- Express是新更換的Seber車(免費版)。seber車- Express是一個免費下載,並在GPL許可下發布的。
Seber網站提供軟件的兩個版本。

- 如果您知道任何有用的JOOMLA購物車插件,那麼請讓我們知道通過下面的評論。謝謝您的閱讀。

 


 
 
文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

Content Manager

內容管理是一種先進的前端為Joomla的文章經理。Joomla的內置的許可制度,只限於三種類型的前端組。通過結合JXtended控制內容管理(訪問控制技術的未來版本的Joomla的前身),您可以創建新的用戶組,並授予他們在文章的類別層次的各級訪問。添加的JXtended所見即所得的編輯器,你有能力創造任何從小型標準段整個骨骼的框架,可以插入到您的文章。內容管理器前端用戶提供了一個用戶友好的和可配置的控制面板,給他們的信息,他們需要一目了然。

2. Front-End Article Manager System

前端的文章管理系統,是一個簡單的和非常強大的延伸,允許用戶直接從前端管理的文章。該系統是一個條經理,povides,創建,編輯,刪除,發布,審批,通知等各種功能,如物品的管理,

3. JSeblod CCK

自定義內容類型建設的普遍延長。擴展的核心內容和完全集成的!沒有劈!管理和產生內容的報名表格上的管理接口(後端)和網站(前端)。先進的搜索和列表功能。

4. Article Factory Manager

Joomla CMS的文章提交工具。

“文章廠長(GPL俱樂部版)”是只有與我們的其他許可證類型解決方案的名稱和主要功能類似,它只是一個很好的出發點其他開發商,希望從頭開始構建自己的解決方案。
GPL版本在所有的我們的任何其他現有的產品產品的試用版。

5. K2

K2提供的框集成的解決方案,包括項目(想的Joomla!的文章,文章圖片,視頻,圖像畫廊和附件的附加字段),嵌套級別分類,標籤,註釋,系統內容豐富,形式擴大在更多領域的項目基本形式(類似於那些熟悉與Drupal CCK),一個強大的插件API來擴展項目,類別和形式的用戶,ACL中,前端編輯,子模板和更大量!

使用K2的,你可以改變你的Joomla!網站新聞/雜誌網站與作者的博客,產品目錄,工作組合,知識庫,下載/文件管理器,目錄列表,事件列表和更多,這一切都捆綁在一個包!
給K2的一個嘗試,你會立刻愛吧!它易於使用和開發網站的樂趣!如果你需要任何幫助或想作出貢獻的項目,在K2社區加入我們。

6. Content Submit

從背後JUGA,鋼坯和漫畫船員內容提交。內容提交允許你創建前端“的文章提交形式”,這是具體到一個現有的類別或部分。

在Joomla!1.5核心的提交形式,可以使所有的出版商發布到您的所有部分/類別。與內容提交,你規定這部分/類別,用戶可以發布。

7. Ninja Content

忍者的內容設計,給您和您的用戶更好地控制你的網站從前端的內容。

查看物品清單和CREATE,編輯,發布,取消發布,刪除,加入到FrontPage,也適用於版本控制。
有了更大的適度控制,您可以指定特定用戶群體的主持人群體

8. JE Story Submit

100%的MVC結構。用戶可以在Joomla文章中添加你的故事。

前端:用戶可以添加故事。管理員和用戶獲得郵件用戶添加後的故事。管理員批准顯示在前端。驗證碼代碼功能是前端側。用戶可以上傳圖片。

後端:管理員可以配置
為Joomla版本:JOOMLA 1.5 節,品類和電子郵件地址。請免費下載。
管理員可以選擇什麼都他們想要的類別和部分。選擇部分功能,使用Ajax。
管理電子郵件的格式,也可以從後端用戶的電子郵件格式設置。容易做出或改變wysing編輯器使用的電子郵件格式。
管理員可以禁用和啟用的類別/節選擇的選項。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1. Googlemaps Plugin

插件(Mambot)內顯示內容的項目,模塊或組件的Joomla 1.0.x的或1.5.x的一個或多個谷歌地圖(本地)或1.6.x.

2. Phoca Maps

phoca地圖是一個Joomla!組件。谷歌地圖上顯示您的網站,這是一個小的組成部分。這個組件不包括太多的參數,使用這個組件的想法是在您的網站快速創建一個地圖。

剛剛成立的Google Maps API的關鍵參數,去擴展»地圖»,單擊“坐標”按鈕,然後單擊您想在地圖上顯示並保存它的地方。最後,創建菜單鏈接到這個地圖。

如果您需要設置一個標記或更多的標記,只是去擴展標記新建,選擇地圖,點擊坐標按鈕,然後在你想將設置標記在地圖的地方。加入描述(可以包括圖像),並保存它。標記將會顯示在地圖上。

3。JGMap

JGMap顯示在谷歌地圖的Joomla模塊的位置。模塊參數可以很容易地改變寬度,高度,位置和縮放級別的地圖。到最後地圖上選擇添加默認控件的能力。

非常簡單的設置!JGMap更新Google的地圖版本3。您將不再需要谷歌地圖API密鑰。

4。GMapFP

的GMapFP 7.0版本的功能:

  • 許多地方,你想創建,並在地圖上找到它們
  • 按類別排名的地方
  • 創建類組的可能性
  • 顯示您的所有地方,一類或您選擇的選擇(插件)。
  • 配置地圖,根據自己的需要
  • 顯示地圖導航欄
  • 顯示衛星/混合/地圖/地球
  • 維基百科的信息顯示,Panoramio照片,YouTube和攝像頭
  • 顯示的規模
  • 選擇定心(或自動計算)的地圖,其變焦位置
  • 直接顯示在地圖上的信息泡沫
  • 添加您自己的標記
  • 從他們的機構geolocalisation的地址
  • 顯示更多(如果選擇)點上的信息
  • 名稱
  • 照片
  • 地址
  • 電話,傳真,電子郵件,
  • 網站
  • 詳細說明
  • 時間表和價格
  • 兩點之間的方向
  • 使用樣式表(CSS)
  • 選擇要顯示的地圖類型
  • 自動更新地圖的跡象,根據語言

5. Hotspots

Hotspots是一個新的高度可配置的,先進的谷歌地圖標記管理為Joomla 1.5在GPL下發布的,它支持不同的圖標,為您的位置(標記)多個類別。

特點:

  • *支持JomSocial和社區建設者
  • *自定義的標記圖標在地圖上的各個類別
  • *每個標記都有一個單獨的描述,可以增加或沒有圖片,有更多的選項,您的需求熱點costumize
  • *前端標記添加一個拖放標記(選項)!
  • * Detailpage每與longdescription單一標記(選項)
  • *息疊加幻燈片或標準的Google氣球彈出
  • *路線刨
  • *當前地圖的印刷和郵寄
  • * Sobi2數據導入
  • *基於Ajax的,沒有重裝所需要的地圖
  • *個別佈局基於模板
  • *包括1模板
  • *和更

6。  GoogleMap

Googlemap光使人們有可能創建一個的googlemap非常快,並沒有太多的知識。

  • 在地圖上的無限目的地
  • 重視對製造商的各種信息(地址,圖片,描述等)
  • 使用自定義標記
  • 可能性重視routeplanning的
  • 和這麼多。

7. googleMaps plugin

這個插件允許你包括一個或多個谷歌地圖裡面的內容項或第。這是一個超級輕量級插件,使用只有大約6K的代碼。您可以使用此輕鬆地添加到您的公司地址地圖。

8. GMaps

GMaps實現是一個Joomla組件擴展(插件和其他映射擴展提供可作為SUBSCRIPTIONWARE),使您可以構建和管理依法治校與友好的用戶界面從後端板的地圖數據。您可以輕鬆創建標誌,地圖,然後這些標記添加到每一個人的地圖。通過一個基本的前端界面,可以呈現地圖。主要功能包括:

  • - 數據庫驅動的地圖數據
  • - 要求駕駛指示標記直接從信息彈出窗口
  • - 後端adminstration頁面,建立和維護個人的地圖
  • - 定義一個標記,它的屬性(如標題,緯度,經度,描述和圖標的能力)
  • - 地圖的特定屬性(即高度,寬度,縮放級別,縮放類型,maptype。,等)
  • - 能力,創造無限的地圖和標記
  • - 定義每個特定的圖標標記(提供有限的名單)
  • - 自動呈現對其他副地圖其他地圖(一個地圖標記)
  • - 前端組件,使用戶能夠列出並查看所有可用的地圖定義
  • - 定義自己的圖標,可以用來生成地圖
  • - 支持標記彈出窗口內的圖像!

9. Google Maps Multipage

  • 蓋 - 地球,月球,火星和天空類型映射
  • - 地圖,衛星,雜化,紅外,海拔和地形視圖
  • - 全文本標記搜索
  • - 標籤和/或的maximizable信息窗口
  • - 數據庫管理為標誌,折線和多邊形
  • - 所有標記數據的XML緩存系統
  • - 能力從數據庫和/或XML文件的標記數據加載
  • - 加載遠程XML文件的標記數據的能力
  • - 能夠加載遠程GeoRSS數據
  • - XML / ZIP文件下載備份標記數據
  • - 創建一個KML文件上使用谷歌地球飛™
  • - 所有標記的側邊欄列表
  • - 顯示坐標十進制或六十進制表示法
  • - 坐標側欄輸入十進制或六十進制表示法
  • - 赤緯/右阿森松顯示的天空視野
  • - 檢索™從谷歌或雅虎的地理編碼™
  • - 基於cookie的快速標記的側邊欄按鈕
  • - 集成搜索地圖
  • - 通過前端或後端輸入/折線/多邊形創造新標記
  • - 數字化儀地圖,便於標記和折線/多邊形安置
  • - 帶有IFRAME,全屏和模塊地圖
  • - 額外的打印地圖窗口
  • - 通過虛擬地址線標記創造
  • - 可以處理多達400標記在一張地圖
  • 包括 - 網址發生器
  • - 鼠標在幫助系統
  • - 工程與社區建設者
  • - 多語言 - 英語/德語語言模板
  • - 可以使自身的副本,以一個JOOMLA運行多個插件™安裝!
  • - 關於CSS的高度可定制的,語言,圖標,視圖等。
  • - 運行™1.0和Joomla 1.5遺留下JOOMLA!
  • - 演示標記包括首尾

10. Webmap+

站點地圖+是一個谷歌地圖為Joomla組件!允許您張貼一張地圖上的多個位置。站點地圖+讓您的客戶可以選擇特定的營業場所,在那裡他們可以查看在地圖上或鏈接到一個網頁針對該位置的自定義強調了該位置的屬性。站點地圖+是一個偉大的用戶友好的地圖為您的企業納入到你的網站,這將有助於您的客戶地址,電話號碼和你最親密的營商地點的搜索工具。

 

11。YOOmaps

YOOmaps是Joomla一個輕量級的模塊。它集成到Joomla谷歌地圖在一個非常聰明的方式。JOOMLA文章是用來顯示在地圖上的標記與內容。所有的Google地圖功能,如縮放級別,縮放控制,類型地圖和小地圖完全控制通過的YOOmaps的模塊配置。一個特殊的亮點是“方向”的工具,它可以讓遊客找到貴公司的路線。路線規劃從未如此簡單!

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

This is called "banner blindness," and shows why publishers and advertisers hate banner ads. People barely even look at them.
▲ 從這張範例可以得到一個結果,那就是不論你把網頁廣告放什麼位置,幾乎都不太會有人看。

On Google, the top five listings on the page get the majority of eyeballs. The red lines are the "fold" — the point at which you'd have to scroll down.
▲ 這是針對 Google 搜尋的研究結果,可以看到使用者的視覺焦點幾乎只集中在前五個搜尋結果。

Could we have a heat map post without Facebook? Photos catch the most eyes
▲ 這是針對 Facebook 頁面的流覽研究,結果照片好不好看才是最重要的,文字分享的內容反而沒那麼重要。

These Sunsilk ads show that just putting a pretty face on a copy isn't enough. It matters where she's looking.
▲ 這個研究範例也很有趣,你會發現人的視覺焦點其實會被廣告中模特兒的眼神角度所影響。若是廣告中模特兒的眼神有朝著產品,那一般人的視覺焦點也會朝著廣告中的產品看。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

joomla 教學聚會 台北  

joomla 教學joomla聚會 台中  

joomla 教學joomla聚會 台中  

joomla 教學joomla聚會 台中  

joomla 教學joomla聚會 台中  

joomla 教學joomla聚會 台中  

joomla 教學joomla聚會 台中  

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

5月台北場已經圓滿落幕!~

6月台中場報名網址:

http://des13.pixnet.net/blog/post/45305917

 

 

 

這次聚會的主題是接案經驗分享,相信在社團中的大家應該多數都有過接案經驗,面對難纏的客戶,報價的心理掙扎,應該要如何優遊自在的面對並處理呢?在接案應用上,Joomla! 又可以如何發揮特色助我們一臂之力?還有我們到底如何與該不該跟客戶介紹Joomla! 呢?讓我們期待這一次的講者們替大家分享豐富經驗吧~~~


主題: Joomla! 接案大觀園&經驗甘苦談



場地資訊


資策會
復興南路1段390號2樓 - 204教室
大安捷運站斜對角,一樓為台灣企銀




費用


每人 $150 元,現場收費




活動時間內容


2012年5月18日,下午19:00-21:30

1 18:30-19:00 進場/相見歡/交流
2 19:00-19:40 講題一:
Soho族應該知道的接案流程-以philsu.tw為例 (飛爾酥)
 
3 19:50-20:30 講題二:
將需求轉成清楚易懂的 Joomla! 網站規劃(Asika)
 
4 20:40-21:20 講題三:
Joomla! 各式接案網站應用案例分享(名稱未定) (A.J Lin)
 
5 21:20-21:40 工商時間與 Show Time
6 21:40-22:00 散場與交流



















講題簡介


Soho族應該知道的接案流程-以Philsu.Tw為例 (飛爾酥)

飛爾酥接案經驗談及真實案例分享。

- 台灣吉野家-官方網站建置案
- 幼獅文化- 互動體感教材設計案
- 鼎香-CIS開發暨包裝設計案

 

將需求轉成清楚易懂的 Joomla! 網站規劃 (Asika)

客戶這邊說一套,你的接案夥伴也說一套,然後最後網站做完發現客戶想要的不是真正需要的但你想要的客戶也不想要!?

好吧我們來研究看看到底要怎麼弄出一份大家都爽快的網站規劃書,免得網站做完大家都不爽快~~~

 

Joomla! 各式接案網站應用案例分享 (A.J Lin /林玉潔)

依照各行各業屬性訂製joomla客製化形象網站及不同需求模組實現





講者介紹


飛爾酥創意設計站長-Philsu

一位從08年開始接案至今尚未餓死的傢伙。

 

飛鳥新樂園站長-飛鳥Asika

一位從08年開始接案至今死都不畢業的菸酒生。

 

鼎益盛網頁設計-A.J Lin /林玉潔

一位以客製化設計為主joomla責任體制下的完全執行者。





工商時間與 Show Time


從這次聚會開始,I Love Joomla! 正式開始工商時間服務,除了社團本身會有固定的宣傳公告以外,也歡迎任何社團成員或合作單位在工商時間進行宣傳,每個項目5-7分鐘,不限商業活動或徵才等主題喔。另外也開放任何人炫耀自己的作品或技術,只要你敢上台= =

欲報名工商時間與Show Time,請來信 ilovejoomla.tw@gmail.com

每次聚會名額有限喔!





關於 I Love Joomla!


關於I Love Joomla! 社團 - 由 Philsu 與 Asika 共同發起。

有鑑於目前 Joomla! 在台灣地區雖然使用者眾多,但僅限少數人於網路上活動並提供技術教學與分享。希望能透過社團力量,在台灣推廣 Joomla! CMS 相關應用。不只包含基礎的 Joomla! 使用與開發,更希望朝向全方位的網站經營、企業系統與資訊架構出發,成為熱絡的Joomla社群。

I Love Joomla! 歡迎你的加入:http://www.facebook.com/groups/lovejoomla




PS. 本次活動特別與資策會合作,希望能讓許多正在學習網頁設計的新人們有機會接觸 Joomla! 與網頁設計接案的經驗談,並特別感謝資策會吳念祖組長提供場地。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

05/22 公告:感謝中南部鄉親熱烈支持!!!

               系統訂票僅僅開放2天, 40個名額隨即爆走額滿!!

               咱們活動現場見!!!~

 

joomla 教學joomla聚會 台中  

中南部的joomla同好 看這邊!~

自從eddy大大 在去年10月份來台中之後中部就沒有甚麼聚會講座了

joomla非官方社團 為了聚集中南部廣大的joomla同好

台中場預定於6/9號舉辦

地點暫定於台中技術學院-備有停車場

若您對joomla有操作上的問題

實際運用的相關問題

都歡迎您到場與同好交流研習



joomla非官方社團每個月都會 針對不同主題來與辦聚會 邀請各界菁英來分享主講

本月以接案流程技巧來做主題

將來也會針對不同套件來作主題分享

也歡迎您到場與我們分享您的經驗!~

若您對程式相關有興趣也期待 您能與我們聯繫
諸如:手機APP開發,HTLM5有,其他開源程式wp、xoops、drupal....等等

期待您的參與 !中部才能經常舉辦學術性研討會~

講題簡介


Soho族應該知道的接案流程-以Philsu.Tw為例 (飛爾酥)

飛爾酥接案經驗談及真實案例分享。

- 台灣吉野家-官方網站建置案
- 幼獅文化- 互動體感教材設計案
- 鼎香-CIS開發暨包裝設計案

將需求轉成清楚易懂的 Joomla! 網站規劃 (Asika)


將需求轉成清楚易懂的 Joomla! 網站規劃 (Asika)
客戶這邊說一套,你的接案夥伴也說一套,然後最後網站做完發現客戶想要的不是真正需要的但你想要的客戶也不想要!?

好吧我們來研究看看到底要怎麼弄出一份大家都爽快的網站規劃書,免得網站做完大家都不爽快~~~


Joomla! 各式接案網站應用案例分享 (A.J Lin /林玉潔)

依照各行各業屬性訂製joomla客製化形象網站及不同需求模組實現
 

講者介紹


飛爾酥創意設計站長-Philsu

一位從08年開始接案至今尚未餓死的傢伙。

飛鳥新樂園站長-飛鳥Asika

一位從08年開始接案至今死都不畢業的菸酒生。

鼎益盛網頁設計-A.J Lin /林玉潔

一位以客製化設計為主joomla責任體制下的完全執行者。

 報名連結

http://www.accupass.com/go/ilovejoomla0609

 joomla聚會飛爾酥接案流程分享  

joomla聚會飛鳥網站規劃需求架構客戶溝通技巧分享  

joomla模板設計joomla模組應用joomla客製化設計分享  

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

joomla 1.5  K2 的附加字段其實功能很強大

可以變化成各種形式

大意

1.新增 附區群組 如:課程訊息 線上報名
2.附加字段 定義欄位內容
3.到類別 輸入標題的區域 第五行的地方
-->相關的附區群組 選擇剛剛步驟一設定的群組名稱
4.完成

----圖片範例網站上傳中---

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1.將 根目錄下的htaccess.txt檔案
   變更名稱為 .htaccess

2. 全站設定中-->SEO設定-->友善搜尋引擎網址 

   勾選-->是

3.將文章頁面的別名正確命名

   沒有做此動作的話 網址會變成日期像這樣---> 2011-04-10-08-45-26.html

   命名才會變成 --->news.html

4.網址附加字尾這個因人而異有的機關單位不重視

   此項自行斟酌,但勾選之後可以幫助搜尋優化,讓引擎更容易找到文章

AJ

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(1) 人氣()

RSFORM 是一款簡單易上手 功能齊全的 表單模組

可以自由編輯欄位樣式

也支援各種美編語法

建議新手可以從現成範本表單開始

選擇範例後 將欄位改成自己需求的形式

這樣建置時間會減少很多

等上手之後再開發自己客製化的表單

範本demo網址:http://demo.rsjoomla.com/

RSFORM 模組下載 點我下載

P.S. 此版本為官方釋出的免費版 

故功能與介面會與官網的有明顯的差異

但基本功能已經非常夠用了 

若出現BUG 問題還煩請回報

A J

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

更改前原裝格式如下:

joomla k2 日期格式更改  

更改後

joomla k2 日期格式更改  

 更改前

joomla k2 日期格式更改

更改後

joomla k2 更改  

 

列表中顯示日期的指令是K2_DATE_FORMAT_LC2


我用的是比較簡單的方法,只改翻譯檔案而已

想要一勞永逸的高級班可以直接去改PHP原始碼抓取方式


在翻譯檔中找到 

K2_DATE_FORMAT="%d/%m/%Y - %H:%M"
K2_DATE_FORMAT_CALENDAR="%Y-%m-%d %H:%M:%S"
K2_DATE_FORMAT_LC2="%A, %d %B %Y %H:%M"
K2_DATE_FORMAT_LC="%A, %d %B %Y" 

更改你要的格式  

上傳 

完成

***************************

P.S.

K2 有日期的檔案 

site-

zh-TW.com_k2
zh-TW.mod_k2_comments
zh-TW.mod_k2_content

ADMIN-
zh-TW.com_k2
zh-TW.com_k2.j16

------------------------------------------------------------------------------------

日期代碼大小寫解釋列表

      1 a - "am" 或是"pm"

 

  2 A - "AM" 或是"PM"

 

  3 d - 幾日,二位數字,若不足二位則前面補零; 如: "01" 至"31"

 

  4 D - 星期幾,三個英文字母; 如: "Fri"

 

  5 F - 月份,英文全名; 如: "January"

 

  6 h - 12 小時制的小時; 如: "01" 至"12"

 

  7 H - 24 小時制的小時; 如: "00" 至"23"

 

  8 g - 12 小時制的小時,不足二位不補零; 如: "1" 至12"

 

  9 G - 24 小時制的小時,不足二位不補零; 如: "0" 至"23"

 

  10 i - 分鐘; 如: "00" 至"59"

 

  11 j - 幾日,二位數字,若不足二位不補零; 如: "1" 至"31"

 

  12 l - 星期幾,英文全名; 如: "Friday"

 

  13 m - 月份,二位數字,若不足二位則在前面補零; 如: "01" 至"12"

 

  14 n - 月份,二位數字,若不足二位則不補零; 如: "1" 至"12"

 

  15 M - 月份,三個英文字母; 如: "Jan"

 

  16 s - 秒; 如: "00" 至"59"

 

  17 S - 字尾加英文序數,二個英文字母; 如: "th","nd"

 

  18 t - 指定月份的天數; 如: "28" 至"31"

 

  19 U - 總秒數

 

  20 w - 數字型的星期幾,如: "0" (星期日) 至"6" (星期六)

 

  21 Y - 年,四位數字; 如: "1999"

 

  22 y - 年,二位數字; 如: "99"

 

  23 z - 一年中的第幾天; 如: "0" 至"365"

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()


 

1027 (33).jpg

「這種以悲劇結尾的電影,能否為觀眾帶來娛樂?
如果可以的話,拍戲的題材和種類就可以更不受限了。」—中島哲也

Q1:第一次看完原著小說有什麼感覺?
我是08年秋天偶然在書店見到這本書的。看完第一部份女教師獨白後,就決定買了。當日逛書店不是為了找拍戲題材,但看完真的興起「究竟怎樣才可以將一部用獨白講故事的小說化成影像」的想法,就這樣激起我改編的興趣。就好像我們用手機通話很輕鬆平常,但要你把談話內容用圖畫去表達就很難了(笑)。

Q2:什麼決定性因素讓你想把它拍出來?
把小說拍成真實影像,是基於想驗證書中每個人的獨白究竟是真是假。原著每個人物都站在自己立場說話,透過他們的獨白,故事的全貌才一片一片拼湊呈現。讀者一面讀,會一面推測人物的性格,但我有個疑問:日本人的善意謊言充斥日常生活,已經變成理所當然,我們真能如此坦率地把自己的想法說出來嗎?以我自己為例,我的真正想法,有時連我自己都不知道!

Q3:為何找松隆子當女主角?
我看過幾齣松隆子主演的舞台劇,我發覺她是那種不論任何角色,都有能力把人物內心挖到最深、展現最多層次面貌的演員。看她舞台劇作品《芝居》時,我覺得她很可怕,人物角色明明活生生,但居然那麼恐怖(笑)。當今世上,沒多少女演員能令我有這種不安感覺,所以就讓她演女教師這個角色。

Q4:你對她提出了哪些演出指導?
完全沒有,應該說我當時根本沒有預定的演繹方向。因為小說只記敘了說話的森口,她的眼神、語氣都沒有提及,所以我也在摸索如何把有對白的森口,跟小說裡未提及的森口融合統一。舉例說,在教室的走位是我設計的,但當時森口腦裡究竟想什麼,我沒有向演員仔細說明。不只松隆子,我對扮演學生的演員都沒有提出類似「你這個角色該用什麼語氣唸對白」的指示,都是由他們自己決定怎麼演。幸好松隆子事先也沒有跟我商量,否則我可能會因為她的設計跟我的理解不同而感到不安(笑)。

Q5:最後松隆子的演出你滿意嗎?
很滿意。開拍時,她的演出比我當初預期的還要好。第一天拍攝,她已經把森口演得很到位,記得我當時心想:「喔,原來森口就是這樣的人!」就好像書裡面的女教師活生生站在我面前一樣。

1029 (124) copy.jpg

Q6:如今想來,演員開拍前沒跟你討論角色,不是太危險嗎?
松隆子不是那種靠導演的分析去建構角色的演員,她屬於只要身在場景中,就會抓到戲路的類型,在坐滿學生的教室中,她自自然然就會變成女教師森口。雖然我都不明白她是如何做到的,但因為我實在無頭緒,所以她這種才能幫了我很多。這次我也沒有對其他演員窮追猛打,可能因為我對角色沒有主觀定位,感覺不對勁時,只是叫她「再來一次,再來一次」。

Q7:教師向學生報復,你怎麼看待森口悠子這個角色?
我一直覺得,一個人說什麼話,做什麼事,都不代表那就是他的本性。這次戲裡的人物好像都是壞人,但即使他們做出殘暴的事,他們都不是魔鬼,只不過是人遇到某些事情的下意識反應。拍攝結束後,我終於清晰地瞭解森口了,但請別要我形容,因為我怎麼樣看待這個人,不應該影響到觀眾對她的感覺。森口是喪心病狂還是情有可原,她報復是對是錯,應該交由觀眾判斷。


Q8:跟你過去執導的作品相比,【告白】無疑是最沈重的一部,你覺得現今的日本需要這種具反省意義的電影嗎?

我不知道。我眼裡只有一個問題:這種以悲劇結尾的電影,能否為觀眾帶來娛樂?如果可以的話,拍戲的題材和種類就可以更不受限了。對我來說,突破不是來自跟自己過去的作品比較,而是能夠把人性的缺點,即懦弱、狡猾等,用有趣的方法變成娛樂。雖然表達手法有所不同,但目的都是把人類更多不同的面貌表達出來。

  1218 113 copy.jpg

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1 2
找更多相關文章與討論