استایل جدید برای بک آپ نفس طرح

گلریزوب

مرجع اسکریپت و کد نویسی

محل نمایش تبلیغات شما محل نمایش تبلیغات شما محل نمایش تبلیغات شما محل نمایش تبلیغات شما

میزکار کاربری
Panel

عضویت سریع
نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری
ورود کاربران
نام کاربری
رمز عبور

محصولات پر بازدید
Favorite Posts

لینک های سایت
Links

صفحات جداگانه
Extra Pages

آخرین محصولات
Recently Posts

آخرین نظرات کاربران
Recently Comments

love moon
love moon درتاریخ 1398/1/27 گفته :

سلام ببخشیدا ولی چرا ست درجه ای که من ساختمو به نام خودتون میزنید؟
زشته
راضی به اینکارتون نبودم خدایی نمیگذرم ازتون
پاسخ:سلام.شرمنده رسیدگی شد.  درجات به نام سایت زده نشده فقط جهت بروز رسانی سایت گذاشته شده .

مشتی
مشتی درتاریخ 1398/1/21 گفته :
تنها درجه که باهاش حال کردم همینه تاجشم هست
داداش اگ ممکنه درجه هایی که میزاری تاجم باشه باهاشون
مهدی تهرانی
مهدی تهرانی درتاریخ 1398/1/21 گفته :
با سلام خدمت دوستان
اسکریپ گلستان طرحه که توسط بست طرح ویرایش شده بودو باگ گیری که فارسی دیزاین امکانات زده روش بدون باگ نیست امنیتش قابل قبوله
اسکریپایی که تست کردم و پیشنهاد میکنم
اسکریپ لوکس طرح .ورژن 5اس تی طرح که همون لوکس طرحه والفا طرح ورژن یک که پخش کرده مال طرح پردازه اونم خوبه
الفا طرح هر پستی میرم تو نظر دادی داداش خیلی حوصله داری بیا خودم اسکریپتو بخرم خخخخ :):)
mohammad
mohammad درتاریخ 1398/1/19 گفته :
دوست عزیز لطفا جهت نصب و پشتیبانی با آیدی مدیریت در تاس باشید God_Corps@

0014168134

Alphatarh.ir
navid
navid درتاریخ 1398/1/19 گفته :
سلام. دوستان این اسکریپت رو نصب کردم متاسفانه هک شدم و بخش پروفایل اربریش وپنل مدیریتیش مشکل داره، اگر دنبال بکاپ درست حسابی هستید پیشنهاد میکنم از آلفا طرح خرید کنید. God_Corps آیدی مدیریتش
شماره تماس 09014168134

AlphaTarh.IR
آخرین ارسال های تالار گفتمان
هر آنچه که در انجمن در حال رخ داد است !

http://s4.picofile.com/file/8171554826/835030143.PNG

http://s4.picofile.com/file/8171554850/428666091.PNG

لینک دانلود:

 فقط استایل پنجره ها و انیمیشن ایکون هاست

خوب برای اعمال این تغییرات کد زیر رو در فایل chat.css موجود در پوشه theme/theme4/css بذارید.

کد:

 

@font-face {
    font-family: b;
    src: url('../fonts/b.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/b.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/b.woff') format('woff'), /* Modern Browsers */
    url('../fonts/b.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/b.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}
@keyframes spaceboots {
0% { transform: translate(2px, 1px) rotate(0deg); }10% { transform: translate(-1px, -2px) rotate(-1deg); }20% { transform: translate(-3px, 0px) rotate(1deg); }30% { transform: translate(0px, 2px) rotate(0deg); }40% { transform: translate(1px, -1px) rotate(1deg); }50% { transform: translate(-1px, 2px) rotate(-1deg); }60% { transform: translate(-3px, 1px) rotate(0deg); }70% { transform: translate(2px, 1px) rotate(-1deg); }80% { transform: translate(-1px, -1px) rotate(1deg); }90% { transform: translate(2px, 2px) rotate(0deg); }100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes spaceboots {
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }30% { -moz-transform: translate(0px, 2px) rotate(0deg); }40% { -moz-transform: translate(1px, -1px) rotate(1deg); }50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }90% { -moz-transform: translate(2px, 2px) rotate(0deg); }100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-o-keyframes spaceboots {
0% { -o-transform: translate(2px, 1px) rotate(0deg); }10% { -o-transform: translate(-1px, -2px) rotate(-1deg); }20% { -o-transform: translate(-3px, 0px) rotate(1deg); }30% { -o-transform: translate(0px, 2px) rotate(0deg); }40% { -o-transform: translate(1px, -1px) rotate(1deg); }50% { -o-transform: translate(-1px, 2px) rotate(-1deg); }60% { -o-transform: translate(-3px, 1px) rotate(0deg); }70% { -o-transform: translate(2px, 1px) rotate(-1deg); }80% { -o-transform: translate(-1px, -1px) rotate(1deg); }90% { -o-transform: translate(2px, 2px) rotate(0deg); }100% { -o-transform: translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes spaceboots {
0% { -ms-transform: translate(2px, 1px) rotate(0deg); }10% { -ms-transform: translate(-1px, -2px) rotate(-1deg); }20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }30% { -ms-transform: translate(0px, 2px) rotate(0deg); }40% { -ms-transform: translate(1px, -1px) rotate(1deg); }50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }90% { -ms-transform: translate(2px, 2px) rotate(0deg); }100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
#body{background-color:#eef;background-repeat:repeat-x;text-align:center}
#box{border:1px solid #2C299B;font-size:14px;margin:0 auto;width:200px}
#inhalt{background-color:#f1f1ff;font-size:12px;padding:3px}
#copyright{font-size:9px}
#login{display:inline}
table{font-size:12px}
body{height:100%;margin:0 auto;font-family:tahoma;}
#rahmen_um_alles{margin:10px}
#kopf{color:#000;font-size:14px;font-style:normal;margin-bottom:2px;padding:2px}
#kopf a:hover{color:#fff;font-size:10pt;text-decoration:none}
#onlinelist{float:right;font-size:12px;font-style:normal;height:450px;line-height:190%;padding:5px 5px 16px;width:500px;text-align: center;overflow-y: auto;overflow-x: hidden;color:#8D00C2;border-left:4px dashed #FF0090;border-right:4px dashed #FF0090;}
* html #splitpane{margin-left:-2px}
#splitpane{background-image:url('../images/chat.splitpane.png');background-position:center;background-repeat:no-repeat;color:#FFF;cursor:e-resize;float:right;font-size:8px;font-style:normal;height:450px;margin:1px;overflow:auto;width:8px}
#chatinhalt{height:450px;line-height:190%;overflow:auto;padding:5px 5px 16px;position:relative;direction:rtl;border-left:4px dashed #FF0090;border-right:4px dashed #FF0090}
#form{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;clear:both;color:#fff;font-size:12px;font-style:normal;height:60px;margin-top:1px;padding:3px 3px 3px 10px}
#form_left{float:left;position:relative}
#form_right{float:left;padding:6px;position:relative;padding-top:13px}
#privat_messages{background-color:#ccc;border:1px solid #000;left:100px;padding:5px;position:absolute;top:100px}
.rooms{cursor:pointer;height:23px;margin-bottom:2px;padding:4px;text-align:center}
.rooms:hover{
animation: spaceboots linear 0.8s infinite;
transform-origin:50% 50%;
-webkit-animation: spaceboots linear 0.8s infinite;
-webkit-transform-origin:50% 50%;
-moz-animation: spaceboots linear 0.8s infinite;
-moz-transform-origin:50% 50%;
-o-animation: spaceboots linear 0.8s infinite;
-o-transform-origin:50% 50%;
-ms-animation: spaceboots linear 0.8s infinite;
-ms-transform-origin:50% 50%;
}
.rooms_not_allowed{background-repeat:repeat-x;border:1px solid #2C299B;color:#777;cursor:pointer;height:27px;margin-bottom:2px;padding:1px}
#message{background-color:#E8FAFF;border-radius:9px 3px;margin-right:4px}
.privat_ausg_an{background-color:rgba(104, 210, 252, 0.29);border-style:dashed;border-color:#006FFF #FFF #006FFF #FFF;border-radius:10%}
.privat_ausg_von{background-color:rgba(104, 210, 252, 0.29);border-style:dashed;border-color:#006FFF #FFF #006FFF #FFF;border-radius:10%}
#close_privat{background-repeat:repeat-x;border:1px solid #000;cursor:pointer;font-size:10px;font-style:normal;padding-left:4px;padding-right:4px}
#privat_anzeige{height:18px;padding-bottom:3px}
#privat_modus{font-size:10px}
.privat_mesages_window{height:165px;overflow:auto;padding:3px}
.privat_win_button{background-repeat:repeat-x;border:1px solid #2C299B;cursor:pointer;font-weight:700;margin-top:3px;text-align:center;width:190px}
.colorpick{cursor:pointer;font-size:11px;width:100%}
.dialog{font-size:8px;font-style:normal}
.img_button{-moz-border-radius:9px;-moz-box-shadow:3px 3px 4px #909090;-webkit-border-radius:9px;-webkit-box-shadow:3px 3px 4px #00FFD2;border-radius:7px;box-shadow:0px 0px 10px #909090 inset;cursor:pointer;border: 0;width: 35px;margin:2px;}
.img_button:hover{
animation: spaceboots linear 0.8s infinite;
transform-origin:50% 50%;
-webkit-animation: spaceboots linear 0.8s infinite;
-webkit-transform-origin:50% 50%;
-moz-animation: spaceboots linear 0.8s infinite;
-moz-transform-origin:50% 50%;
-o-animation: spaceboots linear 0.8s infinite;
-o-transform-origin:50% 50%;
-ms-animation: spaceboots linear 0.8s infinite;
-ms-transform-origin:50% 50%;
}
a:hover{color:red;font-size:10pt;text-decoration:underline}
.kopf{background-repeat:repeat-x}
.gerade{background-color:#d5d5ff}
.ungerade{background-color:#eef}
.privat_von{background-color:#dfd}
.privat_nach{background-color:#fdd}
#adminbereich_body{color:#000;font-size:12px}
.overlay_etchat_white{-moz-opacity:0.6;background-color:#f6f6ff;filter:alpha(opacity=60);opacity:0.6}
.etchat_white_nw{background-color:rgba(148, 98, 245, 0.46);border-left:1px solid #929292;border-top:1px solid #929292;height:18px;width:10px}
.etchat_white_n{background-color:rgba(148, 98, 245, 0.46);border-bottom:1px solid #929292;border-top:1px solid #929292;height:28px}
.etchat_white_ne{background-color:rgba(148, 98, 245, 0.46);border-right:1px solid #929292;border-top:1px solid #929292;height:18px;width:10px}
.etchat_white_w{background-color:rgba(148, 98, 245, 0.46);border-left:1px solid #929292;width:7px}
.etchat_white_e{background-color:rgba(148, 98, 245, 0.46);border-right:1px solid #929292;width:7px}
.etchat_white_sw{background-color:rgba(148, 98, 245, 0.46);border-bottom:1px solid #929292;border-left:1px solid #929292;height:3px;width:10px}
.etchat_white_s{background-color:rgba(148, 98, 245, 0.46);border-bottom:1px solid #929292}

/*ahora-chat.ir*/
.etchat_white_se, .etchat_white_sizer {  border-right: 2px solid #000;border-bottom: 2px solid #000; width:15px; height:10px; background-color:rgba(148, 98, 245, 0.46);}
.etchat_white_sizer {cursor:se-resize;}
/*ahora-chat.ir*/
.etchat_white_close{background:transparent url(../images/button-close-focus.gif) no-repeat 0 0;cursor:pointer;height:23px;position:absolute;right:8px;top:4px;width:23px;z-index:1000}
.etchat_white_minimize{background:transparent url(../images/button-min-focus.gif) no-repeat 0 0;cursor:pointer;height:23px;position:absolute;right:55px;top:0;width:23px;z-index:1000}
.etchat_white_maximize{background:transparent url(../images/button-max-focus.gif) no-repeat 0 0;cursor:pointer;height:23px;position:absolute;right:33px;top:0;width:23px;z-index:1000}
.etchat_white_title{color:#E7FF00;font-size:14px;font-weight:900;height:20px;margin-top:2px;text-align:center;width:100%;text-shadow:0px 0px 5px #000000, 0 0 5px #000000}
.etchat_white_content{color:#000;font-size:12px;overflow:auto;padding-top:5px}
#copyright_paeen{background-color:#000;color:#FFF;font-size:11px;height:20px;margin:0;padding-top:4px;text-align:center}
#copyright_paeen a:link{color:#FFF;font-size:11px;text-decoration:none}
#copyright_paeen a:hover{color:#FF0}
.reciv_pm{
    background: #fff;
    padding:3px 6px;

    color: #3e454c;
    text-align:right;
    direction:rtl;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    border-radius:2px;
    min-height:23px!important;
    min-width:20px;
    display:inline-block;
}
.send_pm{
    background: none repeat scroll 0% 0% #E7F1FE;
padding: 3px 6px;
color: #3E454C;
text-align: right;
direction: rtl;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
min-height: 23px !important;
min-width: 20px;
display: inline-block;
}
.round{-moz-border-radius:9px;-moz-box-shadow:3px 3px 4px #909090;-webkit-border-radius:9px;-webkit-box-shadow:3px 3px 4px #909090;border:0;border-radius:9px;box-shadow:3px 3px 4px #909090}
.msgGrowl-container{position:fixed;width:300px}
.top-right{right:15px;top:10px}
.bottom-right{bottom:10px;right:15px}
.top-left{left:15px;top:10px}
.bottom-left{bottom:10px;left:15px}
.top-center{left:50%;margin-left:-150px;top:10px}
.bottom-center{bottom:10px;left:50%;margin-left:-150px}
.msgGrowl{-moz-border-radius:5px;-moz-box-shadow:0 0 7px rgba(0,0,0,.3);-moz-text-shadow:0 0 1px #FFF;-o-border-radius:5px;-o-box-shadow:0 0 7px rgba(0,0,0,.3);-o-text-shadow:0 0 1px #FFF;-webkit-border-radius:5px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.3);-webkit-text-shadow:0 0 1px #FFF;background:0;border:1px solid #A8A8A8;border-radius:5px;box-shadow:0 0 7px rgba(0,0,0,.3);color:#333;direction:rtl;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9 ',endColorstr='#D5D5D5 ');font-size:11px;margin:0 0 10px;padding:0;position:relative;text-shadow:0 0 1px #FFF;width:300px;z-index:5000}
.msgGrowl h4{-moz-text-shadow:0 0 1px #FFF;-o-text-shadow:0 0 1px #FFF;-webkit-text-shadow:0 0 1px #FFF;color:#333;font-size:13px;margin-bottom:.5em;text-shadow:0 0 1px #FFF}
.msgGrowl-content{padding:10px 20px 10px 10px}
.msgGrowl-close{background:url(../images/msgGrowl/msgGrowl_close.png) no-repeat 50% 50%;height:10px;opacity:.4;position:absolute;right:10px;top:10px;width:11px}
.msgGrowl-close:hover{cursor:pointer;opacity:1}
.msgGrowl.success .msgGrowl-content{background:url(../images/msgGrowl/msgGrowl_success.png) no-repeat 10px 13px;padding-left:50px}
.msgGrowl.success h4{color:#5B7027}
.msgGrowl.error .msgGrowl-content{background:url(../images/msgGrowl/msgGrowl_error.png) no-repeat 10px 13px;padding-left:50px}
.msgGrowl.error h4{color:#AF4434}
.msgGrowl.info .msgGrowl-content{background:url(../images/msgGrowl/msgGrowl_info.png) no-repeat 10px 13px;padding-left:50px}
.msgGrowl.info h4{color:#316AB7}
.msgGrowl.warning .msgGrowl-content{background:url(../images/msgGrowl/msgGrowl_warning.png) no-repeat 10px 13px;padding-left:50px}
.msgGrowl.warning h4{color:#B69201}
#kopf a:link,#kopf a:visited,#kopf a:active{color:#fff;font-size:10pt}
a:link,a:visited,a:active,#adminbereich_body a:hover{color:#009;font-size:10pt;text-decoration:none}
#adminbereich_body a:link,#adminbereich_body a:visited,#adminbereich_body a:active{color:#009;font-size:10pt}
#copyright_paeen a,#copyright_paeen a:visited{color:#FFF;font-size:11px;text-decoration:none}
.user_win,#status_ul,#prop_list{direction:rtl}
#prop_list ul,#status_ul,.user_win ul,.into_admin_win ul{margin-right:3px;padding:0;list-style:none;margin-top:0}
#prop_list ul li,#status_ul li,.user_win li,.into_admin_win ul li{line-height:23px;color:#009;cursor:pointer}
.user_win ul li{line-height:15px}
#prop_list ul li img, ,#status_ul li img{margin-left:5px}
.block_form{display:none;margin-top:2px}
.form_user_block{display:inline}
.into_admin_win p,.into_admin_win{direction:rtl}
.close_room_warning{width:90px;cursor:pointer;border:1px solid black;text-align:center}
.send_room_pw{width:60px;cursor:pointer;border:1px solid black;text-align:center;float:left;margin:2px}
#regbtn{padding:6px 10px 7px;text-align:center;width:150px;cursor:pointer;font:12px Tahoma;border-radius:25%;color:#FFF;background:black url(http://s1.xum.ir/2014/12/11/Arsalan.gif);background-size:cover;border:3px ridge #fff;font-weight:bold;}
.fixedads .closebtn{
    height: 20px;
    line-height: 23px;
    background-color: #FFD8EA;
    cursor: pointer;
    text-align: center;
    font-size:11px;
    display: block;
}

.overlay_dialog{background-color:#666666;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.overlay___invisible__{background-color:#666666;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
.dialog_nw{width:9px;height:23px;background:transparent 0 0}
.dialog_n{background:transparent 0 0;height:23px}
.dialog_ne{width:9px;height:23px;background:transparent 0 0}
.dialog_e{width:2px;background:transparent 0 0}
.dialog_w{width:2px;background:transparent 0 0}
.dialog_sw{width:9px;height:19px;background:transparent 0 0}
.dialog_s{background:transparent 0 0;height:19px}
.dialog_se{width:9px;height:19px;background:transparent 0 0}
.dialog_sizer{width:9px;height:19px;background:transparent 0 0;cursor:se-resize}
.dialog_close{width:14px;height:14px;background:transparent 0 0;position:absolute;top:5px;left:8px;cursor:pointer;z-index:2000}
.dialog_minimize{width:14px;height:15px;background:transparent 0 0;position:absolute;top:5px;left:28px;cursor:pointer;z-index:2000}
.dialog_maximize{width:14px;height:15px;background:transparent 0 0;position:absolute;top:5px;left:49px;cursor:pointer;z-index:2000}
.dialog_title{float:left;height:14px;font-family:Tahoma,Arial,sans-serif;font-size:12px;text-align:center;width:100%;color:#000}
.dialog_content{overflow:auto;color:#DDD;font-family:Tahoma,Arial,sans-serif;font-size:10px;background-color:#123}
.top_draggable{cursor:move}
.status_bar{font-size:12px}
.status_bar input{font-size:12px}
.wired_frame{display:block;position:absolute;border:1px #000 dashed}
.dialog{display:block;position:absolute}
.dialog table.table_window{border-collapse:collapse;border-spacing:0;width:100%;margin:0px;padding:0px}
.dialog table.table_window td,.dialog table.table_window th{padding:0}
.dialog .title_window{-moz-user-select:none}
.form-control {
    display: block;
    width: 95%;
    height: 34px;
    padding: 2px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 0px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.half {
    width: 48%;
    float: right;
    position: relative;
min-height: 1px;
padding-left: 1%;
padding-right: 1%;
}

#registercontiner,#registervalidcontiner{
	direction: rtl;
	font-size:12px;
	padding:5px 15px;
}
#registercontiner >h1,#registervalidcontiner > h1{
	font-family:b;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #E5E5E5;
}
#registercontiner .row,#registervalidcontiner .row{
	overflow:hidden;
	margin-bottom: 20px;
}
#registercontiner .row .btn,#registervalidcontiner .row .btn{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    
}
#registercontiner .row .btn,#registervalidcontiner .row .btn{
	color: #FFF;
	background-color: #ED5565;
	border-color: #EB3E50;
	display: block;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	font-family:b;	
}
#overcolor{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.56);
	z-index: 4900;
}



.datestamp {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
  color: #8b91a0;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}


/** page structure **/
.container {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 600px;
}


/** ios1-ios6 bubbles **/
.bubble {
  box-sizing: border-box;
  float: left;
  width: auto;
  max-width: 80%;
  position: relative;
  clear: both;
  
  background: #95c2fd;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #bee2ff), color-stop(1, #95c2fd));
  background-image: -webkit-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -moz-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -ms-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -o-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#95c2fd', endColorstr='#bee2ff');
 
  border: solid 1px rgba(0,0,0,0.5);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;

  -webkit-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  
  margin-bottom: 0px;
  padding: 6px ;
  color: #000;
  text-shadow: 0 1px 1px rgba(255,255,255,0.8);
  word-wrap: break-word;
}

.bubble:before, .bubble:after {
  border-radius: 20px / 5px;
  content: '';
  display: block;
  position: absolute;
}
.bubble:before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.5);
  bottom: 0px;
  left: -7px;
 /* z-index: -1; */
}
.bubble:after {
  border: 8px solid transparent;
  border-bottom-color: #bee2ff; /* arrow color */
  bottom: 1px;
  left: -5px;
}


.bubble-alt {
  float: right;
}
.bubble-alt:before {
  
  left: auto;
  right: -7px;
}
.bubble-alt:after {
    
  left: auto;
  right: -5px;
}

.bubble p {
  font-size: 1.4em;
}

/* green bubble */
.green {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #ace44b),color-stop(1, #7acd47));
  background-image: -webkit-linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
  background-image: -moz-linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
  background-image: -ms-linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
  background-image: -o-linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
  background-image: linear-gradient(bottom, #ace44b 15%, #7acd47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7acd47', endColorstr='#ace44b');
}
.green:after {
  border-bottom-color: #ace44b;
}

/* white bubble */
.white {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #e5e5e5),color-stop(1, #dbdbdb));
  background-image: -webkit-linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
  background-image: -moz-linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
  background-image: -ms-linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
  background-image: -o-linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
  background-image: linear-gradient(bottom, #e5e5e5 15%, #dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dbdbdb', endColorstr='#e5e5e5');
}
.white:after {
  border-bottom-color: #e5e5e5;
}

/* yellow bubble */
.yellow {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #fcf3c3),color-stop(1, #f4e371));
  background-image: -webkit-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -moz-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -ms-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -o-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4e371', endColorstr='#fcf3c3');
}
.yellow:after {
  border-bottom-color: #fcf3c3;
}

/* red bubble */
.red {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #ea8378),color-stop(1, #e2675a));
  background-image: -webkit-linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
  background-image: -moz-linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
  background-image: -ms-linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
  background-image: -o-linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
  background-image: linear-gradient(bottom, #ea8378 15%, #e2675a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e2675a', endColorstr='#ea8378');
}
.red:after {
  border-bottom-color: #ea8378;
}

/* pink bubble */
.pink {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #ffbee3),color-stop(1, #f8a5ce));
  background-image: -webkit-linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
  background-image: -moz-linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
  background-image: -ms-linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
  background-image: -o-linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
  background-image: linear-gradient(bottom, #ffbee3 15%, #f8a5ce 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8a5ce', endColorstr='#ffbee3');
}
.pink:after {
  border-bottom-color: #ffbee3;
}

 

و فایل رو سیو کنید. 


خوب دوستانی گفتن که علامت ضربدر براشون به نمایش در نمیاد برای حل مشکل یه فولدر به اسم images بسازید بعدش عکس زیر رو با اسم 

button-close-focus  در همون فولدر آپ کنید.


دوستانی هم مشکل چپ چین و راست چین پیام ها رو داشتند این دوستان هم میتونن از کد زیر استفاده کنند:

 

@font-face{font-family:b;src:url('b.eot');src:url('b.eot?') format('eot'),url('b.woff') format('woff'),url('b.ttf') format('truetype'),url('b.svg#svgGraublauweb') format('svg');} @font-face{font-family:yekan;src:url('yekan.eot');src:url('yekan.eot?') format('eot'), url('ekan.woff') format('woff'), url('yekan.ttf') format('truetype'), url('yekan.svg#svgGraublauweb') format('svg');} @font-face{font-family:morvarid;src:url('morvarid.eot');src:url('morvarid.eot?') format('eot'),url('morvarid.woff') format('woff'),url('morvarid.ttf') format('truetype'),url('morvarid.svg#svgGraublauweb') format('svg');} @font-face{font-family:ziba;src:url('ziba.eot');src:url('ziba.eot?') format('eot'),url('iba.woff') format('woff'),url('ziba.ttf') format('truetype'),url('ziba.svg#svgGraublauweb') format('svg');} @font-face{font-family:sina;src:url('sina.eot');src:url('sina.eot?') format('eot'),url('sina.woff') format('woff'),url('sina.ttf') format('truetype'), url('sina.svg#svgGraublauweb') format('svg');} @font-face{font-family:narm;src:url('narm.eot');src:url('narm.eot?') format('eot'),url('narm.woff') format('woff'),url('narm.ttf') format('truetype'), url('narm.svg#svgGraublauweb') format('svg');} @font-face{font-family:titr;src:url('titr.eot');src:url('titr.eot?') format('eot'),url('titr.woff') format('woff'),url('titr.ttf') format('truetype'), url('titr.svg#svgGraublauweb') format('svg');} @font-face{font-family:koodak;src:url('koodak.eot');src:url('koodak.eot?') format('eot'),url('koodak.woff') format('woff'),url('koodak.ttf') format('truetype'), url('koodak.svg#svgGraublauweb') format('svg');} @font-face{font-family:'BYekan';src:url('BYekan.eot');src:local('b BYekan'), url('BYekan.woff') format('woff'), url('BYekan.ttf') format('truetype');} @font-face{font-family:'BMorvarid';src:url('BMorvarid.eot');src:local('b morvarid'), url('BMorvarid.woff') format('woff'), url('BMorvarid.ttf') format('truetype');} @font-face{font-family:'BNarm';src:url('BNarm.eot');src:local('bnarm'), url('BNarm.woff') format('woff'), url('BNarm.ttf') format('truetype');} @font-face{font-family:'BZiba';src:url('BNarm.eot');src:local('bziba'), url('BZiba.woff') format('woff'), url('BZiba.ttf') format('truetype');} @font-face{font-family:'BKoodak';src:url('BKoodakBold.eot') format('eot'), url('BKoodakBold.woff') format('woff'), url('BKoodakBold.ttf') format('truetype');} @font-face{font-family:'BSina';src:url('BSinaBold.eot') format('eot'), url('BSinaBold.woff') format('woff'), url('BSinaBold.ttf') format('truetype');} @font-face{font-family:'BTitr';src:url('BTitrTGEBold.eot') format('eot'), url('BTitrTGEBold.woff') format('woff'), url('BTitrTGEBold.ttf') format('truetype');} @font-face{font-family:yekan;src:url('yekan.eot');src:url('yekan.eot?') format('eot'),url('yekan.woff') format('woff'),url('yekan.ttf') format('truetype'),url('yekan.svg#svgGraublauweb') format('svg')} @font-face{font-family:morvarid;src:url('morvarid.eot');src:url('morvarid.eot?') format('eot'),url('morvarid.woff') format('woff'),url('morvarid.ttf') format('truetype'),url('morvarid.svg#svgGraublauweb') format('svg')} @font-face{font-family:ziba;src:url('ziba.eot');src:url('ziba.eot?') format('eot'),url('ziba.woff') format('woff'),url('ziba.ttf') format('truetype'),url('ziba.svg#svgGraublauweb') format('svg')} @font-face{font-family:sina;src:url('sina.eot');src:url('sina.eot?') format('eot'),url('sina.woff') format('woff'),url('sina.ttf') format('truetype'),url('sina.svg#svgGraublauweb') format('svg')} @font-face{font-family:narm;src:url('narm.eot');src:url('narm.eot?') format('eot'),url('narm.woff') format('woff'),url('narm.ttf') format('truetype'),url('narm.svg#svgGraublauweb') format('svg')} @font-face{font-family:titr;src:url('titr.eot');src:url('titr.eot?') format('eot'),url('titr.woff') format('woff'),url('titr.ttf') format('truetype'),url('titr.svg#svgGraublauweb') format('svg')} @font-face{font-family:koodak;src:url('koodak.eot');src:url('koodak.eot?') format('eot'),url('koodak.woff') format('woff'),url('koodak.ttf') format('truetype'),url('koodak.svg#svgGraublauweb') format('svg')} @font-face{font-family:BSinaBold;src:url('BSinaBold.eot');src:url('BSinaBold.eot?') format('eot'),url('BSinaBold.woff') format('woff'),url('BSinaBold.ttf') format('truetype'),url('BSinaBold.svg#svgGraublauweb') format('svg')} @font-face{font-family:BBadr;src:url('BBadr.eot');src:url('BBadr.eot?') format('eot'),url('BBadr.woff') format('woff'),url('BBadr.ttf') format('truetype'),url('BBadr.svg#svgGraublauweb') format('svg')} @font-face{font-family:BBaran;src:url('BBaran.eot');src:url('BBaran.eot?') format('eot'),url('BBaran.woff') format('woff'),url('BBaran.ttf') format('truetype'),url('BBaran.svg#svgGraublauweb') format('svg')} @font-face{font-family:BBardiya;src:url('BBardiya.eot');src:url('BBardiya.eot?') format('eot'),url('BBardiya.woff') format('woff'),url('BBardiya.ttf') format('truetype'),url('BBardiya.svg#svgGraublauweb') format('svg')} @font-face{font-family:BElham;src:url('BElham.eot');src:url('BElham.eot?') format('eot'),url('BElham.woff') format('woff'),url('BElham.ttf') format('truetype'),url('BElham.svg#svgGraublauweb') format('svg')} @font-face{font-family:BHoma;src:url('BHoma.eot');src:url('BHoma.eot?') format('eot'),url('BHoma.woff') format('woff'),url('BHoma.ttf') format('truetype'),url('BHoma.svg#svgGraublauweb') format('svg')} @font-face{font-family:BLotus;src:url('BLotus.eot');src:url('BLotus.eot?') format('eot'),url('BLotus.woff') format('woff'),url('BLotus.ttf') format('truetype'),url('BLotus.svg#svgGraublauweb') format('svg')} @font-face{font-family:BNazanin;src:url('BNazanin.eot');src:url('BNazanin.eot?') format('eot'),url('BNazanin.woff') format('woff'),url('BNazanin.ttf') format('truetype'),url('BNazanin.svg#svgGraublauweb') format('svg')} @font-face{font-family:BZar;src:url('BZar.eot');src:url('BZar.eot?') format('eot'),url('BZar.woff') format('woff'),url('BZar.ttf') format('truetype'),url('BZar.svg#svgGraublauweb') format('svg')} @font-face{font-family:BZiba;src:url('BZiba.eot');src:url('BZiba.eot?') format('eot'),url('BZiba.woff') format('woff'),url('BZiba.ttf') format('truetype'),url('BZiba.svg#svgGraublauweb') format('svg')} @font-face{font-family:'icomoon';src:url('icomoon.eot?-n2bcf6');src:url('icomoon.eot?#iefix-n2bcf6') format('embedded-opentype'),url('icomoon.woff?-n2bcf6') format('woff'),url('icomoon.ttf?-n2bcf6') format('truetype'),url('icomoon.svg?-n2bcf6#icomoon') format('svg');font-weight:normal;font-style:normal;}

 

 


طراحی چت روم

دسته : پلاگین چت روم , ,
می پسندم نمی پسندم
تاریخ : شنبه 28 / 11 / 1393 ساعت : 16:54
نظرات
نظرات مرتبط با این پست
کوچول چت
کوچول چت در تاریخ 1393/12/15/5 و 18:56 گفته :
سلام عزیز ممنون بابت پستی که گذاشتی اما اگه میشه این مشکل چپ چین راست چین رو بیشتر توضیح بدین یا بگین کد رو کجا باید بزاریم ممنون میشم
موفق باشید
ali
ali در تاریخ 1393/12/6/3 و 21:58 گفته :
میشه بگین مشکل چپپین راست چین را کجا بندازم
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه:







درباره سایت
About Us

سلام دوستان گلم خوش امدید لحظات خوشی را برای شما ارزومند هستیم امیدوارم از مطالب ما استفادهی کافی رو برده باشید
دسترسی آسان
Easy Access
آمار سایت
Statistics
تعداد مطالب : 2035
تعداد نظرات : 3897
تعداد کاربران : 1641
امروز :
تعداد اعضای سایت : 1641
تعداد اعضای آنلاین : 6
بازدید امروز : 6583
بازدید دیروز : 3895
بازدید هفته : 36117
بازدید ماه : 145934
بازدید سال : 886525
بازدید کل : 10645605
نویسندگان
Author
محصولات تصادفی
Suggest Posts
امکانات وب
Codes

خبرنامه وب سایت: