Giao diện – đồ họa web
Ý nghĩa màu sắc trong thiết kế
by saosangmo on Apr.07, 2009, under Giao diện - đồ họa web
Không gian sống:
![]() |
Các nhà nghiên cứu khoa học từ lâu đã khẳng định sự tác động không nhỏ của màu sắc lên tâm lý của người sử dụng. Không cảm thấy ngột ngạt với nhịp sống hối hả và khói bụi của thành phố, mà ngược lại, những màu sắc nếu được sử dụng đúng chỗ sẽ làm bạn như đang sống giữa thiên nhiên thuần khiết, hiền hòa… (continue reading…)
10 Easy Ways to Professionalise Your Joomla Site
by saosangmo on Feb.20, 2009, under Giao diện - đồ họa web, Joomla
- Create a new favicon.ico. Yes, the default black Joomla logo is pretty, but people bookmarking your site they need to see a icon that identifies your site rather than Joomla or others using Joomla default icon. If you don’t want to design on a 16×16 pixels scale, there are sites that will generate a favicon for you. Then upload it to /template/<your_template_name>/favicon.ico (continue reading…)
Cách tách nền ra khỏi hình không mất 1 sợi tóc, bằng Channels!
by saosangmo on Jan.11, 2009, under Giao diện - đồ họa web
Nhận thấy có nhiều bạn chưa biết cách tách nhân vật ra khỏi nền mà không mất đi những chi tiết nhỏ như tóc,…. mình xin hướng dẫn tách hình nhân vật ra khỏi hình nền dùng channels
Đây là hình ảnh cần tách: (continue reading…)
Fancy Sliding Tab Menu V2
by saosangmo on Jan.11, 2009, under Giao diện - đồ họa web, Nice Scripts
The Fancy Sliding Tab Menu is back and better than ever in Version 2 and this time I’ve included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window. (continue reading…)
Cách chuyển đổi Template từ Joomla! 1.0.x sang 1.5.x
by saosangmo on Jan.07, 2009, under Giao diện - đồ họa web, Joomla
Khi chuyển trang web dùng Joomla! 1.0.x sang 1.5.x thì một trong những việc đầu tiên cần phải làm là chuyển đổi giao diện (Template). Bài viết này sẽ hướng dẫn cách chuyển đổi Template từ Joomla! 1.0.x sang 1.5.x
Chuyển đổi Template từ Joomla! 1.0.x sang 1.5.x chủ yếu chỉ thực hiện việc thay đổi nội dung trong một số tập tin của Template.
Các thay đổi trong index.php:
- Thay _VALID_MOS bằng _JEXEC
- Thay $mosConfig_absolute_path bằng $this->baseUrl
- Thay $mosConfig_live_site bằng $mainframe->getCfg( ‘live_site’ )
- Thay các dòng lệnh hiển thị chữ echo ‘Hello’ cố định bằng bằng dòng lệnh echo JText::_( ‘Hello’ ) có thể chuyển ngữ được.
- Thay mosGetParam bằng JRequest::getVar.
Thí dụ: Thay $id = mosGetParam( $_REQUEST, ‘id’, 0 ); bằng $id = JRequest::getVar( ‘id’, 0 ); - Thay mosShowHead(); bằng
- Thay mosMainBody() bằng
- Thay mosLoadModules( $position_name, $style ); bằng <jdoc:include type=”modules” name=$position_name style=$style />
- Thay các kiểu ($style) Module của 1.0.x tương ứng với 1.5.x:
-1 => none
0 => table
1 => horz
-2 => xhtml
-3 => rounded
-
Thay thành
-
Thay thành countModules(‘$position_name ‘)) : ?>
-
Thêm dòng khai báo css của Joomla! vào giữa cặp thẻ (chung với css của Template)
-
Thêm dòng lệnh hiển thị các thông báo của Joomla! đặt tại vị trí nào tùy ý (thường được đặt phía trên phần nội dung chính)
-
Ngoài ra cần phải lưu ý là Joomla! 1.5.x sẽ tự động nạp sẵn 2 Javascript trong Template thông qua dòng lệnh , nếu Template cũ có nạp các Javascript này thì khi chuyển đổi không cần đến nữa.
-
Thay bằng
-
Thay bằng
-
Khai báo các vị trí Module ($position_name) được sử dụng trong Template.
-
Thêm các thông số của Template vào nếu có.
-
Xem xét tập tin template_css.css để thêm bớt nội dung cho phù hợp với Joomla! 1.5.x (mở tập tin template.css của các Template 1.5.x khác để tham khảo).
-
Đổi tên tập tin template_css.css thành template.css
Trên đây chỉ là các bước cơ bản để chuyển đổi các Template thông thường, đối với một số Template được thiết kế có nhiều chức năng thì phải chuyển đổi thêm các chức năng này.
Newspaper Website Design: Trends And Examples
by saosangmo on Dec.31, 2008, under Giao diện - đồ họa web
By Steven Snell
News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs. (continue reading…)
Design Watercolor Effect Menu
by saosangmo on Dec.31, 2008, under Giao diện - đồ họa web
This is a two-part tutorial on how to create an artistic and un-typical CSS list menu as seen on Web Designer Wall. In the first part (this article), I will show you how to design a watercolor effect menu in Photoshop. Then in next tutorial, I will show you how to slice the menu and code in CSS. If you need some inspiration on creating an artistic menu, visit our previous post on artistic websites. Ready? Let’s begin Part 1. (Update: Part 2 is ready – Advanced CSS Menu) (continue reading…)
Xây dựng giao diện Web dựa trên hệ thống Grid
by saosangmo on Dec.30, 2008, under Giao diện - đồ họa web
Nếu bạn có thường xuyên xây dựng hệ thống khung trước khi vẽ bố cục trang Web thì bạn nên bỏ qua bài viết này. Ngược lại, bài viết này rất có ích với những người bắt đầu làm quen với thiết kế Web cũng như các chuyên gia thiết kế Web tại Việt Nam. Chúng giúp cho bố cục trang Web trở nên chặt chẽ, mạch lạc, nội dung giúp người dùng dễ tìm, dễ nhìn và dễ đọc. Đối với những người làm Usability, hệ thống Grid dưới đây là nền tảng để xây dựng hệ thống Web tiện dụng hơn. (continue reading…)
Site Personas and the Dialogue Process
by saosangmo on Dec.30, 2008, under Giao diện - đồ họa web
I often find it helpful to picture my web sites as information flowing both ways between the site and users. The Dialogue Process is a way to optimise your web site interactions by scripting them as conversations between your two types of persona. (continue reading…)
Rainy Day
by saosangmo on Dec.30, 2008, under Giao diện - đồ họa web
Leave a Comment :free action, photoshop more...
