انجمن


تغییر فونت به نستعلیق  (۴ نوشته)

  • hamnafas

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۶
    تشکر شده: ۱ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۶ آذر ۱۳۸۹ - ۰۹:۳۷

    به نام خدا
    با سلام
    تصمیم دارم در کد های style.css تغییراتی ایجاد کنم تا در این قالب فوت عنوان نوشته ها به نستعلیق یا فونت جالی تغییر بیابد. برای این کار باید چه کنم؟ یعنی کدی که وارد میشود چیست؟
    متشکرم

  • hamnafas

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۶
    تشکر شده: ۱ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۶ آذر ۱۳۸۹ - ۰۹:۴۱

    این کد های صفحه اصلی است.

    <?php get_header(); ?>

    <div id="templatemo_content_container">
    <div id="templatemo_content">
    <div id="templatemo_content_left">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div class="templatemo_post_wrapper">
    <div class="templatemo_post">
    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    <div class="post_title">" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></div>
    <div class="post_info">
    نویسنده <?php the_author_posts_link() ?>, در تاریخ <?php the_time('F jS, Y') ?> در دسته <?php the_category(', '); ?>
    </div>
    <div class="post_body">
    <?php the_content(); ?>
    </div>
    <div class="post_comment"> <?php comments_popup_link('» همنفسی کن!بنویس', '» همنفس 1', '» همنفس %'); ?></div>
    </div>
    </div> <!-- End of a post-->

    </div> <!-- end of content left -->
    <?php endwhile; ?>

    <div class="navigaion">
    <div class="right"><?php next_posts_link('« Older Entries') ?></div>
    <div class="left"><?php previous_posts_link('Newer Entries »') ?></div>
    </div>

    <?php else : ?>

    <h2>پیدا نشد!</h2>
    <?php get_search_form(); endif; ?>
    </div><?php get_sidebar(); get_footer(); ?>

    و این هم کد های استایل :
    /*
    Theme Name: OldBlog
    Theme URI: http://www.templatemo.com/
    Description:Css Theme Design By Free CSS Templates Convert To Wordpress Theme By Metablog.
    Version: 1.0
    Author: Moeini
    Author URI: http://metablog.ir/
    */
    body {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #1a0d00;
    background: #4c4c4c;
    }

    a:link, a:visited { color: #990000; text-decoration: none; }
    a:active, a:hover { color: #000000; text-decoration: underline; }

    h1 {
    margin: 0px;
    padding: 10px;
    font-size: 40px;
    color: #dbc1a7;
    }
    #templatemo_content_container #templatemo_content #templatemo_content_left .comment-body{
    color:#dbc1a7;
    }
    h2 {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 20px;
    color: #dbc1a7;
    border-bottom: 1px dotted #663e17;
    }
    h3 {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 20px;
    color: #a6703c;
    border-bottom: 1px dotted #663e17;
    }

    p {
    margin: 0px;
    padding: 0 0 10px 0;
    text-align: justify;
    }

    .cleaner {
    clear: both;
    width: 100%;
    height: 1px;
    }

    /* ----- Form ----- */

    form{

    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: right;
    color: #fff;
    }

    .inputfield{
    background: #ffffff;
    border: 1px solid #c9f5f6;
    color: #000;
    font-size: 13px;
    font-variant: normal;
    height: 14px;
    line-height: normal;
    padding: 4px;
    margin-bottom: 5px;
    width: 240px;
    }

    .button{
    width: 60px;
    height: 25px;
    }

    /* end of form */

    #templatemo_header_panel{
    width:100%;
    margin: 0 auto;
    background-color: #0c0600;
    color: #FFFFFF;
    height: 205px;
    }

    #templatemo_header_panel #templatemo_title_section{
    width: 960px;
    height: 132px; /* +73 ( padding ) */
    margin:0 auto;
    padding-top: 73px;
    background: url(images/templatemo_title_bg.jpg) center top no-repeat;
    text-align: center;
    }

    #templatemo_menu_panel{
    width:100%;
    height: 45px;
    margin: 0 auto;
    background: url(images/templatemo_menu_bg.gif) repeat-x;
    color: #ffffff;
    }

    #templatemo_menu_panel #templatemo_menu_section{
    width: 930px;
    height: 45px;
    margin:0 auto;
    padding: 0 0 0 30px;
    color: #03a0a6;
    }

    #templatemo_menu_section ul {
    float: right;
    width: 930px;
    margin: 0;
    padding: 7px 0 0 0;
    list-style: none;
    }

    #templatemo_menu_section ul li{
    display: inline;
    }

    #templatemo_menu_section ul li a{
    float: right;
    width: 120px;
    padding: 5px 0;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border-bottom: 3px solid #472400;
    }

    #templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
    color: #ffffff;
    border-bottom: 3px solid #703901;
    }
    /* end of menu */

    /* content panel */
    #templatemo_content_container {
    overflow: hidden;
    height: 100%;
    width:100%;
    margin: 0 auto;
    background: url(images/templatemo_content_bg.gif) repeat;
    }

    #templatemo_content_container #templatemo_content{
    width: 930px;
    padding: 15px 0 0 30px;
    margin:0 auto;
    }

    #templatemo_content_left {
    float: left;
    width: 600px;
    margin: 0px;
    margin-bottom: 15px;
    }

    #templatemo_content_right {
    float: right;
    width: 300px;
    margin-bottom: 15px;
    color: #dbc1a7;
    background: #000000 url(images/templatemo_right_column_bg.jpg) repeat-y;
    }

    #templatemo_content_left .templatemo_post_wrapper {
    clear: both;
    width: 590px;
    background: url(images/templatemo_post_bg_repeat.gif) repeat;
    border: 5px solid #3b3023;
    margin-bottom: 15px;
    }

    #templatemo_content_left .templatemo_post {
    width: 530px;
    padding: 25px 30px 0 30px;
    background: url(images/templatemo_post_bg.gif) top center no-repeat;

    }

    * html #templatemo_content_left .templatemo_post {
    margin-bottom: 5px;
    }

    .templatemo_post .post_title{
    width: 100%;
    margin: 0px;
    padding: 5px 0;
    font-size: 21px;
    font-weight: bold;
    color: #1a0d00;
    }

    .templatemo_post .post_info{
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #333333;
    margin-bottom: 15px;
    }

    .templatemo_post .post_body{
    width: 100%;
    }

    .templatemo_post .post_body img{
    margin-bottom: 15px;
    }

    .templatemo_post .post_comment{
    width: 100%;
    padding: 5px 0;
    font-weight: bold;
    }

    #templatemo_content_right .templatemo_right_section{
    clear: both;
    display:inline-block;
    width: 250px;
    color: #bd8956;
    padding: 15px 15px 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #684018;
    }
    #templatemo_content_right .templatemo_right_section form{
    padding: 0 0 15px 0;
    }

    #templatemo_content_right .templatemo_right_section ul{
    clear: both;
    margin: 0 0 0 15px;
    padding: 0px;
    }

    #templatemo_content_right .templatemo_right_section ul li{
    margin: 0 0 5px 0;
    }
    #templatemo_content_right .templatemo_right_section ul li a {
    color: #dbc1a7;
    }

    #templatemo_bottom_panel{
    width:100%;
    margin: 0 auto;
    border-top: 5px solid #000000;
    background-color: #0c0600;
    }

    #templatemo_bottom_panel #templatemo_bottom_section{
    width: 930px;
    margin:0 auto;
    height: 190px;
    background: #0c0600 url(images/templatemo_footer_bg.jpg) center top no-repeat;
    padding: 30px 0 15px 30px;
    }

    #templatemo_bottom_section .templatemo_bottom_section_content {
    display: inherit;
    float: left;
    width: 270px;
    padding-right: 20px;
    margin-left: 10px;
    margin-bottom: 15px;
    color: #dbc1a7;
    }

    #templatemo_bottom_section .templatemo_bottom_section_content ul{
    margin: 0 0 0 10px;
    padding: 0 0 5px 10px;
    }

    #templatemo_bottom_section .templatemo_bottom_section_content li a{
    color: #dbc1a7;
    }

    #templatemo_footer_panel{
    width:100%;
    margin: 0 auto;
    background-color: #000000;
    color: #ffffff;
    }

    #templatemo_footer_panel #templatemo_footer_section{
    width: 960px;
    margin:0 auto;
    text-align: center;
    padding: 15px;
    }

    #templatemo_footer_panel #templatemo_footer_section a {
    color:#dbc1a7;
    }

    /*tabcontent*/
    .tag_section {
    width: 100%;
    padding-top: 2px;
    height: 25px;
    background: #743b0d;
    }

    .tag_section .shadetabs{
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/

    }

    .tag_section .shadetabs ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

    .tag_section .shadetabs li{
    display: inline;
    margin: 0;
    }
    .tag_section .shadetabs li a{
    display:inline-block;
    height: 24px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 2px 5px 0 5px;
    margin-right: 1px;
    color: #ffffff;
    font-weight: bold;
    }

    .tag_section .shadetabs li a:visited{
    text-decoration: none;
    color: #ffffff;
    }

    .tag_section .shadetabs li a:hover{
    color: #ffffff;
    text-decoration: none;
    background: #3E2001;
    }

    .tag_section .shadetabs li a.selected{ /*selected main tab style */
    color: #ffffff;
    text-decoration: none;
    background-color: #3E2001;
    color: #ffffff;
    position: relative;
    top: 1px;
    }

    .tag_section .shadetabs li a.selected:hover{ /*selected main tab style */
    color: #ffffff;
    text-decoration: none;
    }

    .tabcontent_section {
    clear: both;
    float:left;
    padding: 15px 15px 0 15px;
    width: 216px;
    background: #3E2001;
    border-left: 2px solid #743b0d;
    border-bottom: 2px solid #743b0d;
    border-right: 2px solid #743b0d;
    }

    .tabcontent_section .inputfield{
    width: 200px;
    }

    .tabcontent{
    display:none;
    }
    .navigaion .left{
    float:left;
    }
    .navigaion .right{
    float:right;
    }

    @media print {
    .tabcontent {
    display:block !important;
    }
    }

  • reza

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۱۶
    تشکر شده: ۱۲۱ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۶ آذر ۱۳۸۹ - ۱۳:۰۱

    هر قلمی که استفاده کنید در حالتی دیده می‌شود که بازدیدکننده شما نیز آن قلم را در کامپیوتر خود داشته باشد. و چون معمولاً همگان فقط قلم‌های پیش‌فرض ویندوز را دارند، نوشته‌های فارسی را فقط با سه قلم تایمز، تاهما و کاریر می‌توانند ببینند.

  • Parsa

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۱۹۲۱
    تشکر شده: ۲۶۸۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۶ آذر ۱۳۸۹ - ۱۸:۰۸

    در css3 ميشه اين كارو كرد
    http://www.zenelements.com/blog/css3-embed-font-face/

    اما نيازمند مرورگر جديد هست

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.