Thứ Năm, 6 tháng 12, 2018

[EVENT] MỪNG BLOG ĐẠT 150K VIEW


H e l l o, lại là mình Duy Phương đây thì cũng gần 2 tuần rồi mình chưa đăng bài mà hôm nay rảnh rỗi nên ngồi viết bài và cũng thật trùng hợp là blog đã đạt 150k view nên mình tiện tay làm event luôn.
Thì con nhà nghèo mà, không có gì ngoài cái temp cũ kĩ mới xài tháng trước là có thể đem ra share cho anh em.

Thông tin về theme

Thiết kế:Chưa rõ
Demo:Tại Đây
Thiết kế lại:Duy Phương
Responsive:True
Tốc Độ Load:Nhanh
Theme gốc:HongHaiBlog
Giá bán:150k Miễn Phí (Event)

Thì đây là lần đầu làm event nên mình xin phép lấy chút thời gian của các bạn để nhờ các bạn share bài này lên google + hoặc trên facebook của các bạn.
Và các bạn để lại gmail hoặc link facebook bên dưới rảnh mình sẽ send qua cho các bạn.

Thứ Hai, 19 tháng 11, 2018

SHARE PSD ẢNH BÌA ANH KHÔNG THỂ | NGUYỄN THANH TIẾN

Xin chào mọi người. Mình là CTV mới của Duy Phương Blog. Hôm nay mình sẽ chia sẻ mọi người
PSD Anh Không Thể. Typography mình sử dụng của Nguyễn Tuấn Linh.

PSD Ảnh Bìa Anh Không Thể cực chất

Ok thì ảnh demo đã share rồi thì cũng nên có nút download chứ nhỉ ^^

Nội dung trên Duy Phương Blog được viết bởi admin, nếu bạn có ý định sử dụng lại bất kỳ nội dung nào tại BLOG của chúng tôi, vui lòng liên hệ xin phép và trích dẫn nguồn BLOG.
     Khi thấy trên BLOG này có chứa dữ liệu, nội dung BLOG hoặc sản phẩm của bạn và bạn muốn gỡ bỏ nó tại BLOG của chúng tôi, hãy liên hệ với tôi tại đây.

Thứ Bảy, 17 tháng 11, 2018

CÁCH TẠO WIDGET HIỆU ỨNG CHỮ ĐÁNH MÁY


Kính chào anh chị em cùng với các bà con cô bác đã đến với Duy Phương Blog. Thì hôm nay rảnh và cũng tình cờ thấy bên codepen cái widget rất hay liền đem về nghịch và tiện thể share lên đây cho anh em xài luôn. Widget này cũng có hiệu ứng chữ đánh máy bao ngầu.
Cũng cần có cái để xem trước khi bắt tay vào làm chứ nhỉ.



HTML
<div class=fakeMenu>  <div class="fakeButtons fakeClose"></div>  <div class="fakeButtons fakeMinimize"></div>  <div class="fakeButtons fakeZoom"></div></div><div class="fakeScreen">  <p class="line1">&#91;&nbsp;&ldquo;I'm a web developer.&rdquo;,<span class="cursor1">_</span></p>  <p class="line2">&nbsp;&nbsp;&ldquo;I'm a web designer.&rdquo;,<span class="cursor2">_</span></p>  <p class="line3">&nbsp;&nbsp;&ldquo;Let's work together!&rdquo;&nbsp;&#93;<span class="cursor3">_</span></p>  <p class="line4">><span class="cursor4">_</span></p></div>
CSS 
body {  background-color: #272727;  padding: 10px;}
.fakeButtons {  height: 10px;  width: 10px;  border-radius: 50%;  border: 1px solid #000;  position: relative;  top: 6px;  left: 6px;  background-color: #ff3b47;  border-color: #9d252b;  display: inline-block;}
.fakeMinimize {  left: 11px;  background-color: #ffc100;  border-color: #9d802c;}
.fakeZoom {  left: 16px;  background-color: #00d742;  border-color: #049931;}
.fakeMenu {  width: 350px;  box-sizing: border-box;  height: 25px;  background-color: #bbb;  margin: 0 auto;  border-top-right-radius: 5px;  border-top-left-radius: 5px;}
.fakeScreen {  background-color: #151515;  box-sizing: border-box;  width: 350px;  margin: 0 auto;  padding: 20px;  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;}
p {  position: relative;  left: 50%;  margin-left: -8.5em;  text-align: left;  font-size: 1.25em;  font-family: monospace;  white-space: nowrap;  overflow: hidden;  width: 0;}
span {  color: #fff;  font-weight: bold;}
.line1 {  color: #9CD9F0;  -webkit-animation: type .5s 1s steps(20, end) forwards;  -moz-animation: type .5s 1s steps(20, end) forwards;  -o-animation: type .5s 1s steps(20, end) forwards;  animation: type .5s 1s steps(20, end) forwards;}
.cursor1 {  -webkit-animation: blink 1s 2s 2 forwards;  -moz-animation: blink 1s 2s 2 forwards;  -o-animation: blink 1s 2s 2 forwards;  animation: blink 1s 2s 2 forwards;}
.line2 {  color: #CDEE69;  -webkit-animation: type .5s 4.25s steps(20, end) forwards;  -moz-animation: type .5s 4.25s steps(20, end) forwards;  -o-animation: type .5s 4.25s steps(20, end) forwards;  animation: type .5s 4.25s steps(20, end) forwards;}
.cursor2 {  -webkit-animation: blink 1s 5.25s 2 forwards;  -moz-animation: blink 1s 5.25s 2 forwards;  -o-animation: blink 1s 5.25s 2 forwards;  animation: blink 1s 5.25s 2 forwards;}
.line3 {  color: #E09690;  -webkit-animation: type .5s 7.5s steps(20, end) forwards;  -moz-animation: type .5s 7.5s steps(20, end) forwards;  -o-animation: type .5s 7.5s steps(20, end) forwards;  animation: type .5s 7.5s steps(20, end) forwards;}
.cursor3 {  -webkit-animation: blink 1s 8.5s 2 forwards;  -moz-animation: blink 1s 8.5s 2 forwards;  -o-animation: blink 1s 8.5s 2 forwards;  animation: blink 1s 8.5s 2 forwards;}
.line4 {  color: #fff;  -webkit-animation: type .5s 10.75s steps(20, end) forwards;  -moz-animation: type .5s 10.75s steps(20, end) forwards;  -o-animation: type .5s 10.75s steps(20, end) forwards;  animation: type .5s 10.75s steps(20, end) forwards;}
.cursor4 {  -webkit-animation: blink 1s 11.5s infinite;  -moz-animation: blink 1s 8.5s infinite;  -o-animation: blink 1s 8.5s infinite;  animation: blink 1s 8.5s infinite;}
@-webkit-keyframes blink {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  50% {    opacity: 1;  }  90% {    opacity: 1;  }  100% {    opacity: 0;  }}
@-moz-keyframes blink {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  50% {    opacity: 1;  }  90% {    opacity: 1;  }  100% {    opacity: 0;  }}
@-o-keyframes blink {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  50% {    opacity: 1;  }  90% {    opacity: 1;  }  100% {    opacity: 0;  }}
@keyframes blink {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  50% {    opacity: 1;  }  90% {    opacity: 1;  }  100% {    opacity: 0;  }}
@-webkit-keyframes type {  to {    width: 17em;  }}
@-moz-keyframes type {  to {    width: 17em;  }}
@-o-keyframes type {  to {    width: 17em;  }}
@keyframes type {  to {    width: 17em;  }}
Chắc anh em cũng biết cách thêm rồi chứ nhỉ ?!. Nếu chưa thì đọc tiếp phần dưới nhé.

  • Đối với CSS thì các bạn hãy chèn lên trước thẻ ]]></b:skin>.
  • Còn với HTML thì các bạn chèn vào nơi các bạn muốn nó hiển thị.
Bài viết của mình đến đây xin hết. Cảm ơn các bạn đã đọc hết bài viết.

Thứ Hai, 29 tháng 10, 2018

SHARE PSD ẢNH BÌA THẰNG ĐIÊN | DUY PHƯƠNG

Hello anh em lại là mình đây :3. Thì mấy bữa nay do bận quá nên quên béng mất cái PSD Thằng Điên do mình des mà quên share cho các bạn nên hôm nay share lại :3.


Ok thì ảnh demo đã share rồi thì cũng nên có nút download chứ nhỉ ^^

Nội dung trên Duy Phương Blog được viết bởi admin, nếu bạn có ý định sử dụng lại bất kỳ nội dung nào tại BLOG của chúng tôi, vui lòng liên hệ xin phép và trích dẫn nguồn BLOG.
     Khi thấy trên BLOG này có chứa dữ liệu, nội dung BLOG hoặc sản phẩm của bạn và bạn muốn gỡ bỏ nó tại BLOG của chúng tôi, hãy liên hệ với tôi tại đây.

Thứ Sáu, 26 tháng 10, 2018

SHARE PSD ẢNH BÌA GIẢ VỜ NÓI YÊU EM ĐI | DUY PHƯƠNG

Hello anh em sau vài tuần không đăng bài thì mình đã Way Back Blog rồi đây :>. Thì dạo này mình toàn nghe nhạc dạo vu vơ nên có thấy bài Giả vờ nói yêu em đi của JinJu thì thấy cx hay nên des cái bìa này.


Trong file PSD còn một phần text nữa nên nếu các bạn muốn thay đổi text thì chỉ việc tắt đi file cũ.
Nội dung trên Duy Phương Blog được viết bởi admin, nếu bạn có ý định sử dụng lại bất kỳ nội dung nào tại BLOG của chúng tôi, vui lòng liên hệ xin phép và trích dẫn nguồn BLOG.
    Khi thấy trên BLOG này có chứa dữ liệu, nội dung BLOG hoặc sản phẩm của bạn và bạn muốn gỡ bỏ nó tại BLOG của chúng tôi, hãy liên hệ với tôi tại đây.

Thứ Bảy, 6 tháng 10, 2018

SHARE TEMP QUOCTANGV1 CHO ĐỘC GIẢ NHÂN DỊP NGÀY QUỐC TANG

Hello, lại là mình đây. Như nhan đề đã có trên bài viết thì hôm nay mình sẽ share cho anh em một template mình edit lại. 

Chủ yếu là màu đen và hôm nay cũng là ngày quốc tang của Tổng bí thư Đỗ Mười nên mình tạm thời đặt cho nó cái tên là TempQuocTang V1. 

Thì temp này bản gốc thuộc về Nguyễn Duy Blog, mình đem về edit lại một số thứ và đã xóa được bản quyền nên mong anh em ủng hộ ^^.




DEMO    DOWNLOAD


Thì vì lí do cá nhân nên không thể up template lên driver được. Anh em chịu khó cop về trên notepad hộ mình nha.

Đang update thêm ảnh... 



Copy ghi nguồn: Duy Phương Blog

Thứ Tư, 26 tháng 9, 2018

SHARE PSD ẢNH NỔI BẬT VÀ ẢNH BÌA MARKETTING CỰC CHẤT | DUY PHƯƠNG

Xin chào anh em, thì hôm nay mình xin được phép share 2 psd ảnh nổi bật và ảnh bìa marketting do chính tay mình làm ra. Thì không nói nhiều nữa anh em xem ảnh demo và download ngay bên dưới luôn nha ^^. Nếu tôn trọng tác giả hãy ghi nguồn nếu coppy bài viết nhé ^^.


DEMO ẢNH BÌA 
DEMO ẢNH NỔI BẬT