Tìm kiếm Blog này

Thứ Bảy, 28 tháng 5, 2011

Megaman X8

Megaman X8 - Phiên bản mới nhất và là một trong nhưng phiên bản thành công nhất do hãng CAPCOM sản xuất. Đây là phiên bản vượt bậc so với các phiên bản Megaman X trước, với sự thay đổi phong phú về tính năng và cách chơi.
Đồ họa thiết kế tuyệt đẹp với khung cảnh 3D sinh động, tuy nhiên góc nhìn vẫn chủ yếu là 2D. Một game rất đáng chơi nhất là khi bạn là Fan của dòng Game Megaman.
Phiên bản Megaman X8 lần này tiếp tục cốt truyện của “tiểu thuyết” Megaman X. Nhân vật chính của chúng ta được biết đến với tên gọi rất đơn giản, “X”, và X cùng với 2 người bạn của anh là Zero và Axl cố gắng cứu nhân loại khỏi tên Sigma gian ác. Sigma đang lập ra kế hoạch huỷ diệt nhân loại bằng cách tiêm vào những con rô-bốt của chúng một loại virus để chúng làm bá chủ loài người. Giống như phiên bản Megaman gốc, Megaman X8 có rất nhiều bàn khác nhau, và con số 12 có lẽ là số lượng chính xác đó.
Vào những level đầu, bạn có quyền chọn 2 trong 3 nhân vật. Mỗi người đều có các khả năng khác nhau như chỉ Zero có thể nhảy 2 lần nhưng Axl lại có thể bay, Zero có thể đánh giáp lá cà bằng kiếm rất nhanh nhưng Axl thì có thể nhắm xa mọi khoảng cách…Và tất nhiên, một điều quá quen thuộc là những con trùm sẽ luôn xuất hiện ở cuối màn và chiến thắng nó sẽ là nút thắt để kết thúc bàn đó. Vượt qua mỗi bàn thì nhân vật của bạn sẽ có thêm các skill để ứng chiến trong những bàn tiếp đó.

Tổng hợp
»»  read more

ChinaOpen Tennis

ChinaOpen Tennis là một trò chơi thể thao miễn phí. Có bốn lựa chọn cho bạn  Khi chơi, nhấn phím spacebar để đánh bóng. Bạn nhấn spacebar nhẹ thôi  nếu nhấn quá mạnh bạn có thể làm cho quả bóng bay ra ngoài sân tennis.
ChinaOpen Tennis
Nếu bạn nhấn phím spacebar hai lần thì trò chơi sẽ tạm dừng. Nhấn lại một lần nữa  trò chơi sẽ trở lại.
Sử dụng các phím mũi tên để điều khiển trái, phải, lên, xuống, để bạn có thể đánh được bóng.
Tuyết Mai (Theo Softpedia)
»»  read more

Adore Puzzle

Adore Puzzle là một trò chơi miễn phí, trong đó có một bộ sưu tập ảnh tuyệt vời của những nơi khác nhau của châu Âu, vì vậy bạn có thể đi trên một tour du lịch hấp dẫn bằng chính chiếc máy tính của bạn.
Adore Puzzle
Bắt đầu từ chuyến đi từ Anh, từng bước, bạn di chuyển về phía đông và nhận được một cơ hội để khám phá các quốc gia mới, giải quyết các câu đố khó khăn hơn và thú vị.
Adore Puzzle
Adore Puzzle

Luật chơi:

- Mỗi cấp độ được đại diện bởi một quốc gia cụ thể trên bản đồ game.
- Sau khi bạn thành công qua một cấp, sẽ có những nhệm vụ mới đang chờ bạn giải quyết ở các cấp độ tiếp theo rất thú vị.
- Trò chơi có 2 chế độ:  Puzzle và Slide. Người chơi có thể chuyển đổi giữa chúng bất cứ lúc nào.
- Có một sự trợ giúp kịp thời (một đồng hồ ở góc dưới bên trái của cửa sổ game) cho phép người chơi để xem toàn bộ hình ảnh trong một thời gian ngắn.
- Việc truy cập lần lượt, và hẹn giờ không hạn chế lối chơi  mà chỉ để xác định vị trí xếp hạng của cầu thủ với  những người chơi khác.
Tải Game: http://adf.ly/1d3q2
Tuyết Mai (Theo Softpedia)
»»  read more

Anchovy Assault

Anchovy Assault là một trò chơi hành động. Khi đánh nhanh chóng nhấn phím cách để nâng cao sức mạnh khi tiếp cận tay sai của sinh vật phù du. Bạn có thể chọn nhân vật để chơi như: SpongeBob, Squid ward, hoặc  Mr. Krabs character.
Anchovy Assault
Hướng dẫn chơi: Bấm phím cách để ném các đối tượng và làm cho họ đi xa hơn. Sự nhanh nhẹn của đôi bàn tay là một lợi thế khi chơi game này.
Tải Game: http://adf.ly/1d3o2
Tuyết Mai (Theo softpedia
»»  read more

Game vui nhộn Guardian of Paradise

Guardian of Paradise là một trò chơi vui nhộn và hấp dẫn thuộc thể loại japaneses RPG , game đã có phiên bản tiếng anh.
Trong game bạn vào vai một chàng trại trẻ tên là Tela, người em gái của bạn bị ốm rất nặng và chỉ có thể chữa được khi dùng nước thánh theo truyền thuyết do đó Tela quyết định lên đường để tìm thuốc chữa chị cho cô. Trên đường làm nhiệm vụ của mình Tela đã được các vị thần hỗ trợ cho anh những phép thuật để chống lại những kẻ thù vô cùng mạnh mẽ và hung ác.
Game có đồ họa rất tuyệt vời, âm thanh và game sẽ níu kéo bạn với mảnh đất bí ẩn này. Mỗi cấp độ bạn sẽ có thêm những món đồ ma thuật và sẽ hỗ trợ các cấp độ tiếp theo.
Tính năng game:
* Cốt truyện tuyệt vời
* Phong cách cổ điển giống Zelda
* Nhiều kĩ thuật khác nhau
* Đồ họa thực sự tốt
Điều khiển:
* Di chuyển – các phím mũi tên
* Z – Hành động/Tấn công
* X – Nặng lực thần
* C – Chuyển Năng lực thần
* F1- chụp màn hình
* ESC – Tùy chọn game
Tải Game: http://adf.ly/1d3mR
    Theo minigame
»»  read more

Cycle Racer

Đua xe đạp là một trò chơi thể thao thú vị miễn phí. Hai người bạn thân đã thách thức bạn đến một cuộc đua và bạn không để bị thua .
Sử dụng phím trái và phải thay phiên để tăng tốc độ. Các ngón tay của bạn phải nhanh hơn, nhanh hơn chiếc xe đạp. Sử dụng mũi tên lên xuống để tránh chướng ngại vật trên con đường đua.
Cycle Racer

Tải Game: http://adf.ly/1d3fX
Theo Softs-vn
»»  read more

Thứ Sáu, 27 tháng 5, 2011

Tạo menu giống trang theothao.zing.vn


by PHAN DŨNG on AUGUST 11, 2010
Có 1 bạn đã yêu cầu thủ thuật này từ lâu, đến nỗi mình quên mất cái comment yêu cầu nằm ở đâu và tất nhiên là cả tên bạn ấy nữa. Hồi trước mình cũng thấy bên vnblognet.com dùng cái menu này, nhưng chỉ có menu chính, không có menu phụ. Hôm nay mình sẽ giới thiệu đầy đủ về menu này. Tất nhiên là mình có điều chỉnh 1 chút so với bên thethao.zing.vn, ví dụ như hộp tìm kiếm chẳng hạn.
Hình ảnh minh họa :
menu Zthethao - mothuthuat.com
Xem DEMO : menu Zthethao
* Sau đây là code của thủ thuật :
1. Vào bố cục
2. Vào phần tử trang
3. Tạo 1 widget HTML/javascript và dán code bên dưới vào:
<style type="text/css">
.hide {display:none;}
#kmenu
{
    font-size:12px;
    height: 80px;
    background: url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/menu-bg.gif) repeat-x;
}
#kmenu .kmenu-r
{
    height: 80px;
    background: url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/menu-right-bg.gif) no-repeat top right;
}
#kmenu .kmenu-l
{
    height: 80px;
    background: url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/menu-left-bg.gif) no-repeat top left;
}
#kmenu .homepage
{
    padding: 20px 0px 0px 8px;
    width: 78px;
    float: left;
}
#kmenu .homepage a
{
    font-weight: bold;text-decoration: none;
}
#kmenu .homepage a:hover
{
    color: #f68121;
    text-decoration: none;
}
#kmenu .mnav
{
    width: 800px;
    float: left;
    padding: 17px 0 0 20px;
}
#kmenu .mnav ul.zlstmnav
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 28px;
}
#kmenu .mnav .zlstmnav li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
#kmenu .mnav .zlstmnav li a
{
    float: left;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 0 0px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    font-family: Arial;
}
#kmenu .mnav .zlstmnav li a span
{
    float: left;
    display: block;
    padding: 0 0px 0 20px;
}
#kmenu .mnav .zlstmnav li a:hover, #kmenu .mnav .zlstmnav li.selected a
{
    margin-top: 1px;
    height: 26px;
    line-height: 26px;
    background: #2e2e2e url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/nav-left-bg.gif) no-repeat top left;
}
#kmenu .mnav .zlstmnav li.first a:hover
{
    background: #2e2e2e url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/nav-left-home.gif) no-repeat top left;
}
#kmenu .mnav .zlstmnav li a:hover span, #kmenu .mnav .zlstmnav li.selected a span
{
    background: url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/nav-right-bg.gif) no-repeat top right;
    padding: 0 23px 0 23px;
}
#kmenu .submenu
{
    padding-left: 15px;
 padding-top: 3px;
}
#kmenu .submenu li
{
    float: left;list-style: none;
}
#kmenu .submenu li a
{
    color: #fff;
    display: block;
    padding-right: 15px;
    text-decoration:none;
}
#kmenu .submenu li a:hover
{
              color: #f68121;
 background:url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/icon-li.png) no-repeat left;
 padding-left:14px;
}
#sub_FormSearch {float:right;}

#sub_FormSearch {
 padding:0 0px 3px 20px;
 background:url(http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/img/search-bg.png) no-repeat top left;
 height:24px;
}
#sub_FormSearch .search {

 width: 200px;
 height: 25px;
        margin:0;
        padding:0;

 }
#sub_FormSearch input {

 width: 180px;
 height: 18px;
 margin: 1px 0 0 0;

 font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
 color: #fff;
        border:none;
 background-color: transparent;
 }
#sub_FormSearch .search-submit, #sub_FormSearch .button {
 display: none;
 }

</style>
<script src="http://data.fandung.com/blog/demo/zthetheo-menu/Zmenu/kMenu.js" type="text/javascript"></script>
<div id="kmenu">
    <div class="kmenu-r">
        <div class="kmenu-l">
            <div class="kmenu-c">
                <div class="homepage"><a href="http://fandung.com">fandung</a></div>

  <div id="mn1" class="mnav">
                    <ul class="zlstmnav">
                        <li class="selected"><a id="mn_home" href=""></a></li>
                        <li class=""><a id="mn_1" href="#"><span>Menu 1</span></a></li>
                        <li class=""><a id="mn_2" href="#"><span>Menu 2</span></a></li>
                        <li class=""><a id="mn_3" href="#"><span>Menu 3</span></a></li>
                        <li class=""><a id="mn_4" href="#"><span>Menu 4</span></a></li>
                        <li class=""><a id="mn_5" href="#"><span>Menu 5</span></a></li>
                        <li class=""><a id="mn_6" href="#"><span>Menu 6</span></a></li>
       </ul>

                    <div class="submenu">
          <div id="main"></div>
                        <div id="sub_FormSearch" class="">
  <div class="search" id="search-">
                              <form action='/search/' class='search-form' id='search-form-' method='get'>
       <input class="search-text" id="search-text-" name="q" onBlur="if (this.value == &quot;&quot;) {this.value = &quot;Search on this site...&quot;;}" onFocus="if (this.value == &quot;Search on this site...&quot;) {this.value = &quot;&quot;}" tabindex="7" type="text" value="Search on this site..." />
       <input class="search-submit button" id="search-submit-" name="submit" tabindex="8" type="submit" value="Search" />
     </form>
                        </div></div>

  <div id="sub_home" class="hide" title="0">
                               <ul>
         <li><a href="#">Blogger</a> </li>
         <li><a href="#">Wordpress</a> </li>
         <li><a href="#">Joomla</a> </li>
     </ul>
                            </div>

                        <div id="sub_1" class="hide" title="0">
                            <ul style="padding-left: 0px;">
                                <li><a href="#">Sub Menu 1.1</a></li>
                                <li><a href="#">Sub Menu 1.2</a></li>
                                <li><a href="#">Sub Menu 1.3</a></li>
                            </ul>
                        </div>

                        <div id="sub_2" class="hide" title="0">
                            <ul style="padding-left: 0px;">
                                <li><a href="#">Sub Menu 2.1</a></li>
                                <li><a href="#">Sub Menu 2.2</a></li>
                                <li><a href="#">Sub Menu 2.3</a></li>
                            </ul>
                        </div>

                        <div id="sub_3" class="hide" title="10">
                            <ul style="padding-left: 10px;">
                                <li><a href="#">Sub Menu 3.1</a></li>
                                <li><a href="#">Sub Menu 3.2</a></li>
                                <li><a href="#">Sub Menu 3.3</a></li>
                            </ul>
                        </div>

                        <div id="sub_4" class="hide" title="190">
       <ul style="padding-left: 190px;">
                                <li><a href="#">Sub Menu 4.1</a></li>
                                <li><a href="#">Sub Menu 4.2</a></li>
                                <li><a href="#">Sub Menu 4.3</a></li>
                            </ul>
                        </div>

                        <div id="sub_5" class="hide" title="260">
      <ul style="padding-left: 260px;">
                                <li><a href="#">Sub Menu 5.1</a></li>
                                <li><a href="#">Sub Menu 5.2</a></li>
                                <li><a href="#">Sub Menu 5.3</a></li>
                            </ul>
                        </div>

                        <div id="sub_6" class="hide" title="320">
                            <ul style="padding-left: 320px;">
                                <li><a href="#">Sub Menu 6.1</a></li>
                                <li><a href="#">Sub Menu 6.2</a></li>
                                <li><a href="#">Sub Menu 6.3</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    kMenu.Init('kmenu',o_ChannelRoot);
</script>
4. Save widget
- 1 vài lưu ý :
* Code CSS :
#kmenu .mnav
{
    width: 800px;
    float: left;
    padding: 17px 0 0 20px;
}
800px là độ rộng của vùng hiển thị sub menu, kể cả vùng hiển thị form search. Nếu độ rộng này lớn hơn độ rộng của vùng hiển thị của cả menu (hoặc độ rộng của blog) thì sẽ gặp 1 lỗi như bên dưới :
menu Zthethao 2 - mothuthuat.com
-thay đổi giá trị 800px lại cho thích hợp
* Căn lề trái cho submenu:
- nếu không căn lề trái (padding:left) thì các submenu đều nằm hết ở phía bên trái. Việc căn lền trái nhằm giúp cho submenu hiển thị ngay dưới menu chính. Ví dụ ta xem đọan code của submenu6
<div id="sub_6" class="hide" title="320">
                            <ul style="padding-left: 320px;">
                                <li><a href="#">Sub Menu 6.1</a></li>
                                <li><a href="#">Sub Menu 6.2</a></li>
                                <li><a href="#">Sub Menu 6.3</a></li>
                            </ul>
                        </div>
- ta thấy giá trị padding-left ở đây là 320px, thoạt nhìn vô ta sẽ chỉnh ngay đọan code ở trong thẻ ul, nhưng thực chất file js lấy giá trị title=”320″ ở thẻ div để canh lề cho submenu. Vì thế các bạn muốn căn lề cho các sub thì thay đổi giá trị title. Còn giá trị ở thẻ ul chỉ nhằm giúp ta dễ hiểu hơn mà thôi.
Hình ảnh minh họa :
menu Zthethao 3 - mothuthuat.com
- nếu submenu ở menu chính cuối cùng nằm gần phía bên phải quá sẽ đụng phải form search, và form search sẽ bị trồi xuống dưới như hình bên dưới :
Hình ảnh minh họa :
menu Zthethao 3 - mothuthuat.com
- nếu mắc lỗi này các bạn chỉ việc giảm giá trị padding-left đi là ok.
Chúc các bạn thành công.
»»  read more
Twitter Delicious Facebook Digg Stumbleupon Favorites More