موضوع: دانلود استایل بسیار زیبای VBIran Eight ویبولتین 4

نوشته اصلی توسط S0he!L

بالاخره میخوای سرچ گوگل استفاده کنی یا نه من نفهمیدم!!!!
اگه میخوای سرچت گوگل باشه:
آموزش ست کردن جستجوی سایت با گوگل و نمایش نتایج درون ویبولتین
آموزش 100% کاربردی ست کردن جستجو ویبولتین با گوگل بدون اکانت گوگل
مشکل دوم هم کل کد قالب header رو بزارین.

سلام
عزیز میخوام از سرچ خود وی بالتین استفاده بشه نه از سرچ گوگل، اینی که شما گفتی سرچ گوگل مربوط به سایت خودمه. من اصلا نمیخوام تو گوگل اندکس بشم (اگه تو این زمینه هم میتونی راهنماییم کنی تو این تاپیک منتظرم)

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

کد:

<div class="above_body"> <!-- closing tag is in template navbar --><div id="header" class="floatcontainer doc_header"><div class="vb8-1"><div class="vbp8-2">
<vb:if condition="$show['member']">
<div class="wlc1">
{vb:raw bbuserinfo.username} گرامی به انجمن خوش آمدید , امیدواریم لحظات خوبی داشته باشید .
</div>
<vb:else />
<div class="wlc1">
مهمان گرامی , به انجمن خوش آمدید . درصورتی که هنوز عضو نشده اید , لطفاً ثبت نام کنید .
</div>
</vb:if>

<div class="vb8-3"></div>

    <div id="toplinks" class="toplinks">
        <vb:if condition="$show['member']">
            <ul class="isuser">
                <li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
                <vb:if condition="$show['registerbutton']">
                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
                </vb:if>
                <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
                <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
                <vb:if condition="$notifications_total">
                <li class="popupmenu notifications" id="notifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
                    <ul class="popupbody popuphover">
                        {vb:raw notifications_menubits}
                    </ul>
                </li>
                <vb:else />
                <li class="popupmenu nonotifications" id="nonotifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
                    <ul class="popupbody popuphover">
                        <li>{vb:rawphrase no_new_messages}</li>
                        <vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
                    </ul>
                </li>
                </vb:if>
                <li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
                <vb:if condition="$vboptions['enablefacebookconnect']">
                    {vb:raw facebook_header}
                </vb:if>
            </ul>
            {vb:raw template_hook.header_userinfo}
            <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
        <vb:else />
            <ul class="nouser">
            <vb:if condition="$show['registerbutton']">
                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
            </vb:if>
                <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
                <li>
            <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
            <form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
                <fieldset id="logindetails" class="logindetails">
                    <div>
                        <div>
                    <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="20" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
                    <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="20" />
                    <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="20" value="{vb:rawphrase password}" style="display:none;" />
                    <input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
                        </div>
                    </div>
                </fieldset>
                <div id="remember" class="remember">
                    <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
                </div>

                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                <input type="hidden" name="do" value="login" />
                <input type="hidden" name="vb_login_md5password" />
                <input type="hidden" name="vb_login_md5password_utf" />
            </form>
            <script type="text/javascript">
            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
            YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
            vB_XHTML_Ready.subscribe(function()
            {
            //
                YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
                YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
                YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
                YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
            });
            
            function navbar_username_focus(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
                {
                //
                    textbox.value='';
                    textbox.style.color='{vb:stylevar input_color}';
                }
            }

            function navbar_username_blur(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                if (textbox.value == '')
                {
                //
                    textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
                    textbox.style.color='{vb:stylevar shade_color}';
                }
            }
            
            function navbar_password_hint(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                
                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
                YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
                YAHOO.util.Dom.get('navbar_password').focus();
            }

            function navbar_password(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                
                if (textbox.value == '')
                {
                    YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                    YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                }
            }
            </script>
                </li>
                <vb:if condition="$vboptions['enablefacebookconnect']">
                    {vb:raw facebook_header}
                </vb:if>
            </ul>
        </vb:if>
    </div>

</div>
<div class="vb8-5">  </div>
<div class="arm"><img src="http://www.vbiran.ir/images/vbiran8/header.png" alt="{vb:raw vboptions.bbtitle}" /></div>
<div class="vb8-4">
<a href="http://geosys.ir/%d9%87%d9%85%da%a9%d8%a7%d8%b1%db%8c-%d8%a8%d8%a7-%d9%85%d8%a7/"><img src="http://geosys.ir/wp-content/uploads/2012/04/Hamkari_468x60.gif" /></a>
</div>
</div>

    <div class="ad_global_header">
        {vb:raw ad_location.global_header1}
        {vb:raw ad_location.global_header2}
    </div>
    <hr />
</div>

سلام

من بنر رو از هدر قالب برداشتم و میخوام اون عکس هدر(vbiran8) که سمت راست هست ، به مرکز هدر بره
اگه میشه راهنمایی کنید

ممنون

ویرایش:

این هم کدهای arm :

کد:

.arm {
    width:581px;
    height:155px;
    float:right;
    position:absolute;
    top:60px;
    right:30px;
    transition-property:transform;
    transition-duration:1s;
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:1s;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:1s;
    -o-transition-property:-o-transform;
    -o-transition-duration:1s;
    z-index:10

با تغییر left و right تقریبا میتونم بیارم وسط ولی میخوام یه جوری در بیاد که برای اکثر رزولیشن ها وسط بیوفته









-----------------------------
ویرایش2:

دیگه نیاز ندارم
قالب رو کلا عوض کردم

بله !
کلاس های پست بیت رو هم در css باید منتقل کنید ..

نوشته اصلی توسط m.javad

سلام خسته نباشید

دوستان من پست بیت این قالب رو تغییر دادم به پست بیت سبک دیاکو Diaci

متاسفانه کد پست بیت این قالب با پست بیت دیاکو مخلوط شده لطف بفرمایید بگید چه کدی رو باید حذف کنم تا پست بیت این قالب حذف بشه

کد:

@font-face {
  font-family: 'BKoodakBold';
  src: url('images/vbiran8/font/BKoodakBold.eot?#') format('eot'),  /* IE6-8 */
       url('images/vbiran8/font/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('images/vbiran8/font/BKoodakBold.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}

.vb8-1 { background: url(images/vbiran8/h-eight.png); height:280px; width:100%; }

.vb8-2 {
height:5px;display:block;
}

.vb8-3 {
float:left;margin-top:10px;margin-left:10px;
}

.vb8-4 {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border: 1px solid #CECECE;
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
margin-top: 42px;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
left: 12px;
top:55px;

}

.vb8-5 {
margin-top:-5px;margin-right:8px;
}

.appget_clear_all {
margin-top:155px;
}

.appgetb_l
{
height:23px;
font-size:11px;
float:right;
}
.appgetb_f
{
width:76%;
height:23px;
font-size:11px;
float:right;
}
.appgetb
{
background: white;
background: -moz-linear-gradient(top, white 0%, #ffffff 50%, #E1E1E1 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#efefef), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border:solid 1px #c4c4c4;
color:#6e6e6e;
width:100%;
height:23px;
margin-bottom:2px;
line-height:23px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.appgetd
{
font-weight:normal;
}

.footer_select {
    margin: 7px 10px 5px 0px;
}

.footer_copyright {
    text-align: left;
    margin-top: 0px;
display:none;
}

#footer_time .time {
    color: #cccccc;
}

.footer_time {
    padding: 20px 0px 10px 0px;
}

.footer {
    text-align: left;
    margin-top: 0px;
    padding: 0px;
}


#foot .footer_links li {
    padding: 0px;
}

#foot {
    background: url(images/vbiran8/main_bg.png) repeat-x top center;
    line-height: 19px;
    text-shadow: 0 0 0 transparent, 0 1px 0 #ffffff;
}

#foot li {
    padding-bottom: 5px;
}

#foot_top {
    color: #838e99;
    padding: 35px 0px 20px 0px;
}

#foot_top a {
    color: #838e99;
}

#foot_top a:hover {
    color: #a3b0bd;
}

#foot_bottom {
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    background: #222222;
    color: #aaaaaa;
    text-align: center;
}

#foot_bottom a {
    color: #838e99;
}

#foot_bottom a:hover {
    color: #a3b0bd;
}

#foot_bottom_inner {
    padding: 15px 0px;
}

.footer_morecopyright {
    color: #888888;
    font-size: 12px;
    text-align: left;
    float: right;
    margin-top: 0px;
    padding-bottom: 0px;
}

.footer_column_inner {
    padding: 0px 15px;
}

#footer_column_1 {
    float: left;
    width: 22%;
    text-align: right;
}

#footer_column_2 {
    float: left;
    width: 22%;
    text-align: right;
}

#footer_column_3 {
    float: left;
    width: 22%;
    text-align: right;
}

#footer_column_4 {
    float: right;
    width: 30%;
    text-align: right;
}

.footer_column_header {
    padding-bottom: 8px;
    text-align: right;
    font-family: BKoodakBold;
    font-size: 19px;
    color: {vb:stylevar blockhead_color};
text-shadow:1px 1px black;
}

#social_icons_footer {
    clear: both;
    text-align: left;
    padding-bottom: 15px;
}

#social_icons_footer img {
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0.6;
}

#social_icons_footer img:hover {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    opacity: 1;
}

.searchbutton {
    margin: 1px 0px 0px 2px;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; 
    box-shadow: 0 0 5px {vb:stylevar navbarsearch_input_borderColor};
}

.searchbutton:hover {
-webkit-transform:scale(1.4);-moz-transform:)scale(1.4);-ms-transform:)scale(1.4);-o-transform:scale(1.4); transform:scale(1.4);

}

.footer_search .textbox,
.footer_search textarea,
.footer_search select {
    background: #ffffff url({vb:stylevar imgdir_misc}/textbox_bg.png) repeat-x bottom;
    color: #222222;
    border: 1px solid {vb:stylevar navbarsearch_input_borderColor};
    text-shadow: 0 0 0 transparent, 0 1px 0 #ffffff;
}

.footer_search .textbox:focus {
    box-shadow: 0 0 5px #9dbbff;
    border: 1px solid #555555;
}

.footer_search .textbox {
    width: 165px;
    height: 15px;
    float: left;
}

#footer_advanced_search {
    margin: 5px 0px 20px 0px;
    font-size: 10px;
    text-align: left;
}

#footer_advanced_search a {
    color: #838e99;
}

#footer_advanced_search a:hover {
    color: #ffffff;
}

.vbiranfoot1 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/link.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}
.vbiranfoot2 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/2.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}
.vbiranfoot3 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/news.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}

.vbiranfoot4 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/site.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}

.vbiran_forum_top {
background: url(images/vbiranv4/forum.png) no-repeat right -5px;
}


.box_vbiran {
    background: #f1f1f1;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 0px 5px #e3e3e3 !important;
    padding: 6px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-transition : all 0.5s ease-in;
    -moz-transition : all 0.5s ease-in;
    -o-transition : all 0.5s ease-in;
}

.box_vbiran:hover {
    background: #cecece;
    border: 1px solid #a0a0a0;
    box-shadow: 0px 0px 5px #e3e3e3 !important;
    padding: 6px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-transition : all 0.5s ease-in;
    -moz-transition : all 0.5s ease-in;
    -o-transition : all 0.5s ease-in;
    text-shadow: 1px 1px white;
}

.cke_skin_kama .cke_wrapper {
background-color: #0f7a95 !important;
}

.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #EFEFEF; border-top: 1px solid #FFF; border-bottom: 1px solid #dddddd; }
.tabs li { list-style: none;float: {vb:stylevar left}; line-height: 27px; border-{vb:stylevar right}: 1px solid #dddddd; height: 27px; font-size: 11px;cursor:pointer; }
.tabs li.current { background: #F7F7F7; height: 27px; font-weight: bold; }
.mainbox { background: #F7F7F7; border: 1px solid #ececec; padding: 1px;margin:1px;}
.left-mainbox {float:{vb:stylevar left}; width:27%;margin:0px;}
.right-mainbox {width:73%;float:{vb:stylevar right};margin:0px;}
.topx-content    {
    background: url('vietvbb/topx/listbg.gif') repeat;
    display:block;
    border-top: 0px none;
    padding: 0px;
    line-height: 20px;
    width:100%;
}
.topx-bit    {
    overflow: hidden;
    height: 20px;
    width: 100%; font-size:11px;
}
.topx-bit em    {float: {vb:stylevar right}; padding-top: 2px;margin-right:3px;}
.topx-bit span.topx-content-tab    {float: {vb:stylevar left};margin-{vb:stylevar left}:3px;}
.topx-bit span.topx-content-menu {float: {vb:stylevar left};margin-{vb:stylevar left}:26px;}
.topx-tip-head    span {padding-{vb:stylevar left}:4px;float: {vb:stylevar left};}
.topx-tip-info    {padding: 4px 6px;text-align:{vb:stylevar left};}
#vietvbb_topstats_result    {
    float:{vb:stylevar right};
    {vb:stylevar right}:30px;
    top:3px;
    position:absolute;
}

#postlist .userinfo {
    padding-top:10px;
}
.username_container {
    padding:2px 0;
    text-align:center;
}
.username_container .username strong {
    font:  bold 14pt Tahoma, helvetica, sans-serif;
}
.usertitle, .rank {
    text-align:center;
}
.usercenter {
    padding-top:5px;
    text-align:center;
}

.post_field {
padding: 10px;
padding: 10px 5px 5px 1px;
margin-top: 5px;
text-align: center;
margin-text-left: 10px
 -webkit-box-shadow: 0px 0px 20px 
 #D4D4D4 inset;
-moz-box-shadow: 0px 0px 20px #d4d4d4 inset;
box-shadow: 0px 0px 15px #D4D4D4 inset;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-right: 2px solid 
 #CECECE;
border-left: 2px solid 
 #CECECE;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
background-color: white;

}
.post_field:hover {
-webkit-transform:scale(1.1);-moz-transform:)scale(1.1);-ms-transform:)scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);
 -webkit-box-shadow: 0px 15px 20px 
 #dedede inset;
-moz-box-shadow: 0px 15px 20px #dedede inset;
box-shadow: 0px 15px 20px #dedede inset;
color: #737373;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s  ease-in-out;
-o-transition: all 0.2s ease-in-out;
    border-right: 2px solid #146995;
    border-left: 2px solid #146995;
}

.post_field strong {
    color:#066a94;
text-shadow:1px 1px white;
}
.post_field dt {
    color:#066a94;
    font-weight:bold;
text-shadow:1px 1px white;
}
.postbit, .postbitlegacy, .eventbit {
    margin-bottom:0;
}  
.arm {
    width:581px;
    height:155px;
    float:right;
    position:absolute;
    top:60px;
    right:30px;
    transition-property:transform;
    transition-duration:1s;
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:1s;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:1s;
    -o-transition-property:-o-transform;
    -o-transition-duration:1s;
    z-index:10
}

.viewing {
opacity: 0;
background: #fcfaf7;
border: 1px solid #c4bcac;
color: #9c968a;
font-size: 11px;
font-weight: normal;
padding: 3px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 0 white;
    -webkit-transition : all 0.2s ease-in;
    -moz-transition : all 0.2s ease-in;
    -o-transition : all 0.2s ease-in;
}


.forumrow:hover .viewing {
    opacity:1;
    -webkit-transition : all 0.2s ease-in;
    -moz-transition : all 0.2s ease-in;
    -o-transition : all 0.2s ease-in;
    cursor:help;
}
.wlc1 {
float:left;margin-top:18px;margin-left:10px;
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border: 1px solid 
#F2F2F2;
border-top: 0px solid 
d7d7d7;
font-weight: bold;
color: 
#028CA9;
padding: 7px;
-moz-border-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 10px;
text-shadow: 1px 1px 
ffffff;
box-shadow: 0px 0px 6px 
#c7c7c7;
}
.wgo_block .blocksubhead {
padding-right: 10px;
font: 11px;
color: #3E3E3E;
background: #ededed;
padding-bottom: 5px;
border: 1px solid #dadada;
border-right: 5px;
border-left: 5px;

}

.khate1 {
background: url(images/vbiran8/khatchin.jpg) repeat-x;width:100%;height:18px;margin-top:4px;
}

.banner_box {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border-right: 2px solid #259ce8;
border-left: 2px solid #259ce8;
padding: 8px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 8px;
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
}
.elects {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E9E9E9 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E9E9E9), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1px;
border-right: 2px solid #259CE8;
border-left: 2px solid #259CE8;
}
::-webkit-scrollbar{background:#efefef;width:15px;height:15px;}::-webkit-scrollbar-thumb{background:#bdbdc6;}
.mysignature {background: 
#F3F3F3 ;
border: 2px dashed 
#CAC1AE;
font-family: BKoodakBold,tahoma,calibri;
font-size: 14px;
border-radius: 5px 15px 5px 15px;

text-shadow: 1px 1px 
white;
color: 
gray;
padding: 5px;
text-align: right;
padding: 15px 66px 15px 66px;
}
.f_links {
background: #e9e9e9;
box-shadow: #dfdfdf 0 0 7px;
-moz-box-shadow: #dfdfdf 0 0 7px;
-webkit-box-shadow: #dfdfdf 0 0 7px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}
.f_links:hover {
box-shadow: #c0c0c0 0 0 7px;
-moz-box-shadow: #c0c0c0 0 0 7px;
-webkit-box-shadow: #c0c0c0 0 0 7px;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
}
post_field{background:#ffffff;;background:-moz-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-o-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-ms-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );border-top:4px solid #C0C0C0;border-bottom:4px solid #C0C0C0;border-left:0px solid #dbe1e6;border-right:0px solid #731a8b;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-shadow:#b2b2b2 0 0 7px;-webkit-box-shadow:0 0px 10px #b1b1b1 inset !important;-o-box-shadow:0 0px 10px #b1b1b1 inset !important;-moz-box-shadow:0 0px 10px #b1b1b1 inset !important;-ms-box-shadow:0 0px 10px #b1b1b1 inset !important;padding:5px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;margin-bottom:3px;font-size:11px}.post_field:hover{border-top:4px solid #4AA02C;border-bottom:4px solid #E41B17}.username_container {padding:2px 0;text-align:center;}.username_container .username strong {font-size: 16pt;font-weight:400;}.usertitle, .rank {text-align:center;}.usercenter {padding-top:5px;text-align:center;}
.postbit_logo{margin-top:-3px;width:20px;height:21px;opacity:0;-webkit-transform:scale(2)rotate(30deg);-moz-transform:scale(2)rotate(30deg);-ms-transform:scale(2)rotate(30deg);-o-transform:scale(2)rotate(30deg);transform:scale(2) rotate(30deg);position:absolute;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;background:url(http://up.irankds.ir/images/p0unvpyl28fko40l1b.png);left:20px}
.post_field:hover .postbit_logo{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);margin-top:-3px;}

جایگذین کنید :

کد:

@font-face {
  font-family: 'BKoodakBold';
  src: url('images/vbiran8/font/BKoodakBold.eot?#') format('eot'),  /* IE6-8 */
       url('images/vbiran8/font/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('images/vbiran8/font/BKoodakBold.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}


.vb8-1 { background: url(images/vbiran8/h-eight.png); height:280px; width:100%; }


.vb8-2 {
height:5px;display:block;
}


.vb8-3 {
float:left;margin-top:10px;margin-left:10px;
}


.vb8-4 {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border: 1px solid #CECECE;
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
margin-top: 42px;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
left: 12px;
top:55px;


}


.vb8-5 {
margin-top:-5px;margin-right:8px;
}


.appget_clear_all {
margin-top:155px;
}


.appgetb_l
{
height:23px;
font-size:11px;
float:right;
}
.appgetb_f
{
width:76%;
height:23px;
font-size:11px;
float:right;
}
.appgetb
{
background: white;
background: -moz-linear-gradient(top, white 0%, #ffffff 50%, #E1E1E1 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#efefef), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#efefef 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border:solid 1px #c4c4c4;
color:#6e6e6e;
width:100%;
height:23px;
margin-bottom:2px;
line-height:23px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.appgetd
{
font-weight:normal;
}


.footer_select {
    margin: 7px 10px 5px 0px;
}


.footer_copyright {
    text-align: left;
    margin-top: 0px;
display:none;
}


#footer_time .time {
    color: #cccccc;
}


.footer_time {
    padding: 20px 0px 10px 0px;
}


.footer {
    text-align: left;
    margin-top: 0px;
    padding: 0px;
}




#foot .footer_links li {
    padding: 0px;
}


#foot {
    background: url(images/vbiran8/main_bg.png) repeat-x top center;
    line-height: 19px;
    text-shadow: 0 0 0 transparent, 0 1px 0 #ffffff;
}


#foot li {
    padding-bottom: 5px;
}


#foot_top {
    color: #838e99;
    padding: 35px 0px 20px 0px;
}


#foot_top a {
    color: #838e99;
}


#foot_top a:hover {
    color: #a3b0bd;
}


#foot_bottom {
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    background: #222222;
    color: #aaaaaa;
    text-align: center;
}


#foot_bottom a {
    color: #838e99;
}


#foot_bottom a:hover {
    color: #a3b0bd;
}


#foot_bottom_inner {
    padding: 15px 0px;
}


.footer_morecopyright {
    color: #888888;
    font-size: 12px;
    text-align: left;
    float: right;
    margin-top: 0px;
    padding-bottom: 0px;
}


.footer_column_inner {
    padding: 0px 15px;
}


#footer_column_1 {
    float: left;
    width: 22%;
    text-align: right;
}


#footer_column_2 {
    float: left;
    width: 22%;
    text-align: right;
}


#footer_column_3 {
    float: left;
    width: 22%;
    text-align: right;
}


#footer_column_4 {
    float: right;
    width: 30%;
    text-align: right;
}


.footer_column_header {
    padding-bottom: 8px;
    text-align: right;
    font-family: BKoodakBold;
    font-size: 19px;
    color: {vb:stylevar blockhead_color};
text-shadow:1px 1px black;
}


#social_icons_footer {
    clear: both;
    text-align: left;
    padding-bottom: 15px;
}


#social_icons_footer img {
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0.6;
}


#social_icons_footer img:hover {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    opacity: 1;
}


.searchbutton {
    margin: 1px 0px 0px 2px;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; 
    box-shadow: 0 0 5px {vb:stylevar navbarsearch_input_borderColor};
}


.searchbutton:hover {
-webkit-transform:scale(1.4);-moz-transform:)scale(1.4);-ms-transform:)scale(1.4);-o-transform:scale(1.4); transform:scale(1.4);


}


.footer_search .textbox,
.footer_search textarea,
.footer_search select {
    background: #ffffff url({vb:stylevar imgdir_misc}/textbox_bg.png) repeat-x bottom;
    color: #222222;
    border: 1px solid {vb:stylevar navbarsearch_input_borderColor};
    text-shadow: 0 0 0 transparent, 0 1px 0 #ffffff;
}


.footer_search .textbox:focus {
    box-shadow: 0 0 5px #9dbbff;
    border: 1px solid #555555;
}


.footer_search .textbox {
    width: 165px;
    height: 15px;
    float: left;
}


#footer_advanced_search {
    margin: 5px 0px 20px 0px;
    font-size: 10px;
    text-align: left;
}


#footer_advanced_search a {
    color: #838e99;
}


#footer_advanced_search a:hover {
    color: #ffffff;
}


.vbiranfoot1 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/link.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}
.vbiranfoot2 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/2.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}
.vbiranfoot3 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/news.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}


.vbiranfoot4 {
    text-align: right;
    text-shadow:1px 2px #ffffff;
font-family:BKoodakBold;
font-size:20px;
position:absolute;
background: url(images/vbiran8/footer/site.png) no-repeat right -1px;
padding: 7px 50px 2px 10px;
height:48px;
color:#838e99;
}


.vbiran_forum_top {
background: url(images/vbiranv4/forum.png) no-repeat right -5px;
}




.box_vbiran {
    background: #f1f1f1;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 0px 5px #e3e3e3 !important;
    padding: 6px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-transition : all 0.5s ease-in;
    -moz-transition : all 0.5s ease-in;
    -o-transition : all 0.5s ease-in;
}


.box_vbiran:hover {
    background: #cecece;
    border: 1px solid #a0a0a0;
    box-shadow: 0px 0px 5px #e3e3e3 !important;
    padding: 6px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-transition : all 0.5s ease-in;
    -moz-transition : all 0.5s ease-in;
    -o-transition : all 0.5s ease-in;
    text-shadow: 1px 1px white;
}


.cke_skin_kama .cke_wrapper {
background-color: #0f7a95 !important;
}


.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #EFEFEF; border-top: 1px solid #FFF; border-bottom: 1px solid #dddddd; }
.tabs li { list-style: none;float: {vb:stylevar left}; line-height: 27px; border-{vb:stylevar right}: 1px solid #dddddd; height: 27px; font-size: 11px;cursor:pointer; }
.tabs li.current { background: #F7F7F7; height: 27px; font-weight: bold; }
.mainbox { background: #F7F7F7; border: 1px solid #ececec; padding: 1px;margin:1px;}
.left-mainbox {float:{vb:stylevar left}; width:27%;margin:0px;}
.right-mainbox {width:73%;float:{vb:stylevar right};margin:0px;}
.topx-content    {
    background: url('vietvbb/topx/listbg.gif') repeat;
    display:block;
    border-top: 0px none;
    padding: 0px;
    line-height: 20px;
    width:100%;
}
.topx-bit    {
    overflow: hidden;
    height: 20px;
    width: 100%; font-size:11px;
}
.topx-bit em    {float: {vb:stylevar right}; padding-top: 2px;margin-right:3px;}
.topx-bit span.topx-content-tab    {float: {vb:stylevar left};margin-{vb:stylevar left}:3px;}
.topx-bit span.topx-content-menu {float: {vb:stylevar left};margin-{vb:stylevar left}:26px;}
.topx-tip-head    span {padding-{vb:stylevar left}:4px;float: {vb:stylevar left};}
.topx-tip-info    {padding: 4px 6px;text-align:{vb:stylevar left};}
#vietvbb_topstats_result    {
    float:{vb:stylevar right};
    {vb:stylevar right}:30px;
    top:3px;
    position:absolute;
}


#postlist .userinfo {
    padding-top:10px;
}
.username_container {
    padding:2px 0;
    text-align:center;
}
.username_container .username strong {
    font:  bold 14pt Tahoma, helvetica, sans-serif;
}
.usertitle, .rank {
    text-align:center;
}
.usercenter {
    padding-top:5px;
    text-align:center;
}


.arm {
    width:581px;
    height:155px;
    float:right;
    position:absolute;
    top:60px;
    right:30px;
    transition-property:transform;
    transition-duration:1s;
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:1s;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:1s;
    -o-transition-property:-o-transform;
    -o-transition-duration:1s;
    z-index:10
}


.viewing {
opacity: 0;
background: #fcfaf7;
border: 1px solid #c4bcac;
color: #9c968a;
font-size: 11px;
font-weight: normal;
padding: 3px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 0 white;
    -webkit-transition : all 0.2s ease-in;
    -moz-transition : all 0.2s ease-in;
    -o-transition : all 0.2s ease-in;
}




.forumrow:hover .viewing {
    opacity:1;
    -webkit-transition : all 0.2s ease-in;
    -moz-transition : all 0.2s ease-in;
    -o-transition : all 0.2s ease-in;
    cursor:help;
}
.wlc1 {
float:left;margin-top:18px;margin-left:10px;
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border: 1px solid 
#F2F2F2;
border-top: 0px solid 
d7d7d7;
font-weight: bold;
color: 
#028CA9;
padding: 7px;
-moz-border-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 10px;
text-shadow: 1px 1px 
ffffff;
box-shadow: 0px 0px 6px 
#c7c7c7;
}
.wgo_block .blocksubhead {
padding-right: 10px;
font: 11px;
color: #3E3E3E;
background: #ededed;
padding-bottom: 5px;
border: 1px solid #dadada;
border-right: 5px;
border-left: 5px;


}


.khate1 {
background: url(images/vbiran8/khatchin.jpg) repeat-x;width:100%;height:18px;margin-top:4px;
}


.banner_box {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border-right: 2px solid #259ce8;
border-left: 2px solid #259ce8;
padding: 8px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 8px;
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
}
.elects {
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E9E9E9 51%, #F6F6F6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E9E9E9), color-stop(100%,#F6F6F6));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
background: linear-gradient(top, white 0%,#F1F1F1 50%,#E9E9E9 51%,#F6F6F6 100%);
******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
box-shadow: #b2b2b2 0 0 7px;
-moz-box-shadow: #b2b2b2 0 0 7px;
-webkit-box-shadow: #b2b2b2 0 0 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1px;
border-right: 2px solid #259CE8;
border-left: 2px solid #259CE8;
}
::-webkit-scrollbar{background:#efefef;width:15px;height:15px;}::-webkit-scrollbar-thumb{background:#bdbdc6;}
.mysignature {background: 
#F3F3F3 ;
border: 2px dashed 
#CAC1AE;
font-family: BKoodakBold,tahoma,calibri;
font-size: 14px;
border-radius: 5px 15px 5px 15px;


text-shadow: 1px 1px 
white;
color: 
gray;
padding: 5px;
text-align: right;
padding: 15px 66px 15px 66px;
}
.f_links {
background: #e9e9e9;
box-shadow: #dfdfdf 0 0 7px;
-moz-box-shadow: #dfdfdf 0 0 7px;
-webkit-box-shadow: #dfdfdf 0 0 7px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}
.f_links:hover {
box-shadow: #c0c0c0 0 0 7px;
-moz-box-shadow: #c0c0c0 0 0 7px;
-webkit-box-shadow: #c0c0c0 0 0 7px;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
}
post_field{background:#ffffff;;background:-moz-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-o-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:-ms-linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);background:linear-gradient(top,#ffffff 0%,#f6f6f6 47%,#ededed 100%);:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );border-top:4px solid #C0C0C0;border-bottom:4px solid #C0C0C0;border-left:0px solid #dbe1e6;border-right:0px solid #731a8b;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-shadow:#b2b2b2 0 0 7px;-webkit-box-shadow:0 0px 10px #b1b1b1 inset !important;-o-box-shadow:0 0px 10px #b1b1b1 inset !important;-moz-box-shadow:0 0px 10px #b1b1b1 inset !important;-ms-box-shadow:0 0px 10px #b1b1b1 inset !important;padding:5px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;margin-bottom:3px;font-size:11px}.post_field:hover{border-top:4px solid #4AA02C;border-bottom:4px solid #E41B17}.username_container {padding:2px 0;text-align:center;}.username_container .username strong {font-size: 16pt;font-weight:400;}.usertitle, .rank {text-align:center;}.usercenter {padding-top:5px;text-align:center;}
.postbit_logo{margin-top:-3px;width:20px;height:21px;opacity:0;-webkit-transform:scale(2)rotate(30deg);-moz-transform:scale(2)rotate(30deg);-ms-transform:scale(2)rotate(30deg);-o-transform:scale(2)rotate(30deg);transform:scale(2) rotate(30deg);position:absolute;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;background:url(http://up.irankds.ir/images/p0unvpyl28fko40l1b.png);left:20px}
.post_field:hover .postbit_logo{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);margin-top:-3px;}

برای تغییر رنگ و ... اول استایل رو روی ویبولتین نصب کنید ( لوکال هاست مثلاً ) بعد تمام قسمت هارو ویرایش کنید !
stylevars جزئی از ویبولتینه , نباید حذف بشه از استایل ها .

بی نظیره حرف نداره ممنون!

کادر بندی هک تشکر برای پست بیت این قالب رو میخوام :">