__________________________________________________________________________
/*GROUP LIKE*/
.fixed_social{position:fixed; top:200px; left:5px; text-align:center; background-color:#fff; border-radius:5px; padding:8px 6px; z-index:999}
.fixed_social li{display:block; margin:5px 0}
.fixed_social ul{margin:0; padding:0}
.result{margin:10px auto 20px}
.result p.download{margin:15px 0 5px;}
.result a{text-decoration:none}
.result .img{
border: 1px solid #d7d7d7;
box-shadow: 0 5px 6px -7px #000;
padding: 5px;
}
.result,
h1,
#button {
text-align: center;
font-family: 'Coke4U', serif;
}
.button {
text-align: center;
font-family: 'Coke4U', serif;
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-decoration: none;
text-align: center;
border: none;
line-height: 40px;
min-height: 40px;
font-size: 1rem;
padding: 0 15px;
background: #f5f5f5;
color: #919191;
border-radius: 3px;
box-shadow: 0 1px rgba(0, 0, 0, 0.05), inset 0 1px rgba(255,255,255,0.02);
}
body {
color: #c1222a;
background: #2C8FA2;
}
.luuy {
margin: 5px 0px 10px 0px;
border: 2px dashed #11B6CC;
padding: 10px;
overflow: hidden;
background: #EEF9FD;
font-size: 13px;
}
.main {
width: 780px;
margin: 50px auto;
padding: 20px;
background: #fff;
border-radius:10px;
}
.inputname {
background-color: #fff;
border: 1px solid #e1e1e1;
color: #667686;
font-size: 17px;
font-weight: bold;
padding: 7px;
border-radius: 3px;
-webkit-border-radius: 3px;
transition: border-color 0.25s linear;
-webkit-transition: border-color 0.25s linear;
-moz-transition: border-color 0.25s linear;
-ms-transition: border-color 0.25s linear;
-o-transition: border-color 0.25s linear;
background-color: #fff;
box-shadow:0 1px 2px 0 rgba(180, 180, 180, 0.2);
background-image: none;
color: rgb(0, 0, 0);
width:40%
}
.button {
background-color: #e74c3c;
border: 1px solid #e74c3c;
color: #fff;
font-size: 17px;
line-height: 17px;
padding: 13px 20px;
display: inline-block;
font-size: 15px;
line-height: 15px;
font-weight: bold;
padding: 12px 25px;
border-radius: 6px;
-webkit-border-radius: 6px;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
cursor: pointer
}
.button:hover {
background-color: #ec7063;
border-color: #ec7063;
color: #fff
}
label {
font-size: x-large;
font-weight: bold
}
.titlebar {
border-bottom: 1px solid #ecf0f1;
border-top: 1px solid #ecf0f1;
padding: 15px 0;
margin: 15px 0
}
.tooltip {
position: relative;
cursor: help;
display: inline-block;
text-decoration: none;
color: #c1222a;
outline: none;
}
.tooltip img{width:auto !important}
.tooltip span {
visibility: hidden;
position: absolute;
bottom: 35px;
left: 100%;
z-index: 999;
width: auto;
margin-left: -120px;
padding: 8px;
border: 0 solid #ccc;
background-color: #999;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .5) inset
}
.tooltip:hover {
border: 0;
/* IE6 fix */
}
.tooltip:hover span {
visibility: visible
}
.tooltip span:before,
.tooltip span:after {
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #999;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0
}
.tooltip span:before {
border-top-color: #ccc;
bottom: -8px
}
.main .result img {
max-width: 95%
}
.main .bg_main{
max-width: 95%
}
.main ul li {
float: left;
width: 50%;
list-style: none;
padding:3px 0
}
.main .clear {
clear: both
}
@media all and (max-width: 979px) {
.fixed_social{display:none}
}
@media all and (max-width: 862px) {
.main {
width: 96%;
padding: 2%;
overflow: hidden
}
.inputname {width:45%}
label {
font-size: large
}
.inputname {
font-size: large
padding: 5px
}
Æ° }
@media all and (max-width: 645px) {
.main ul li {
width: 100%
}
.inputname {width:50%}
h1{font-size:35px}
}
@media all and (max-width: 399px) {
.inputname{
width: 100%; margin:10px 0;
}
}
Nhập tên in hình trái tim tự động đẹp
Nhập tên mà bạn muốn hiện thành hình tim
IN HÌNH TRÁI TIM
Kết quả hình trái tim mang tên bạn
Chọn vào hình và nhấn copy (Ctrl + C) để chia sẻ bất kì đâu
Việc thực hiện khá đơn giản, bạn chỉ cần nhập tên vào khung yêu cầu tên. Tiếp đến bạn chọn vào nút In Tên Trái Tim. Khi đó ứng dụng sẽ tự động sắp xếp các từ bạn nhập vào thành một hình trái tim rất đẹp. Khi đó, bạn có thể copy hình dòng chữ vừa được tạo chia sẻ lên mạng xã hội như Facebook, Twitter,... hoặc qua email.
website: http://phanmem99.blogspot.com/
________________
Bạn đang xem bài viết:
tim
Link bài viết:
tim
Xem thêm:
0 comments:
Post a Comment