Một album đến từ NAG Đạt Xitroo đang được sự ủng hộ tích cực đến từ các thành viên trong cộng đồng B&R. Với phong cách vô cùng đơn giản, tone màu trắng chiếm ưu thế trong hầu hết những khung hình,những tia nắng tươi mới của buổi sớm, thêm vào đó là một chút sexy nhẹ nhàng, tất cả đã tạo nên những bức ảnh đầy thú vị, khiến người xem đầy thích thú!! Bên cạnh đó, tác giả còn chia sẻ preset và stock như một món quà dành tặng đến mọi người!!! (Link cuối bài viết)

Link preset + stock: Tại đây

Nguồn: Blend&Retouch

Lightroom Nhiếp ảnh Photography Preset Share stock

1:44:00 PM

Nếu blog của bạn có quá nhiều trang riêng lẻ, các nhãn, các chủ đề thì các menu đơn giản hoặc menu drop 1 cấpkhông thể đáp ứng được do vậy vấn đề đặt ra là ta phải có một menu chứa được tất cả các chủ đề đó nhưng vẫn đảm bảo blog gọn gàng đẹp mắt.

Mẫu Menu ngang xổ dọc hôm nay mình giới thiệu sẽ giúp bạn làm cho blog của bạn trở nên khoa học hơn. với việc từ một menu chính sẽ xổ ra rất nhiều Sub menu con làm cho blog của bạn đẹp hơn và bắt mắt hơn.

Xem hình minh hoạ sau:

☼ Cách tiến hành:

1- Đầu tiên, bạn đăng nhập vào Blog
2- Chọn Mẫu (Template)
3- Chọn chỉnh sửa HTML (Edit HTML)
4- Dán đọn code sau vào trước thẻ: ]]></b:skin>  (Mẹo: bấm Ctrl+F để mở hộp tìm kiếm và gõ vào)

/* Drop menu by http://namkna.blogspot.com/ */
/* ddsmoothmenu */
.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*Màu nền của thanh menu phần khi chưa có Menu con*/
width: 100%;
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*Màu nền của thanh menu khi chứa menu con*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;/*Màu chữ */
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}
.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
} 
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
/* ddsmoothmenu-v */
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
border-bottom: 1px solid #ccc;
}
.ddsmoothmenu-v ul li{
position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}
.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}
.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

- Để đổi màu Menu bạn đổi mã màu mà mình đã tô màu đỏ (#414141) ở bên trên nha. bạn có thể lấy các mã màu Tại đây.

5.  Bạn dán đoạn code bên dưới vào trước thẻ  </head>  :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://namkna-tratt.googlecode.com/files/ddsmoothmenu-namkna.js' type='text/javascript'></script>
<script type='text/javascript'>
 
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
 
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
}) 
</script>

6- Tiếp theo tìm thẻ  </header>  rồi copy tất cả các code bên dưới dán vào trên dòng lệnh đó như hình này: 

- Nếu blog của bạn không có thẻ </header> thì bạn hãy tạo một widget HTML/Javarscipt dưới header và pate code bên dưới vào (Nếu bạn chưa biết tạo 1 tiện ích HTML/Javarscipt thì hãy xem bài này/

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://namkna.blogspot.com">Home</a></li>
<li><a href="#"> Tên menu </a>
  <ul>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  </ul>
</li>
<li><a href="#"> Tên menu </a>
  <ul>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  </ul>
</li>
<li><a href=" địa chỉ trang "> Tên menu </a></li>
<li><a href="#"> Tên menu </a>
  <ul>
  <li><a href=" địa chỉ trang "> Tên trang </a></li>
  <li><a href="#"> Tên trang </a>
    <ul>
    <li><a href=" địa chỉ trang "> Tên trang </a></li>
    <li><a href=" địa chỉ trang "> Tên trang </a></li>
    <li><a href="#"> Tên trang </a>
  <ul>
      <li><a href=" địa chỉ trang "> Tên trang </a></li>
      <li><a href=" địa chỉ trang "> Tên trang </a></li>
      <li><a href=" địa chỉ trang "> Tên trang </a></li>
      <li><a href=" địa chỉ trang "> Tên trang </a></li>
      <li><a href=" địa chỉ trang "> Tên trang </a></li>
  </ul>
    </li>
    <li><a href=" địa chỉ trang "> Tên trang </a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul>
<br style="clear: left" />
</div>

Tùy chỉnh code Menu:

• Thay http://namkna.blogspot.com thành địa chỉ trang chính của bạ.
• Dòng Địa chỉ trang thành liên kết đến các trang, bài viết hoặc nhãn của bạn.
• Dòng Tên trang là tên hiển thị ở các Menu con mà khi bạn Click chuột vào tên đó thì trang của bạn xẽ load đến trang bạn gắn cho liên kết màu đoe ở trên.

7- bấm Lưu mẫu và trở lại Blog để "thưởng thức" thành quả.

Nguồn: http://hocsinhonline.blogspot.com/

Blogspot Share Tutorial Web

12:33:00 PM

Bạn có thích 1 thanh menu đẹp để áp dụng cho thanh menu cố định khi cuộn trang lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu xổ xuống (drop down) cơ bản nhất cho Blogspot. Sau khi hoàn thành bạn sẽ có 1 thanh menu ấn tượng!

Chú ý là tất cả hướng dẫn ở đây chỉ áp dụng cho những mẫu có sẵn khu vực navigation ở top, còn những mẫu template khác thì các bạn phải tùy biến nhiều hơn mới có kết quả!

Làm thế nào để làm menu xổ xuống (Drop down)?

- Truy cập vào trang quản trị Blogger > Design (Thiết kế)  > Page Elements (Bố cục)

- Hãy chọn thêm HTML/JavaScript như ảnh trên, và paste đoạn code này vào:

<div id='drnavbar'> 

      <ul id='drnav'> 

        <li> 

          <a href='#'>Trang chủ</a> 

        </li> 

        <li> 

          <a href='#'>Chém gió</a> 

        </li> 

        <li> 

          <a href='#'>Liên hệ</a> 

        </li> 

        <li> 

           <a href='#'>Menu</a>

            <ul> 

                <li><a href='#'>Menu 1</a></li> 

                <li><a href='#'>Menu 2</a></li> 

                <li><a href='#'>Menu 3</a></li> 

              </ul> 

        </li>

      </ul> 

    </div>

Trong đó:

+ Những dấu # sẽ được thay bằng các đường dẫn đến các chủ đề mà các bạn muốn nó xuất hiện

+ Chữ màu xanh là nội dung hiển thị của các chủ đề

+ Thẻ <ul>...</ul> là thẻ dùng để mở rộng tạo menu xổ xuống (drop down). Như đoạn code trên thì khi  trỏ chuột vào Menu, sẽ xổ xuống các Menu 1,2,3

Sau đó lưu lại đi!

- Giờ thì đến Design (Mẫu)> Edit HTML (Chỉnh sửa HTML)

- Giờ thì nên backup toàn bộ code trước khi chỉnh sửa nhé, để khi cần còn có thể phục hồi lại như cũ

- Tìm kiếm đến thẻ ]]></b:skin> và thêm đoạn CSS này lên trên nó:

/*----- Drop Down Menu ----*/

#drnavbar { 

    background: #060505; 

    width: 960px; 

    color: #FFF; 

        margin: 0px; 

        padding: 0; 

        position: relative; 

        border-top:0px solid #960100; 

        height:35px;

}

#drnav { 

    margin: 0; 

    padding: 0; 

} 

#drnav ul { 

    float: left; 

    list-style: none; 

    margin: 0; 

    padding: 0; 

} 

#drnav li { 

    list-style: none; 

    margin: 0; 

    padding: 0; 

        border-left:1px solid #333; 

        border-right:1px solid #333; 

        height:35px; 

} 

#drnav li a, #drnav li a:link, #drnav li a:visited { 

    color: #FFF; 

    display: block; 

   font:normal 12px Helvetica, sans-serif;    margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

        

} 

#drnav li a:hover, #drnav li a:active { 

    background: #BF0100; 

    color: #FFF; 

    display: block; 

    text-decoration: none; 

        margin: 0; 

    padding: 9px 12px 10px 12px; 

        

    

        

}

#drnav li { 

    float: left; 

    padding: 0; 

} 

#drnav li ul { 

    z-index: 9999; 

    position: absolute; 

    left: -999em; 

    height: auto; 

    width: 160px; 

    margin: 0; 

    padding: 0; 

} 

#drnav li ul a { 

    width: 140px; 

} 

#drnav li ul ul { 

    margin: -25px 0 0 161px; 

} 

#drnav li:hover ul ul, #drnav li:hover ul ul ul, #drnav li.sfhover ul ul, #drnav li.sfhover ul ul ul { 

    left: -999em; 

} 

#drnav li:hover ul, #drnav li li:hover ul, #drnav li li li:hover ul, #drnav li.sfhover ul, #drnav li li.sfhover ul, #drnav li li li.sfhover ul { 

    left: auto; 

} 

#drnav li:hover, #drnav li.sfhover { 

    position: static; 

}

#drnav li li a, #drnav li li a:link, #drnav li li a:visited { 

    background: #BF0100; 

    width: 120px; 

    color: #FFF; 

    display: block; 

    font:normal 12px Helvetica, sans-serif; 

    margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

z-index:9999; 

border-bottom:1px dotted #333;

    

} 

#drnav li li a:hover, #drnavli li a:active { 

    background: #060505; 

    color: #FFF; 

    display: block;     margin: 0; 

    padding: 9px 12px 10px 12px; 

        text-decoration: none; 

}

Các đoạn CSS có #... là màu của các thành phần trong thanh menu nhé, màu thế nào là tùy các bạn. Bạn có thể thay đổi font chữ tại đoạn code màu xanh

Cuối cùng là lưu template lại và tận hưởng thành quả :D Nhưng nhớ là có không vừa ý thì cũng tự hiểu rằng đây chỉ là đoạn code cơ bản để làm menu xổ xuống (Drop down) cho Blogspot thôi ^_^ Bạn phải tùy chỉnh một vài nội dung nữa nó mới hợp với trang web của bạn!

Nguồn: http://www.tranbadat.info

Blogspot Menu Share Thủ Thuật Tutorial Web

9:13:00 AM

Hè rồi, đến với biển thôi. Bộ ảnh mang phong cách nhẹ nhàng, trong trẻo đầy tinh tế. Bên cạnh đó, NAG Thành Luân còn trực tiếp chia sẻ preset cho mọi người.

Link preset: Tại đây​

The post SHARE PRESET | THÀNH LUÂN appeared first on B&R.

Nguồn: br-art.vn

Ảnh đẹp Blend màu đẹp Lightroom Nhiếp ảnh Photography Preset Share stock

2:03:00 AM

Với các dạng typo đẹp và chất , ae tha hồ design ảnh của mình theo ý muốn.
Link download: Mong ae ủng hộ.

Download: Tải về Tại Đây

Tải nhiều thêm tài liệu của A.PHAN tại đây: FAN PAGE
Nguồn: BR-ART.VN

đẹp Illutrator Photography Photoshop PSD Share Text Thiết kế TYPO

3:34:00 AM

Nếu giống như hầu hết mọi người, bạn vẫn chưa biết cách sử dụng Photoshop thì việc làm quen với các thuật ngữ và cách bố trí của nó có thể làm cho bạn nản chí. Sau đây là 9 nguồn tài nguyên miễn phí giúp bạn học cách tiến hành những thao tác cần thiết để hoàn thành tác vụ chỉnh sửa bức hình theo ý muốn của mình.

1. Adobe Tutorials



Adobe TutorialsĐây là một hướng dẫn tỉ mỉ và toàn diện về những khái niệm cơ bản trong Photoshop, được xem là nguồn tài nguyên tốt nhất để bạn bắt đầu học. Adobe cung cấp các video hướng dẫn bao gồm mọi thứ từ những hướng dẫn về những công cụ cơ bản nhất theo hình thức từng bước một (step-by-step) để bạn có thể nắm được toàn bộ những kỹ năng về Photoshop.

2. You Suck at Photoshop

Với cách hướng dẫn vui nhộn và có phần “bựa bựa” tại You Suck at Photoshop; bằng cách sử dụng các ví dụ sáng tạo (giống như làm thế nào sử dụng Photoshop để tẩy cái nhẫn cưới của “con vợ bội bạc” ra khỏi tấm hình  ), Donnie Hoyle đưa ra những hướng dẫn từng bước một để thực hành nhiều thủ thuật trong Photoshop.

3. YouTube

Nếu có một thủ thuật Photoshop nào đó mà bạn đang muốn học, thì có khả năng một video trên YouTube có thể giúp bạn. 10 video này sẽ là bước khởi đầu quá trình học của bạn.

4. Toolkit Tutorial



Toolkit TutorialCác icon trong Photoshop có thể gây bối rối đối với những người chưa thành thạo, nhưng sẽ dễ hơn nhiều để làm việc trong Photoshop nếu bạn bắt đầu bằng cách làm quen với những công cụ cơ bản của nó. Những bài hướng dẫn này sẽ dạy bạn tất cả những phương tiện đồ họa nhỏ nhất trong Photoshop và khi nào thì sử dụng công cụ thích hợp trong số đó.

5. Keyboard Shortcut Cheat Sheet



Keyboard Shortcut Cheat SheetHọc các tổ hợp phím tắt trong Photoshop về các thao tác thường xuyên sử dụng sẽ tiết kiệm thời gian và làm cho bạn đỡ mỏi tay. Bạn hãy in ra bản danh sách phím tắt này để dễ dàng tham khảo và học thuộc nhé.

6. Photoshop Forums



Photoshop ForumsKhi ta không biết điều gì thì cách tốt nhất là đi hỏi các chuyên gia. Nếu bạn có một câu hỏi về Photoshop, thì hãy tìm xem nó đã có trong diễn đàn này hay chưa, nếu chưa thì bạn hãy tạo ra câu hỏi của mình tại đây nhé!

7. Special Effect Tutorials



Special Effect TutorialsBạn đã chán với việc ngồi cắt xén và chỉnh sửa màu sắc các bức hình? Hãy nhảy vào các layout gây ấn tượng và các hiệu ứng nghệ thuật tại đây — kiểu như “Làm thế nào để tạo ra bức hình một cô gái trong không gian”.

8. Free Brush Roundup



Free Brush RoundupCũng giống như các họa sĩ, các chuyên gia Photoshop lựa chọn những mẫu cọ (brush) khác nhau để tạo ra các hiệu ứng khác nhau trên bức hình. Các brush sẽ xác định hình dạng của nét vẽ trong công cụ của bạn. Bạn hãy thử nghiệm với những kiểu cọ (brush) miễn phí trên trang web này. Bài hướng dẫn này sẽ hướng dẫn bạn cách làm thế nào để cài đặt chúng, và bài hướng dẫn này sẽ giúp bạn sử dụng chúng.

9.Troubleshooting Photoshop for Dummies



Giống như hầu hết các chương trình khác, Photoshop đôi khi cũng bị treo hoặc lờ đi những thao tác mà bạn muốn làm. Bạn hãy làm theo các chỉ dẫn ở đây để gỡ rối và giải quyết vấn đề hoặc tắt luôn chương trình.

Trên đây là 9 nguồn tài nguyên bạn nên có trên con đường để trở thành một chuyên gia Photoshop. Bạn hãy cho chúng tôi biết bài hướng dẫn hoặc tài nguyên Photoshop nào khác mà bạn thấy hay ở phần bình luận phía dưới nhé!

Nguồn: http://forum.vietdesigner.net

Design Photoshop Share Thiết kế Tutorial

2:41:00 AM

18 KHO ẢNH STOCK PHOTO MIỄN PHÍ CỰC ĐẸP


Ảnh chuyên nghiệp, cực đẹp, cực chất, phân giải cao... và hoàn toàn MIỄN PHÍ!!

Biết được những kho ảnh tuyệt vời này, các bạn Designer, Web Designer hay Blogger sẽ không còn phải khổ sở đi tìm ảnh mình họa cho sản phẩm hay bài viết nữa! Hãy chia sẻ cho mọi người thôi 

Tổng hợp bởi MediaZ

Lưu ý, trên Việt Designer đã có vài topic tổng hợp các trang ảnh stock, có thể sẽ có một số trang bị trùng lặp. nhưng chắc chắn cũng sẽ có những trang mới hoàn toàn mà bạn chưa biết và đang chờ bạn khám phá! Hãy tận hưởng và chia sẻ cho bạn bè nhé 


Unsplash: http://unsplash.com/


Picjumbo: https://picjumbo.com/


Pixabay: http://pixabay.com/


IM Free: http://www.imcreator.com/free


Gratisography: http://www.gratisography.com/


MorgueFile: http://www.morguefile.com/


FreeImages: http://www.freeimages.com/


Little Visuals: http://littlevisuals.co/


New Old Stock: http://nos.twnsnd.co/


Picography: http://picography.co/


Getrefe: http://getrefe.tumblr.com/


Jay Mantri: http://jaymantri.com/


Public Domain Archive: http://publicdomainarchive.com/


Albumarium: http://albumarium.com/


Start-up Stock Photos: http://startupstockphotos.com/


Death to the Stock Photo: http://deathtothestockphoto.com/


Designerspics: http://www.designerspics.com/


Và cuối cùng là box Kho ảnh stock của diễn đàn Việt Designer
 http://forum.vietdesigner.net/forums/stock/

Nguồn: http://forum.vietdesigner.net

Ảnh đẹp Design Font Illutrator Manip Photography Share stock Text Thiết kế

1:30:00 AM