فونت سایت

Roach · Sep 12, 2011

سلام دوستان.من با کامپیوتر خودم که وارد سایتم میشم فونت ها درسته.اما الان با کامپیوتره رفیقم که وارد سایت خودم میشم فونتش به Arial تبدیل شده.اما سایتی مثل پی سی دانلود فونت همون b koodak مونده.چرا؟!از من توی کامپیوتره رفیقم تبدیل به arial میشه اما سایتی مثل پی سی دانلود همون میمونه.دوستان یه چیزه دیگه این که من قالب ریپ شده پی سی دانلود رو دارم این که یه پوشه هست به نام font و فونت B KOODAK رو توش گذاشتن و توی CSS هم چنین کدی هست

کد:

direction: ltr; background: #76939D; padding: 10px 15px; border-bottom: 2px solid #D4DFE3; cursor: pointer; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; } .mobile-platform p { margin: 0 0 0; } 
 .mobile-platform:hover { background: #9CAEB3; } 
 .image-text-top { vertical-align: text-top; } 
 .image-middle { vertical-align: middle; } 
 .post-graphical-image { padding: 20px 0 10px; text-align: center; } 
 #related-topics { margin: 10px 0; } 
 #related-topics li { width: 580px; overflow: hidden; height: 21px; } 
 #related-topics li a, #related-topics li a:link { color: #8700EC; } 
 .related-topics-wrapper { border: 4px solid #FAF5FF; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ } 
 .related-topics-wrapper section { border: 1px solid #E2BCFF; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ padding: 10px 10px 10px 20px; background: #F8EFFF; } 
 #related-topics h2 { padding-top: 10px; } 
 #related-topics li a { background: url(images/related.gif) right center no-repeat; padding-right: 25px; line-height: 1.7; padding: 2px 20px 4px 5px; } 
 #related-topics li a:hover { background-color: #C270FF; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ color: #FFFFFF; text-shadow: 0 1px 1px #777; } 
 .blogroll h2, #sidebar h2, #related-topics h2, .visit-info h2, .linkroll h2 { color: #999; padding-right: 10px; } 
 .product-wrapper { -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ border: 4px solid #fff; margin-bottom: 20px; } 
 .product-wrapper section { -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ border: 1px solid #D4D4D4; background: #F1F1F1; height: 280px; overflow: hidden; width: 610px; } 
 .product-wrapper ul { padding: 20px 30px; } 
 .product-wrapper li { width: 127px; padding: 0 3px; margin-bottom: 40px; float: right; } 
 .product-wrapper li:hover img { -moz-box-shadow: -2px 2px 5px #777; /* FF3.5+ */ -webkit-box-shadow: -2px 2px 5px #777; /* Saf3.0+, Chrome */ box-shadow: -2px 2px 5px #777; /* Opera 10.5, IE9, Chrome 10+ */ } 
 .product-wrapper li a, .product-wrapper li em { margin: 0 5px; font-style: normal; text-align: center; line-height: 1.4; color: #595959; } 
 .product-wrapper li a { -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ font: bold 1.3em/1.7 "b koodak", bkoodak, Arial, Helvetica, sans-serif

Roach · Sep 12, 2011

دوستان خیلی ساده.من میخوام کاری کنم که کسی اگر هم فونت رو نداشت نوشته ها به صورت جدا جدا بیاد.من توی نت خوندم که گفته بودن باید توی CSS یه کد بزنی
مثل

کد:

@font-face {
font-family:Bkoodak; /* Bkoodak */
src: url("font/BKoodak.eot"); /* نمایش در مرورگر IE */
}

@font-face {
font-family:BKoodak; /* تعیین نام برای فونت */
src: url("font/BKoodak.ttf"); /* TTF file for CSS3 browsers */
}

#load-bjohar{
font-family:BKoodak; /* بارگزاری دو فونت در عنصر load-bjohar */
}

Roach · Sep 12, 2011

دوستان من بخوام فونت تغییر نکنه باید چی کار کنم؟

Roach · Sep 13, 2011

کسی نیست؟

Mohammad · Sep 13, 2011

دوست عزیز فونت b koodak روی سیستم شما هست و روی سیتم دوستتون نیست به همین خاطر فونت عوض میشه

باید فونت رو از طریق css یا java script ایمپورت کنید. همون متنی که خودتون نوشتید درست هست و در اکثر موارد کار می کنه با قرار دادنش داخل css

shnoit · Sep 13, 2011

دوست عزیز ، فونتها رو آپلود کن تویه یه فولدر مثلا فولدر fonts حالا اونجا که فونت رو میخوای ، ادرس بده

این آموزش رو دقیقا یادم نیست از کدوم سایت گرفتم ( معذرت که منبعش یادم نیست که بتونم ذکر کنم. )

1. اول در بخشی از استایل (css) سایت یا قالب وبلاگ خود، این کد را اضافه کنید:

کد:

@font-face {
font-family:"manmote_com";
src: url( "http://f.manmote.com/font/manmote_com.eot" );
src: local( "☺" ),
url( "http://f.manmote.com/font/manmote_com.woff" )
format( "woff" ),
url( "http://f.manmote.com/font/manmote_com.ttf" )
format( "truetype" );
}

2. سپس در همان استایل، فونت مربوط به نوشتار با id یا class مشخص را به به صورت زیر تغییر دهید:

کد:

div.post { font-family: manmote_com, Tahoma; }

با این کار در صورتی که فونت مربوطه برای کاربر لود شود، از فونت لود شده و در غیر اینصورت از قلم دوم (در اینجا تاهما) استفاده می‌شود.

موفق باشید.

Roach · Sep 14, 2011

shnoit گفت:
دوست عزیز ، فونتها رو آپلود کن تویه یه فولدر مثلا فولدر fonts حالا اونجا که فونت رو میخوای ، ادرس بده

این آموزش رو دقیقا یادم نیست از کدوم سایت گرفتم ( معذرت که منبعش یادم نیست که بتونم ذکر کنم. )

1. اول در بخشی از استایل (css) سایت یا قالب وبلاگ خود، این کد را اضافه کنید:

کد:

@font-face { font-family:"manmote_com"; src: url( "http://f.manmote.com/font/manmote_com.eot" ); src: local( "☺" ), url( "http://f.manmote.com/font/manmote_com.woff" ) format( "woff" ), url( "http://f.manmote.com/font/manmote_com.ttf" ) format( "truetype" ); }

2. سپس در همان استایل، فونت مربوط به نوشتار با id یا class مشخص را به به صورت زیر تغییر دهید:

کد:

div.post { font-family: manmote_com, Tahoma; }

با این کار در صورتی که فونت مربوطه برای کاربر لود شود، از فونت لود شده و در غیر اینصورت از قلم دوم (در اینجا تاهما) استفاده می‌شود.

موفق باشید.

ممنون دوست من.میشه بیشتر توضیح بدین.بخش دوم.من توی وردپرس میخوام اینجوری بشه.دوم این که من دو تا فونت توی سایتم استفاده کردم.یکی BKoodak یکی هم IranSans.چجوری دوتا فونت رو ایمپورت کنم با css?
ممنون

shnoit · Sep 14, 2011

خب گفتم که
شما اول فونتهای خودتو آپلود میکنی تویه یه فولدر، مثلا فولدر fonts
حالا تو کدهای بالا آدرس فونت خودتو بزار.
باقیشم که دیگه معلومه. تویه استایل خودت، میتونی فونتها رو فراخوانی کنی، همین.

Roach · Sep 14, 2011

دوست من من انجام دادم.اما تغییری حاصل نشد
entaj.ir
*/
من اون کد رو توی css زدم و ادرس فونت ها رو تغییر دادم به همونجایی که اپلود کرده بودم..بعدش div.post رو به .font تغییر دادم و زیر کد *header زدم.
بعدشم div id رو زدم.اما هیچ تغییری حاصل نشد

shnoit · Sep 14, 2011

دوست عزیز قسمت های فونت منوی بالایی و منوی و تایتل پست ها ، درسته !!!!

در مورد موضوعات هم ، شما در استایلشون که نام فونت رو درج نکردین ( اگه میخواین اونارو هم تغییر بدین )

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

http://up9.iranblog.com/images/zzb9vu67yd1wvavcq3wh.jpg

موفق باشید

Roach · Sep 14, 2011

shnoit گفت:
دوست عزیز قسمت های فونت منوی بالایی و منوی و تایتل پست ها ، درسته !!!!

در مورد موضوعات هم ، شما در استایلشون که نام فونت رو درج نکردین ( اگه میخواین اونارو هم تغییر بدین )

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

http://up9.iranblog.com/images/zzb9vu67yd1wvavcq3wh.jpg

موفق باشید

درسته.چون که شما فونت bkoodak رو در بخش فونت های کامپیوترتون دارین!.

Roach · Sep 14, 2011

کسی میتونه درست کنه؟یوزر و پس بهش بدم؟

shnoit · Sep 15, 2011

شما یکبار دیگه، استایل ها رو دقیق بررسی کنید، احتمال میدم، مشکل از استایل های مربوطه باشه.

Roach · Sep 15, 2011

این style.css من هست.
شما کد ها رو بذار.فونت های iransans و BKoodak

کد:

/*
Theme Name: KamyabMobvie
Theme URI: http://www.KamyabMobvie.com
Description: KamyabMobvie Template
Author URI: http://www.farhadina.com
Version: 2.0

   Salam , Mersi az inke mikhay Source KamyabMovie ro bebini :) 
   Age ghasde Copy Ghaleb ro darin
   bayad begam ke 100% man HAROOM kardam
   che bekhayn befrooshin che bekhayn khodetoon estefade konid .
   Agar code haye ghaleb ro Copy konid Asemoon Miyofte roo Computer shoma .

*/


* {
    border: 0px;
    padding: 0px;
    margin: 0px;
}


body {
    color : #383837 ;
    background: url(images/background.jpg) repeat-x #E8F6FB ; 
    margin : 0px; 
    padding : 0px 0 px; 
    text-align:center;
        font: 12px/1.9 Iransans, Tahoma, Tahoma, sans-serif;
 
}

}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0px;
    margin: 0px; 
}
.clear {
    clear:both;
}

a {
    text-decoration : none ; 
    color: #166F8F;
}
a:hover {
    text-decoration : none ; 
    color: #F27435
}
ul {
    border: 0px; 
    padding: 0px; 
    margin: 0px;
    list-style: none ;
}
li {
    border: 0px; 
    padding: 0px; 
    margin: 0px;
    list-style: none ;
}
address, caption, cite, code, dfn, em , th, var {
    border: 0px;
    padding: 0px; 
    margin: 0px; 
    outline: 0 
}
img {
    border: 0px; 
}
textarea, fieldset, input {
    padding: 0px;
    font-size: 11px;
    font-family: Tahoma ;
    border-right: #EAE6E3 1px solid;
    border-top: #EAE6E3 1px solid;
    background: #fff;
    border-left: #EAE6E3 1px solid;
    border-bottom: #EAE6E3 1px solid ;
}
h1 {
    font: bold 1.7em/1.6 Arial, sans-serif; margin:0px; padding:0px;
}
h2 {
    font: bold 1.5em/1.6 Arial, sans-serif;
}
h3 {
    font: bold 1.4em/1.6 Arial, sans-serif;
}
h4 {
    font: bold 1.2em/1.6 Arial, sans-serif;
}
#warpper {
    background: url(images/content_background.gif) #fff repeat-y scroll center top;
    direction: rtl ;
    margin: 0px auto 0px ;
    padding: 0 ;
    position: relative ;
    width: 988px ;
    text-align: right;
}
.header {
    background: url(images/header.jpg) no-repeat scroll center top;
    height: 170px;
    margin: 0px auto;
        font:Bkoodak,Tahoma;
    padding: 0 ;
    position: relative ;
    width: 988px;
        
}



.header h1 {
    height:125px;
    top:20px ;
    right:335px ;
    background:none;
    padding:0 ;
    position:absolute;
    width:285px;
}
.header h1 a {
    height:125px;
    width:285px;
}
.header h1 a span {
    display:none;
    height:125px;
    width:285px;
}
.content {
    background: #fff;
    margin : 0px 8px
}
.header #font{
 font-family: BKoodak,Tahoma;
}
.header #nav{
    top: 0px ;
    right: 24px ;
    padding: 0 ;
    position: absolute;
        font:Bkoodak,Tahoma;
}
.header #nav ul {
    padding-left: 5px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style: none
}
.header #nav ul li {
    float: right;
}
.header #nav ul li a {
    padding: 15px 10px 7px 10px;
    display: block;
    font: bold 12px B Koodak;
    text-align: center;color: #34BEDA
}
.header #nav ul li a:hover {
    background: #fff ;
    
-moz-border-radius-bottomleft: 6px;
    
-moz-border-radius-bottomright: 6px;
    color: #F02475
}
.search {
    width: 230px ;
    height: 25px ;
    margin-top: 8px ;
    margin-left: 30px ;
    float: left
}
.st {  
    background:none ;
    height: 20px ;
    width: 160px ;
    padding-left: 0px ;
    font-family: arial ;
    color : #333333;
    font-size : 15px ;
    font-weight:bold;
    border : none ;
    line-height : 22px;
    float:right;
    text-align:right;
    margin: 0px 0px 0px 0px
}
.sti { 
    background: none ;
    height : 25px ;
    width : 50px ;
    margin-right: 5px;
    border: none ;
    cursor: pointer;
    float:left
}
#page-content {
    margin: 0px 0px 0px;
    padding: 0px 8px 0px 0px;
    text-align: right
}
.two-box-warpper {
    background: #ffffff;
    float: right;
    width: 728px
}
#page-body {
    background: #ffffff;
    float: left;
    margin: 0px 0px 5px 0px;
    width: 520px
}
.page-body {
    background: #ffffff;
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 10px;
    padding-top: 0px
}
.best-film-in-week {
    background: url(images/best_film.jpg) no-repeat;
    width: 520px;
        margin-bottom:15px;
}
.best-film-in-week-content {
    padding: 15px;
    color: #666666
}
.best-film-in-week-content a {
    color: #006DAC
}
.best-film-in-week-content h3 {
    border-bottom: 1px solid #9EDBF1;
    padding-bottom: 5px;
    margin-bottom: 5px
}
.best-film-in-week-content a:hover {
    color: #DF0271
}
.best-film-in-week .preview {
    height: 160px;
    width: 200px;
    margin-left: 5px;
    border: 2px solid #AEE2F7;
    float: right;
}
.best-film-in-week .post-wrap {
    width: 280px;
    float: right;
}
.best-film-in-week .post-wraps {
    width: 490px;
    float: right;
}
.page-break {
    background: url(images/page_break.jpg) no-repeat;
    height: 20px;
    width: 520px;
}
.linkbox {
    margin : 0px 0px 10px 0 ;
    width : 500px 
}
.linkbox  #linkbox-title {
    background: url('images/linkbox_title.jpg') no-repeat ; 
    width : 500px ;
}
.linkbox  #linkbox-title h1 {
    padding : 22px 50px 0px 0px;
    font: bold 1.4em/1.6 Arial, sans-serif;
}
.linkbox  #content {
    background: url('images/post_bg.gif');
    padding: 10px 15px
}
.linkbox  #content ul li {
    padding-right: 12px;
    display: block;
    float:right;
    width: 240px;
    padding-left: 0px;
    background: url(images/footer_arrow.gif) no-repeat right 7px;
    padding-bottom: 0px;
    padding-top: 0px
}
.linkbox  #linkbox-footer {
    background: url('images/post_footer.gif');
    height: 20px
}
.post {
    margin : 10px 0px 10px 0 ;
    width : 520px 
}
.post #post-title {
    background: url('images/post_title.gif') no-repeat ; 
    width : 520px ;
}
.post #post-title h1 {
    padding : 14px 68px 0px 0px;
    font: bold 1.4em/1.4 b koodak, sans-serif;
}
.post #post-title h1 a {
    color: #058CB4
        font: b koodak
}
.post #post-title h1 a:hover {
    color: #06B1E3
}
.post #post-info {
    color:#666666;
    margin: 10px 30px 0px 15px;
    width: 470px;
}
.post #post-info ul {
    margin: 0px;
}
.post #post-info ul a{
    padding: 2px 4px
}
.post #post-info ul a:hover {
    color:#fff;
    background:#F02475;
    -moz-border-radius:3px
}
.post #post-info ul li {
    display: block;
    margin:5px 5px;
    float: right
}
.post #post-info ul .categry{
    padding-right: 20px;
    padding-left: 0px;
    background: url(images/category.png) no-repeat right 0px;
    padding-bottom: 0px;
    padding-top: 0px
}
.post #post-info ul .view {
    padding-right: 22px;
    padding-left: 0px;
    background: url(images/view.gif) no-repeat right 0px;
    padding-bottom: 0px;
    padding-top: 0px
}
.post #post-info ul .date {
    padding-right: 24px;
    padding-left: 0px;
    background: url(images/date.gif) no-repeat right 0px;
    padding-bottom: 0px;
    padding-top: 0px
}
.post #content {
    background: url('images/post_bg.gif');
    padding: 10px 15px
}
.post #content p {
        margin:5px;
}
.post #post-footer {
    background: url('images/post_footer.gif');
    height: 20px
}
.more-link {
    padding-right: 20px;
    display:block;
    font-weight:bold;
    margin-top:5px;
    padding-left: 0px;
    background: url(images/more_link.gif) no-repeat right 0px;
    padding-top:0px;
    padding-bottom:0px
}
.paginate {
    width : 500px ;
    margin : 8px 0px 0px 0px
}
#paginate {
    padding : 0px 10px 0px 5px
}
.paginate-title {
    background : url('images/paginate_title.gif') no-repeat ;
    width : 500px ;
    height : 40px
}
.paginate-content {
    border : 2px solid #EBEDED ;
    border-width : 0px 2px 0px 2px ;
    margin : 0px 1px 0 0 
}
.paginate-footer {
    width : 500px ;
    background: url('images/comment_footer.gif') no-repeat ;
    height : 18px 
}
#sidebar-right {
    background: #fff ;
    float: right ;
    width: 200px ;
    margin : 5px 0 0 0 
}
.sidebar-right {
    margin: 0px 0 0 0 
}
#sidebar-left {
    background: #fff;
    float: left;
    width: 220px;
    margin : 0px 0 0 8px 
}
.sidebar-left {
    margin: 0px
}
.sidebar-box {
    background: #F1FBFE;
    margin: 0px 0px 5px
}
.sidebar-box h3 {
    height: 55px
}
.sidebar-box h3 span {
    display: none
}
.sidebar-box-content {
    width : 220px ;
    clear : both;
    background: url('images/sidebar_bg.png') 
}
.sidebar-box-content-right {
    width : 200px ;
    clear : both;
    background: url('images/sidebar_bg_right.jpg') 
}
.sidebar-box ul {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}
.sidebar-box ul li {
    padding-right: 15px;
    padding-left: 0px;
    background: url(images/arrow_mini_left.gif) no-repeat right 8px;
    padding-bottom: 0px;
    padding-top: 0px
}
.sidebar-box-footer {
    clear: both;
    background: url('images/sidebar_footer.gif') no-repeat ;
    height: 20px;
    width: 220px
}
.sidebar-box-footer-right {
    clear: both;
    background: url('images/sidebar_footer_right.jpg') no-repeat ;
    height: 20px;
    width: 200px
}
.sidebar-right .ads h3 {
    background: url('images/ads_title_ads.jpg') no-repeat ;
    height: 55px ;
    width: 200px
}
.sidebar-right .category h3 {
    background: url('images/categories_title.jpg') no-repeat ;
    height: 55px ;
    width: 200px
}
.sidebar-right .category ul {
    padding-right: 12px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 0px
}
.sidebar-right .category ul li {
    color:#000 ;
    padding-right: 10px;
    padding-left: 0px;
    background: url(images/tick.gif) no-repeat right 5px;
    padding-bottom: 0px;
    padding-top: 0px
}
.sidebar-right .category ul li ul {
    margin: 0px 0px 0px 0px
}
.sidebar-right .category ul li ul li {
    padding-right: 11px;
    padding-left: 0px;
    background: url(images/arrow_mini_left.gif) no-repeat right 7px;
    padding-bottom: 0px;
    padding-top: 0px
}
.sidebar-right .status h3 {
    background: url('images/stats_title.jpg') no-repeat;
    height: 55px;
    width: 200px
}
.sidebar-right .monthly-archive h3 {
    background: url(images/archives_title.jpg) no-repeat center bottom
}
.sidebar-box-left {
    background: url(images/sidebar_left_bg.jpg) no-repeat ;
    min-height: 180px;
}
.sidebar-box-left ul {
    padding: 15px 15px 
}
.sidebar-box-left ul h3 {
    border-bottom: 1px solid #93D0F4
}
.sidebar-box-left ul li {
    padding-right: 15px;
    background: url(images/footer_arrow.gif) no-repeat right 7px;
}
    .sidebar-left .adss,
    .sidebar-left .most-postsview,
    .sidebar-left .adress,
    .sidebar-left .help,
    .sidebar-left .lastentries,
    .sidebar-left .random_posts,
    .sidebar-left .serial{
            margin-bottom: 15px;
            min-height: 220px
    }

    .sidebar-left .adss ul,
    .sidebar-left .most-postsview ul,
    .sidebar-left .adress ul,
    .sidebar-left .help ul,
    .sidebar-left .lastentries ul,
    .sidebar-left .random_posts ul,
    .sidebar-left .serial ul {
            padding: 40px 15px 0px 15px
    }

    .sidebar-left .adss ul li,
    .sidebar-left .most-postsview ul li,
    .sidebar-left .adress ul li,
    .sidebar-left .help ul li,
    .sidebar-left .lastentries ul li,
    .sidebar-left .random_posts ul li,
    .sidebar-left .serial ul li {
            padding-right: 15px;
            background: url(images/footer_arrow.gif) no-repeat right 7px;
    }

.sidebar-left .adss {
    background: url('images/1309337455.jpg') no-repeat ;
    height: 300px ;
    width: 220px
}
.sidebar-left .adress {
    background: url('images/adrese.jpg') no-repeat ;
    width: 220px
}
.sidebar-left .help {
    background: url('images/help.jpg') no-repeat ;
    width: 220px
}
.sidebar-left .lastentries {
    background: url('images/last_entries.jpg') no-repeat ;
    width: 220px
}
.sidebar-left .random_posts {
    background: url('images/random_posts.jpg') no-repeat ;
    width: 220px
}
.sidebar-left .serial {
    background: url('images/serial.jpg') no-repeat ;
    width: 220px
}
.sidebar-left .most-postsview {
    background: url('images/most_postview.jpg') no-repeat ;
    height: 200px ;
    width: 220px
}
.sidebar-left .most-postsview ul {
    padding: 40px 15px 0px 15px
}
.sidebar-left .most-postsview ul li {
    padding-right: 15px;
    background: url(images/footer_arrow.gif) no-repeat right 7px;
}
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0 ;
    height: 0px
}
.comment {
    width : 520px ;
    -moz-border-radius: 5px;
    margin : 10px 0px 10px 0px;
    background: #DEF7FE;
}
.comment-title {
    color: #4EC5E7;
    border-bottom: 2px solid #CBEFFA;
    background: #D2F5FF;
    padding: 8px
}
.comment-content {
    padding: 10px 5px
}
#comment {
    padding : 0px 10px 0px 5px
}


.footer {
    background: #555;
    border-top: 5px solid #444;
    margin: 5px 4px 0px 4px
}
.footer-wrap {
    padding: 10px;
    color: #f1f1f1
}
.footer-wrap .tags-title {
    background: url(images/tags.gif) #555555 no-repeat;
    float: right;
    margin-top: 12px;
    height: 15px;
    width: 55px;
}
.footer-wrap .tags-link {
    float: right;
    margin-right: 10px; 
    width: 895px;
    
-moz-border-radius: 5px;
}
.footer-wrap .tags-link ul {
    padding: 5px
}
.footer-wrap .tags-link ul a {
    color: #ccc;
    
-moz-border-radius: 4px;
    padding: 5px;
}
.footer-wrap .tags-link ul a:hover {
    color: #fff;
    background: #008C9E
}
.footer-wrap .footer-break {
    background: url(images/footer_break.gif) no-repeat;
    margin: 0px auto;
    height: 15px;
    width: 900px;
}
.footer-wrap .footer-break {
    background: url(images/footer_break.gif) no-repeat;
    margin: 0px auto;
    height: 15px;
    width: 900px;
}
.footer-wrap .footer-break-vertical {
    background: url(images/footer_break_vertical.gif) no-repeat;
    margin: 20px auto 5px;
    height: 15px;
    width: 900px;
}

.footer-wrap .footer-body {
    margin-top: 12px;
    padding-top: 10px;
}
.footer-wrap .footer-box {
    width: 350px;
    margin-left: 15px;
    
-moz-border-radius: 6px;
    background: #5c5c5c;
    float: right;
}
.footer-wrap .footer-box ul {
    padding: 14px 10px
}
.footer-wrap .comment-title-footer {
    background: url(images/comment.gif) no-repeat right top;
    display: block;
    padding-bottom: 10px;
    padding-right: 20px;
    color: #f1f1f1;
    border-bottom: 1px solid #696969;
    font: bold 15px arial,sans-serif 
}
.footer-wrap .most-viewed-title-footer {
    background: url(images/star.gif) no-repeat right top;
    display: block;
    padding-bottom: 10px;
    padding-right: 20px;
    color: #f1f1f1;
    border-bottom: 1px solid #696969;
    font: bold 15px arial,sans-serif 
}
.footer-wrap .footer-box ul li {
    color: #eee;
    padding: 5px 0px
}
.footer-wrap .footer-box ul li:hover {
    background: #595959
}
.footer-wrap .footer-box ul li a {
    color: #ccc
}
.footer-wrap .footer-box ul li a:hover {
    color: #E2D8D8
}
.footer-wrap .rss {
    float: right;
    width: 220px;
}
.footer-wrap .rss a {
    background: url(images/rss.jpg) no-repeat top;
    display: block;
    margin: 40px auto 0px;
    width: 128px;
    height: 128px
}
.footer-wrap .rss a:hover {
    background: url(images/rss.jpg) no-repeat bottom;
    width: 128px;
    height: 152px
}
.footer-wrap .rss a span {
    width: 128px;
    display: none;
    height: 128px
}
#right-menus {
    width:630px;
    float:right;
}
#left-menus {
    width: 335px;
    margin: 10px 5px 10px 10px;
    background: #fff;
    float: right;
    -moz-border-radius: 5px;
}
#left-menus #list {
    padding:10px 10px 0px 5px ;
    font-size:12px;
}
#left-menus #list h3 {
    font-size:15px;
}
#left-menus #list a {
    color:#ff6600;
}
.footer #titles{
    background: url(images/bg_title_footer.gif) #ffffff;
    width: 620px;
    height: 35px;
    margin-right:5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-right:1px dotted #DEDCD3;
    border-bottom:1px dotted #DEDCD3;
    border-left:1px dotted #DEDCD3
}
.footer #titles h3 {
    float: right;
    display: block ;
    width: 295px ;
    margin: 5px 10px 0px 0px
}
.pages {
    float: right;
    width: 300px ;
    margin: 5px 10px 0px 0px ;
}
.pages h4 {
    background: url(images/footer_title.gif) no-repeat ;
    height:25px;
    width: 300px ;
}
.pages h4 span {
    height:25px;
    display:none
}
.pages #pages {
    background:#ffffff;
    border-right:1px solid #eee ;
    border-left:1px solid #eee ;
}
.pages #btt {
    background: url(images/footer_bottom.gif) no-repeat ;
    height:20px;
    width: 300px ;
}


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; margin-bottom: 5px; }
img.alignright { display:inline; float:right; margin-left:15px; }

    
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/


.wp-pagenavi {
    clear: both;
    padding:0px 5px 15px 5px;
    direction:rtl
}
.wp-pagenavi h3 {
    font-family:tahoma;
    font-size:12px;
    font-weight:normal
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background:#F9F8F2;
    border: 1px solid #ECE9D8;
    padding: 1px 6px;
    float :right;
    margin: 2px;
    font-size:10px;
    -moz-border-radius: 3px;
}
.wp-pagenavi span.current {
    background:#ffffff;
    color:#666666;
    border: 1px solid #ECE9D8;
}
.wp-pagenavi a:hover {
    background:#FF9900;
    border-color: #FF6600;
    color:#ffffff
}
.wp-pagenavi span.current {
    font-weight: bold;
}
.tags {
    float: right;
    width: 300px ;
    margin: 5px 10px 0px 0px ;
}
.tags h4 {
    background: url(images/footer_title.gif) no-repeat ;
    height:25px;
    width: 300px ;
}
.tags h4 span {
    height:25px;
    display:none
}
.tags #tags {
    background:#ffffff;
    border-right:1px solid #eee ;
    border-left:1px solid #eee ;
    padding:0px 10px
}
.tags #btt {
    background: url(images/footer_bottom.gif) no-repeat ;
    height:20px;
    width: 300px ;
}
#farhadina-template {
    color: #c1c1c1
}
#farhadina-template a {
    color: #c1c1c1;
    padding:2px 4px;
}
#farhadina-template a:hover {
    color: #fff ;
    background: #0099CC;
    padding: 4px 4px;
    border-bottom: 1px dashed #fff;
}
#error {
    border:1px solid #FFA671 ;
    font-size:12px;
    padding:15px 15px;
    margin:5px 5px
}
#error h1 {
    border-bottom:1px dashed #ff6600
}
.addcomment {
    padding : 0px 4px 0 0 
}
.addcomment h3 {
    width : 520px ;
    background: url('images/add_comment.gif') no-repeat right ;
    height: 35px ;
    border-bottom: #E8EBEB 1px solid ;
    padding : 0px 0px 4px 0px ;
    margin : 0px 0px 10px 0px
}
.addcomment h3 span {
    display: none
}
.commentdata {
    width: 500px ;
}
.addcomment label {
    display: block;
    float:right;
    cursor:pointer;
    font-size:12px;
    width:100px
}
.addcomment .comment_button {
    background: #F02475 ; 
    border:1px solid #B30D4F ; 
    padding : 5px ; 
    margin: 20px 140px 0px 0px ; 
    font: bold 1.4em/1.6 Arial, sans-serif; 
    cursor: pointer ; 
    color: #FFF;
    height : 30px
}
.addcomment #author {
    background: url(images/author.gif) #DEF7FE no-repeat right ;
    border:1px solid #A6E7FA ;
    text-align:right ;
    width: 170px;
    color:#000000;
    padding : 7px 28px 5px 5px ;
    float : right
}
.addcomment #email {
    background: url(images/email.gif) #DEF7FE  no-repeat right ;
    border:1px solid #A6E7FA ;
    text-align:right ;
    color:#000000 ;
    width: 170px;
    padding : 7px 28px 5px 5px ;
    float: right
}
.addcomment #url {
    background: url(images/website.gif) #DEF7FE no-repeat right ;
    border:1px solid #A6E7FA ;
    text-align:right ;
    color:#000000 ;
    width: 170px;
    padding : 7px 28px 5px 5px ;
    float : right
}
.addcomment #text {
    background : #DEF7FE  ;
    width : 280px ; 
    height : 150px ; 
    margin: 0px ; 
    border: 1px solid #A6E7FA ; 
    padding : 5px
}
.addcomment #author:focus {
    background: url(images/author.gif) #E9FAFE no-repeat right ;
    border:1px solid #66D6F7 ;
}
.addcomment #email:focus {
    background: url(images/email.gif) #E9FAFE  no-repeat right ;
    border:1px solid #66D6F7 ;
}
.addcomment #url:focus {
    background: url(images/website.gif) #E9FAFE no-repeat right ;
    border:1px solid #66D6F7 ;
}
.addcomment #text:focus {
    background: #E9FAFE  ;
    border: 1px solid #66D6F7 ;
}
.opacity {
    filter:alpha(opacity=100);
    opacity:1.0;
        background-image: url(http://share98.com/aks/other/post.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.opacity img:hover {
     filter:alpha(opacity=50);
     opacity:0.8;
     background-image: url(http://share98.com/aks/other/post.gif);
     background-repeat: no-repeat;
     background-position: center center;
}


.bg-d {
background: url('http://share98.com/aks/post/bgd.png') no-repeat;
border:1px solid #0084cb;
padding:5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
background-color:#1c70a4; 
color:white;
text-shadow: #000 1px 1px 1px;
}
.bg-d a {
color:white;
text-shadow: #000 1px 1px 1px;
}
.entaj-jaxx {
    background-color: #2e8a9b;
    text-align: center;
    padding: 1px;
    border: 1px solid #f2f2f2;
    margin: 0px;
    color: #FFF;
    text-shadow : 1px 1px 0px #424d05;

}
.entaj-ads-jaxxx {
    background-color: #FFF;
    text-align: center;
    padding: 1px;
    margin: 0px;
    border: 1px solid #f2f2f2;
}
.entaj-ads-jaxxxx {
    background-color: #e1e1e1;
    text-align: center;
    padding: 1px;
    border: 1px solid #f2f2f2;
    margin: 0px;
    text-shadow : 1px 1px 0px #fff;
}