انجمن


تنظيم پهناي قالب  (۲۵ نوشته)

  • bsi

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

    فايل style.css قالبم را در زير ميذارم.ميخواستم بپرسم چهطوري ميتونم پهناي صفحه را بيشتر كنم؟كدام قسمت قالب را تغيير بدم؟

    /* Top Elements */
    * { margin: 0; padding: 0;}

    body {
    background: #fff;
    font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
    color: #666666;
    text-align: center;
    margin: 0 0 15px 0;
    }

    /* links */
    a, a:visited {
    color: #326ea1;
    background: inherit;
    text-decoration: none;
    }
    a:hover {
    color: #383d44;
    background: inherit;
    padding-bottom: 0;
    border-bottom: 2px solid #dbd5c5;
    }

    /* headers */
    h1, h2, h3 {
    font-family: 'Trebuchet MS', Tahoma, Sans-serif;
    font-weight: Bold;
    color: #333;
    }
    h1 {
    font-size: 160%;
    font-weight: normal;
    }
    h2 {
    font-size: 130%;
    text-transform: uppercase;
    }
    h3 {
    font-size: 130%;
    }

    h1, h2, h3, p {
    padding: 10px;
    margin: 0;
    }
    ul, ol {
    margin: 5px 20px;
    padding: 0 20px;
    }

    /* images */
    img {
    background: #FAFAFA;
    border: 1px solid #DCDCDC;
    padding: 5px;
    }
    img.float-right {
    margin: 5px 0px 10px 10px;
    }
    img.float-left {
    margin: 5px 10px 10px 0px;
    }

    code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    /* white-space: pre; */
    background: #F5F5F5;
    border-left: 3px solid #D4D4D4;
    }
    acronym {
    cursor: help;
    border-bottom: 1px dashed #777;
    }
    blockquote {
    font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
    margin: 10px;
    padding: 0 0 0 25px;
    background: #F5F5F5;
    border-left: 3px solid #D4D4D4;
    color: #444;
    }

    /* start - table */
    table {
    border-collapse: collapse;
    margin: 10px;
    }
    th strong {
    color: #fff;
    }
    th {
    background: #e7e6e6 url(images/button.jpg) repeat-x;
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    border-left: 1px solid #f4f4f4;
    border-bottom: solid 2px #fff;
    color: #333;
    }
    tr {
    height: 30px;
    }
    td {
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    }
    td.first,th.first {
    border-left: 0px;
    }
    tr.row-a {
    background: #F8F8F8;
    }
    tr.row-b {
    background: #EFEFEF;
    }
    /* end - table */

    /* form elements */
    form {
    margin:10px; padding: 0 5px;
    background: #F5F5F5;
    }
    label {
    display:block;
    font-weight:bold;
    margin:5px 0;
    }
    input {
    padding:2px;
    border:1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
    }
    textarea {
    width:400px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    height:100px;
    display:block;
    color:#777;
    }
    input.button {
    font: bold 12px Arial, Sans-serif;
    height: 24px;
    margin: 0;
    padding: 2px 3px;
    color: #333;
    background: #e7e6e6 url(images/button.jpg) repeat-x;
    border: 1px solid #dadada;
    }

    /* search form */
    .searchform {
    background-color: transparent;
    border: none;
    margin: 0 5px 0 10px; padding: 5px 0 15px 0;
    width: 190px;
    }
    .searchform p { margin: 0; padding: 0; }
    .searchform input.textbox {
    width: 100px;
    color: #777;
    height: 18px;
    padding: 2px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
    }
    .searchform input.button {
    width: 60px;
    height: 24px;
    padding: 2px 5px;
    vertical-align: top;
    }

    /********************************************
    LAYOUT
    ********************************************/
    #wrap {
    position: relative;
    width: 910px;
    margin: 0 auto;
    text-align: left;
    background: #fff url(images/content.jpg) repeat-y center top;
    }
    #content-wrap {
    float: left;
    width: 850px;
    margin-left: 30px;
    display: inline;
    padding: 0;
    border-top: 5px solid #fff;
    background: #fff url(images/content-wrap.jpg) repeat-x;
    }
    #header {
    position: relative;
    background: #fff url(images/header-bg.jpg) repeat-y center top;
    height: 35px;
    width:910px;
    padding: 0;
    color: #fff;
    }

    /* header links */
    #header #header-links {
    position: absolute;
    top: 8px; right: 45px;
    color: #838181;
    font-size: 10px;
    font-weight: bold;
    }
    #header #header-links p {
    padding: 0; margin: 0;
    }
    #header #header-links a {
    color: #838181;
    text-decoration: none;
    }
    #header #header-links a:hover {
    color: #444;
    }

    /* header-photo */
    #header-photo {
    position: relative;
    clear: both;
    margin: 5px auto;
    height: 250px;
    width: 850px;
    background: #fff url(images/header-photo.jpg) no-repeat center center;
    }
    #header-photo h1#logo-text a {
    position: absolute;
    margin: 0; padding: 0;
    font: bold 48px 'Trebuchet MS', Arial, Sans-serif;
    letter-spacing: -1px;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    border: none;

    /* change the values of top and left to adjust the position of the logo*/
    top: 25px; left: 30px;
    }

    #header-photo h2#slogan {
    position: absolute;
    margin: 0; padding: 0;
    font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
    text-transform: none;
    color: #B6D1F8;

    /* change the values of top and left to adjust the position of the slogan*/
    top: 80px; left: 35px;
    }

    /* Navigation */
    #nav {
    clear: both;
    padding: 0;
    }
    #nav ul {
    float: left;
    list-style: none;
    background: #E4E4E4 url(images/nav.jpg) repeat-x;
    width: 850px;
    padding: 0; margin: 0 0 0 30px;
    height: 45px;
    display: inline;
    text-transform: uppercase;
    }
    #nav ul li {
    display: inline;
    margin: 0; padding: 0;
    }
    #nav ul li a {
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 15px;
    border-right: 1px solid #dadada;
    border-left: 1px solid #fafafa;
    border-bottom: none;
    color: #555;
    font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    }
    #nav ul li a:hover,
    #nav ul li a:active {
    color: #326ea1;
    }
    #nav ul li#current a {
    background: #DBDBDB url(images/nav-current.jpg) repeat-x;
    }

    #nav ul li.current_page_item a {
    background: #DBDBDB url(images/nav-current.jpg) repeat-x;
    }

    /* Main Column */
    .three-col #main {
    margin: 10px 190px 0 200px;
    }
    .two-col #main {
    margin: 10px 5px 0 200px;
    }

    #main h1 {
    margin: 10px 10px 0 10px;
    font: normal 1.8em Georgia, "Times New Roman", Times, serif;
    color: #444;
    padding: 15px 0 2px 0px;
    border-bottom: 1px solid #dadada;
    }

    /* Sidebar */
    #sidebar {
    float: left;
    width: 195px;
    margin-top: 10px;
    }
    /* right column */
    #rightcolumn {
    float: right;
    width: 190px;
    margin-top: 10px;
    }
    #rightcolumn h1, #sidebar h1 {
    margin: 10px 5px 0 5px;
    padding: 5px 5px;
    font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    color: #444;
    }

    /* sidemenu */
    ul.sidemenu {
    text-align: left;
    margin: 7px 8px 8px 10px; padding: 0;
    border-top: 1px solid #E5E5E5;
    text-decoration: none;
    }
    ul.sidemenu li {
    list-style: none;
    padding: 4px 0 4px 5px;
    margin: 0 2px;
    border-bottom: 1px solid #E5E5E5;
    }
    * html body ul.sidemenu li {
    height: 1%;
    }
    ul.sidemenu li a {
    text-decoration: none;
    color: #326ea1;
    border: none;
    }
    ul.sidemenu li a:hover {
    color: #383d44;
    border: none;
    }

    /* footer-wrap */
    #footer-wrap {
    clear: both;
    width: 910px;
    font-size: 95%;
    padding: 20px 0;
    text-align: left;
    background: url(images/footer-bottom.jpg) no-repeat center bottom;
    }
    #footer-wrap a {
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    }
    #footer-wrap a:hover {
    color: #000;
    }
    #footer-wrap p {
    padding: 10px 0;
    }
    #footer-wrap h2 {
    color: #666666;
    margin: 0;
    padding: 0 10px;
    }

    /* footer */
    #footer {
    clear: both;
    color: #666;
    margin: 0 auto 10px auto;
    width: 850px;
    padding: 5px 0;
    text-align: center;
    background: #F8F7F7;
    border-top: 1px solid #F2F2F2;
    }

    /* alignment classes */
    .float-left { float: left; }
    .float-right { float: right; }
    .align-left { text-align: left; }
    .align-right { text-align: right; }

    /* display and additional classes */
    .clear { clear: both; }

    /* post */
    .post-by {
    font-size: .95em;
    padding-top: 0;
    }
    .post-footer {
    background: #F5F5F5;
    padding: 5px; margin: 20px 10px 0 10px;
    font-size: 95%;
    color: #666666;
    }
    .post-footer .date{
    margin: 0 10px 0 5px;
    }
    .post-footer a.comments {
    margin: 0 10px 0 5px;
    }
    .post-footer a.readmore {
    margin: 0 10px 0 5px;
    }

  • garfield

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

    دوست من. بگو اسم قالبت چیه تا ببینم کجاها رو باید تغییر بدیم. نمی شه همینطوری نظری داد چون همه قسمتها به هم ربط دارن.

    من خودم برای تغییر عرض قالبم حداقل ۱۰ ۱۲ جا رو تغییر دادم. علاوه بر اینکه لازم شد عکسهای tittle و background رو تغییر عرض بدم. تا با قالب هماهنگ بشه.

  • garfield

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

    اگه همینطوری بخوام بگم، می گم به اعداد جلوی width ها توی این قسمتها مقدار ثابتی اضافه یا کم کن. البته اینطوری فقط قسمت پستها عریض تر می شه، نه نوار کناری. اگه بخوای اون هم عریض بشه یه خرده پیچیده تر می شه.

    /********************************************
    LAYOUT
    ********************************************/
    #wrap {
    position: relative;
    width: 910px;
    margin: 0 auto;
    text-align: left;
    background: #fff url(images/content.jpg) repeat-y center top;
    }
    #content-wrap {
    float: left;
    width: 850px;
    margin-left: 30px;
    display: inline;
    padding: 0;
    border-top: 5px solid #fff;
    background: #fff url(images/content-wrap.jpg) repeat-x;
    }
    #header {
    position: relative;
    background: #fff url(images/header-bg.jpg) repeat-y center top;
    height: 35px;
    width:910px;
    padding: 0;
    color: #fff;
    }

    و

    /* header-photo */
    #header-photo {
    position: relative;
    clear: both;
    margin: 5px auto;
    height: 250px;
    width: 850px;
    background: #fff url(images/header-photo.jpg) no-repeat center center;
    }

    و

    #nav ul {
    float: left;
    list-style: none;
    background: #E4E4E4 url(images/nav.jpg) repeat-x;
    width: 850px;
    padding: 0; margin: 0 0 0 30px;
    height: 45px;
    display: inline;
    text-transform: uppercase;
    }

    و

    #footer {
    clear: both;
    color: #666;
    margin: 0 auto 10px auto;
    width: 850px;
    padding: 5px 0;
    text-align: center;
    background: #F8F7F7;
    border-top: 1px solid #F2F2F2;
    }
  • bsi

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

    ممنون  garfield عزیز
    من اون قالب رو بیخیالش شدم.
    من روی یک قالب دیگه کار کردم و به یک مشکل دیگه بر خوردم.کد style.css ش را میذارم ببینید کجاش را باید تغییر بدم تا سایز متن های داخل پست هام تغییر کنه؟ من هرچی font-size بود را گشتم و تغییر دادم ولی هیچ تغییری نکرد.راستی این قالبم زیاد پچیده نیست
    و کلش با همین فایل style.css و ۶ تا فایل دیگه php کار میکنه.
    اگر راهنمايي كنيد ممنون ميشم.

    body {
        color: #000000;
    	background: url(images/bac.png);
        margin: 20px;
        padding: 0px;
        font: 11px verdana, arial, helvetica, sans-serif;
    }
    
    h1 {
        font-weight: bold;
        font-size: 150%;
        color: #000000;
        text-align: center;
    }
    
    img {
        border-style: none;
    }
    
    .images {
        padding: 2px;
        background: transparent;
        border: none;
    }
    h2 {
        margin: 12px 210px 10px 190px;
        padding: 1px 4px 1px 4px;
        font-size: 12px;
        color: #000000;
        position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width: auto;
        min-width: 120px;
        background: #FFFFFF;
        z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        border: 1px solid #000;
    }
    
    h3 {
        font: bold 12px verdana, arial, helvetica, sans-serif;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    
    h4 {
        font-size: 12px;
        border: 1px solid #000;
        border-bottom: none;
        margin: 0px 0px 0px 0px;
        color: #000000;
        background: #CCCCCC;
        padding: 2px 4px 2px 4px;
    }
    
    abbr {
        cursor: help;
    }
    
    .storyTitle {
        font: bold 14px verdana, arial, helvetica, sans-serif;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    .storyCategory {
        font-weight: 400;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    .storyAuthor {
        font-weight: 600;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    p {
        font: 11px/13px verdana, arial, helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        padding: 2px;
    }
    
    #headerMessage {
        font: 9px verdana, arial, helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        padding: 2px;
    }
    
    pre {
        font: 10px/11px fixed;
    }
    a {
        color: #0000dd;
        font-size: 11px;
        font-family: verdana, arial, helvetica, sans-serif;
        text-decoration: none;
        /* background : transparent; */
    }
    
    a:link    { color: #000000; text-decoration: none; }
    a:visited { color: #000000; text-decoration: none; }
    a:hover   { color: #0000dd; text-decoration: none; }
    
    #headerblock {
        position: inherit; /* Position is declared "relative" to gain control of stacking order (z-index). */
    	width: 950px;
    	height: 250px;
        min-width: 120px;
    	margin: 5px auto;
        border: 1px solid #000;
        color: #222;
    	background: #FFFFFF url(images/header-photo.jpg) no-repeat center center;
        padding: 0px;
        z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        font-size: 16px;
        font-weight: 600;
    }
    
    #header a:link, #header a:visited {
    	font-size: 120%;
    	font-weight: 600;
        color: #000000;
    }
    
    .commentHeader {
        position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width: auto;
        margin: 10px 10px 10px 10px;
        border: 1px solid #000000;
        background: #cccccc;
        color: #000000;
        padding: 10px;
        z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        font-size: 16px;
        font-weight: 600;
    }
    
    /* All the content boxes belong to the content class. */
    .centreblock, .navigation {
        position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width: auto;
        min-width: 120px;
        margin: 0px 210px 20px 190px;
        border: 1px solid #000000;
        color: #000000;
        background: #CCCCCC;
        padding: 2px;
        z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }
    .centreblock>p {margin: 0px;}
    .centreblock>p+p {text-indent: 30px;}
    
    .meta ul {
      display: inline;
    }
    
    .meta li  {
        display: inline;
    	list-style-type: none;
    }
    
    .centreblock ul, .leftsideSection ul, .rightsideSection ul {
    	list-style-type: none;
    	margin: 0;
    	padding-left: 3px;
    }
    
    .centreblock ul li {
    }
    
    .storyContent ul li {
    	list-style-type: disc;
    	margin-left: 10px;
    	padding-left: 5px;
    }
    
    .centreblock h4 {
        border: 1px solid #000;
        margin: 14px 0px 2px 0px;
    }
    
    .navigation {
        position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width: auto;
        min-width: 120px;
        margin: 0px 210px 10px 190px;
        border: 1px solid #000;
        color: #222;
        background: #ded6c6;
        padding: 2px;
        z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }
    
    .storyContent {
        color: #000000;
        background: #FFFFFF;
    	padding-right:5px;
    	padding-left:5px;
    	padding-bottom:5px;
    	padding-top:5px;
    }
    
    .storyCommentContent {
        border: 1px solid #000;
        color: #222;
        background: #eee;
        width: auto;
        margin: 10px 10px 10px 10px;
        padding: 10px;
    }
    
    .storyLinks {
        text-align: right;
        margin: 9px;
    }
    
    .storyLinks a:link {    font-size: 10px; color: #000000; text-decoration: none;}
    .storyLinks a:visited { font-size: 10px; color: #000000; text-decoration: none;}
    .storyLinks a:hover {   font-size: 10px; color: #0000dd; text-decoration: none;}
    
    blockquote {
        margin: 0.5em;
        color: #333333;
        padding: 4px;
        /*border: 1px solid #000000;*/
        background: #ded6c6;
    }
    
    q {
        color: #333333;
        background: #ded6c6;
    }
    
    #leftside {
        position: absolute;
        width: 168px;
        top: 280px;
        left: 20px;
        padding: 5px;
    /*
        border: 1px solid #b5a58c;
        color: #464c64;
    */
        background: transparent;
        z-index: 1;
        voice-family: "\"}\"";
        voice-family: inherit;
    }
    body>#leftside {width: 168px;}
    
    #leftside a:link { color: #000; text-decoration: none;}
    #leftside a:visited { color: #000; text-decoration: none;}
    #leftside a:hover { color: #0000dd; text-decoration: none;}
    
    .leftsideSection {
        border: 1px solid #000;
        color: #222;
        background: #FFFFFF;
        padding: 4px;
        margin: 0px 0px 15px 0px;
    }
    
    #rightside {
        position: absolute;
        width: 190px;
        top: 280px;
        right: 20px;
        padding: 5px;
    /*
        border: 1px solid #b5a58c;
        color: #464c64;
    */
        background: transparent;
        z-index: 1;
        voice-family: "\"}\"";
        voice-family: inherit;
    }
    body>#rightside {width: 188px;}
    
    #rightside a:link { color: #000; text-decoration: none;}
    #rightside a:visited { color: #000; text-decoration: none;}
    #rightside a:hover { color: #0000dd; text-decoration: none;}
    
    .rightsideSection {
        border: 1px solid #000;
        color: #222;
        background: #FFFFFF;
        padding: 4px;
        margin: 0px 0px 15px 0px;
    }
    
    #chaff {
        text-align: right;
    }
    #chaff a {
       color: #000000;
       font-size: 8px;
    }
    #chaff a:link { color: #000000; }
    #chaff a:visited { color: #000000; }
    #chaff a:hover { background: #fff; }
    
    .centerP {
        text-align: center;
    }
    
    #contentcomments input, #centreblock input, #menu input {
        margin: 1px;
        padding: 1px 1px 4px 1px;
        border: 1px solid #000000;
        font: 11px/14px verdana, arial, helvetica, sans-serif;
        background: #ffffff;
    }
    #contentcomments textarea, #centreblock textarea, #menu textarea {
        margin: 1px;
        padding: 1px;
        border: 1px solid #000000;
        background: #ffffff;
        font: 11px/14px verdana, arial, helvetica, sans-serif;
    }
    .commentfield {
        margin-bottom: 4px;
    }
    
    .b2calendartable { background: #ded6c6; border: 1px solid #000; font: 11px verdana, arial, helvetica, sans-serif; }
    .b2calendarmonth { }
    .b2calendarrow   { }
    .b2calendarheadercell { color: #e9f2fc; background: #b5a58c; }
    .b2calendarcell { color: #222; }
    .b2calendartoday { color: #dd0000; }
    .b2calendaremptycell { }
    .b2calendarlinkpost { color: #354463; text-decoration: none; }
    
    .blogrollmain {
        margin-bottom: 4px;
    }
    
    div.NOCSS {display: none;}
    
    .buttonarea {
        background: #cccccc;
    }
    
    span.searchword {
        background-color: yellow;
    }
    
    #site_content {position: absolute;left: -10000px;};
  • akmeghdad

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

    دوست عزیز برای حل مشکلت یکی از این راهها را انجام بده

    1- بگو قالبت چیست و از کجا دانلود کردی تا دوستان بررسی کنند
    2- فایل index.php را در اینجا قرار بده
    اگر هم خیلی عجله داری کل فایلهای قالبت را به نحوی به من برسان تا بررسی کنم آی دی من akmeghdadfr

    به این ترتیب نمی شود چیزی گفت چون معلوم نیست در قالب از کدام یک از این تگها استفاده شده است

  • bsi

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

    akmeghdad گفت:
    دوست عزیز برای حل مشکلت یکی از این راهها را انجام بده
    1- بگو قالبت چیست و از کجا دانلود کردی تا دوستان بررسی کنند
    2- فایل index.php را در اینجا قرار بده
    اگر هم خیلی عجله داری کل فایلهای قالبت را به نحوی به من برسان تا بررسی کنم آی دی من akmeghdadfr
    به این ترتیب نمی شود چیزی گفت چون معلوم نیست در قالب از کدام یک از این تگها استفاده شده است

    بفرمایید آقای مهندس اینم لینک دریافت قالب.
    http://www.wpthemesfree.com/download.php?theme_id=109
    اگر موفق به تغییر اندازه متن پست ها شديد كدش را برايم در همين جا بگذاريد ممنون.

  • navid

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

    بهترین و سریعترین راه برای گرفتن جواب برای اینگونه سوالات قرار دادن نمونه قالب بر روی یک صفحه هست ;-)

  • bsi

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

    navid گفت:
    بهترین و سریعترین راه برای گرفتن جواب برای اینگونه سوالات قرار دادن نمونه قالب بر روی یک صفحه هست ;-)

    بفرمایید آقا نوید اینم نمونه قالب روی یک صفحه:
    http://test.wpthemesfree.com/?preview_theme=journalized-sand

  • akmeghdad

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

    دوست عزیز مشکل شما حل گردید
    تنها ذکر چند نکته
    1- در این قالب از پارامتر عمومی public بطور نامناسب استفاده شده و در صورت دست بردن در آن برای تغیر فونت متن فونت دیگر قسمتها هم تغیر می کند
    2- مشکل بالا با اضافه کردن چند خط قابل حل است
    3- من متن را برای شما با فونت تاهما و اندازه 1۰ و راست چین شده درست کردم چنانچه مشکلی وجود دارد بگویید
    فایل style.css را از اینجا در یافت و جایگزین کنید
    http://fa.abolfazli.com/wp-content/uploads/Files/style.rar

  • bsi

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

    akmeghdad گفت:
    دوست عزیز مشکل شما حل گردید
    تنها ذکر چند نکته
    1- در این قالب از پارامتر عمومی public بطور نامناسب استفاده شده و در صورت دست بردن در آن برای تغیر فونت متن فونت دیگر قسمتها هم تغیر می کند
    2- مشکل بالا با اضافه کردن چند خط قابل حل است
    3- من متن را برای شما با فونت تاهما و اندازه 1۰ و راست چین شده درست کردم چنانچه مشکلی وجود دارد بگویید
    فایل style.css را از اینجا در یافت و جایگزین کنید
    http://fa.abolfazli.com/wp-content/uploads/Files/style.rar

    ممنون دوست من فونت ها و اندازه متن تغییر کرد ولی پهنای قالب را به طور نا خواسته توسط كد direction:rtl; افزايش ميداد كه درست كردم.من كلا همون دستور خود قالب و چند خطي كه شما اضافه كرده بوديد پاك كردم و به جاش كد هاي زير را گذاشتم و درست شد.
    .storyContent p{
    color: #222;
    font-family: Tahoma, Verdana, "Times New Roman", Arial;
    font-size:16px;
    line-height: 20px;

    }

    اين درست هست يا بعدا برايم مشكل به وجود مياره؟
    بازهم از اينكه لطف كرديد و پاسخم را داديد ممنون.

  • akmeghdad

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

    استفاده از
    direction:rtl;
    به خاطر فارسی نویسی و بوجود نیامدن مشکل هنگام وجود متن انگلیسی و فارسی صورت گرفته است .
    تصور من یکی از این موارد است
    1- شما این قالب را به انگلیسی می خواهید .
    2- در پست ایجاد کرده شما کد HTML قرار داده اید و پست شما راست چین است
    3- در دیگر قسمتهای فایل style.css تغیراتی داده اید

    و اما چنانچه این کد را
    direction:rtl;
    حذف نمایید تنها در راست چین شدن دچار مشکل می گردید در جایی که تغیراتی که من دادم در تغیر پهنای قالب اثری ندارد و با وجود مشکل در پهنای قالب احتمال دارد مورد 3 رخ داده باشد

  • akmeghdad

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

    این نمونه سایتی با همین قالب بعد از تغیراتی که من ایجاد کردم
    http://i25.tinypic.com/2qlvo90.jpg

  • akmeghdad

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

    اگر مشکلی بود بفرمایید

  • bsi

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

    akmeghdad گفت:
    این نمونه سایتی با همین قالب بعد از تغیراتی که من ایجاد کردم
    http://i25.tinypic.com/2qlvo90.jpg

    آدرسش را هم بگذارید.

  • akmeghdad

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

    دوست عزیز سایت رو بصورت لوکال راه انداختم ولی چنانچه شما در قالب مشکلی دارید پیشنهاد من این است که دوباره فابلهای اصلی را قرار دهید و یا آنکه قسمتهایی را که تغیر داده اید را به حالت اول بر گردانید

  • bsi

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

    دوست عزیز شرمنده من ۱ زحمت دیگه هم داشتم.
    من چه طوری میتونم پهناي اين قالب را زياد تر كنم؟
    http://seobilgi.com/test/index.php?wptheme=MarketPlace3Col
    اگر بازم نياز به تغيير style.css است بفرماييد.

  • akmeghdad

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

    از طریق style.css قابل انجام است

  • bsi

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

    akmeghdad گفت:
    از طریق style.css قابل انجام است

    ببخشيد اگر زحمتي نيست كدش را ميذاريد؟

  • akmeghdad

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

    عزیز شما می روی بعد از یک هفته می آیی من نمی دونم چی به چیه لطفا پیگیر کارت باش تا بهتر به نتیجه برسی

    بعد هم شما نگفتی پهنای قالب به چه مقدار افزایش پیدا کند

  • bsi

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

    akmeghdad گفت:
    بعد هم شما نگفتی پهنای قالب به چه مقدار افزایش پیدا کند

    حالا شما برای نمونه یه اندازه بدهید مثلاْ ۲۰۰ تا به اندازه فعلی اضافه کنید بعداْ من خودم تنظیمش میکنم.
    فقط میخواستم بدونم کجاهاش باید تغییر کنه تا پهنای قالب زیادتر از همین اندازه فعلیش بشه.
    ممنون.

  • akmeghdad

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

    دوست عزیز
    1- این قالب از تصاویر استفاده می کند که برای تغیر قالب آن تصاویر هم باید تغیر کند
    2- چون شما خواستید 200 px اضافه شود من هم این کار را کردم هر چند این مقدار قالب را واقعا زشت و نامرتب می کند
    3- برای این تغیر من 4 قسمت را تغیر دادم
    4- اگر کد ها را دنبال نکنید و تنها به جستجو در مقدار های تغیر یافته بسنده کنید بعید می دانم براحتی به جواب برسید

  • akmeghdad

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

    /*
    	Theme Name: MarketPlace 2 Column
    	Theme URI: http://www.seobilgi.com
    	Description: MarketPlace is adapted by http://www.seobilgi.com <BR>&radic; Designer <a href="http://www.styleshout.com/">Erwin Aligam</a> <BR>&radic; Please read: <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/">http://creativecommons.org/licenses/by-nc-sa/2.5/</a><br> <a href="http://www.styleshout.com/templates/preview/MarketPlace1-0/index.html">Original template by MarketPlace</a>
    	Version: 1.0
    	Author: Seobilgi
    	Author URI: http://www.seobilgi.com
    */
    
    /* Top Elements */
    * { margin: 0; padding: 0;}
    
    body {
    	background: #fff;
    	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
    	color: #666666;
    	text-align: center;
    	margin: 0 0 15px 0;
    }
    
    /* links */
    a, a:visited {
    	color: #326ea1;
    	background: inherit;
    	text-decoration: none;
    }
    a:hover {
    	color: #383d44;
    	background: inherit;
    	padding-bottom: 0;
    	border-bottom: 2px solid #dbd5c5;
    }
    
    /* headers */
    h1, h2, h3 {
    	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
    	font-weight: Bold;
    	color: #333;
    }
    h1 {
    	font-size: 160%;
    	font-weight: normal;
    }
    h2 {
    	font-size: 130%;
    	text-transform: uppercase;
    }
    h3 {
    	font-size: 130%;
    }
    
    h1, h2, h3, p {
    	padding: 10px;
    	margin: 0;
    }
    ul, ol {
    	margin: 5px 20px;
    	padding: 0 20px;
    }
    
    /* images */
    img {
    	background: #FAFAFA;
       border: 1px solid #DCDCDC;
    	padding: 5px;
    }
    img.float-right {
      	margin: 5px 0px 10px 10px;
    }
    img.float-left {
      	margin: 5px 10px 10px 0px;
    }
    
    code {
      	margin: 5px 0;
      	padding: 10px;
      	text-align: left;
      	display: block;
      	overflow: auto;
      	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
      	/* white-space: pre; */
      	background: #F5F5F5;
    	border-left: 3px solid #D4D4D4;
    }
    acronym {
      cursor: help;
      border-bottom: 1px dashed #777;
    }
    blockquote {
    	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
    	margin: 10px;
     	padding: 0 0 0 25px;
       background: #F5F5F5;
    	border-left: 3px solid #D4D4D4;
    	color: #444;
    }
    
    /* start - table */
    table {
    	border-collapse: collapse;
    	margin: 10px;
    }
    th strong {
    	color: #fff;
    }
    th {
    	background: #e7e6e6 url(images/button.jpg) repeat-x;
    	height: 29px;
    	padding-left: 12px;
    	padding-right: 12px;
    	text-align: left;
    	border-left: 1px solid #f4f4f4;
    	border-bottom: solid 2px #fff;
    	color: #333;
    }
    tr {
    	height: 30px;
    }
    td {
    	padding-left: 11px;
    	padding-right: 11px;
    	border-left: 1px solid #fff;
    	border-bottom: 1px solid #fff;
    }
    td.first,th.first {
    	border-left: 0px;
    }
    tr.row-a {
    	background: #F8F8F8;
    }
    tr.row-b {
    	background: #EFEFEF;
    }
    /* end - table */
    
    /* form elements */
    form {
    	margin:10px; padding: 0 5px;
    	background: #F5F5F5;
    }
    label {
    	display:block;
    	font-weight:bold;
    	margin:5px 0;
    }
    input {
    	padding:2px;
    	border:1px solid #eee;
    	font: normal 1em Verdana, sans-serif;
    	color:#777;
    }
    textarea {
    	width:400px;
    	padding:2px;
    	font: normal 1em Verdana, sans-serif;
    	border:1px solid #eee;
    	height:100px;
    	display:block;
    	color:#777;
    }
    input.button {
    	font: bold 12px Arial, Sans-serif;
    	height: 24px;
    	margin: 0;
    	padding: 2px 3px;
    	color: #333;
    	background: #e7e6e6 url(images/button.jpg) repeat-x;
    	border: 1px solid #dadada;
    }
    
    /* search form */
    .searchform {
    	background-color: transparent;
    	border: none;
    	margin: 0 5px 0 10px; padding: 5px 0 15px 0;
    	width: 190px;
    }
    .searchform p { margin: 0; padding: 0; }
    .searchform input.textbox {
    	width: 100px;
    	color: #777;
    	height: 18px;
    	padding: 2px;
    	border: 1px solid #E5E5E5;
    	vertical-align: top;
    }
    .searchform input.button {
    	width: 60px;
    	height: 24px;
    	padding: 2px 5px;
    	vertical-align: top;
    }
    
    /********************************************
       LAYOUT
    ********************************************/
    #wrap {
    	position: relative;
    	width: 1110px;
    	margin: 0 auto;
    	text-align: left;
    	background: #fff url(images/content.jpg) repeat-y center top;
    }
    #content-wrap {
    	float: left;
    	width: 1050px;
    	margin-left: 30px;
    	display: inline;
    	padding: 0;
    	border-top: 5px solid #fff;
    	background: #fff url(images/content-wrap.jpg) repeat-x;
    }
    #header {
    	position: relative;
    	background: #fff url(images/header-bg.jpg) repeat-y center top;
    	height: 35px;
    	width:1110px;
    	padding: 0;
    	color: #fff;
    }
    
    /* header links */
    #header #header-links {
    	position: absolute;
    	top: 8px; right: 45px;
    	color: #838181;
    	font-size: 10px;
    	font-weight: bold;
    }
    #header #header-links p {
    	padding: 0;	margin: 0;
    }
    #header #header-links a {
    	color: #838181;
    	text-decoration: none;
    }
    #header #header-links a:hover {
    	color: #444;
    }
    
    /* header-photo */
    #header-photo {
    	position: relative;
    	clear: both;
    	margin: 5px auto;
    	height: 250px;
    	width: 1050px;
    	background: #fff url(images/header-photo.jpg) no-repeat center center;
    }
    #header-photo h1#logo-text a {
    	position: absolute;
    	margin: 0; padding: 0;
    	font: bold 48px 'Trebuchet MS', Arial, Sans-serif;
    	letter-spacing: -1px;
    	color: #fff;
    	text-transform: none;
    	text-decoration: none;
    	border: none;
    
    	/* change the values of top and left to adjust the position of the logo*/
    	top: 25px; left: 30px;
    }
    
    #header-photo h2#slogan {
    	position: absolute;
    	margin: 0; padding: 0;
    	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
    	text-transform: none;
    	color: #B6D1F8;
    
    	/* change the values of top and left to adjust the position of the slogan*/
    	top: 80px; left: 35px;
    }
    
    /* Navigation */
    #nav {
    	clear: both;
    	padding: 0;
    }
    #nav ul {
    	float: left;
    	list-style: none;
    	background: #E4E4E4 url(images/nav.jpg) repeat-x;
    	width: 1050px;
    	padding: 0;	margin: 0 0 0 30px;
    	height: 45px;
    	display: inline;
    	text-transform: uppercase;
    }
    #nav ul li {
    	display: inline;
    	margin: 0; padding: 0;
    }
    #nav ul li a {
    	display: block;
    	float: left;
    	width: auto;
    	margin: 0;
    	padding: 0 15px;
    	border-right: 1px solid #dadada;
    	border-left: 1px solid #fafafa;
    	border-bottom: none;
    	color: #555;
    	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    	text-transform: uppercase;
    	text-decoration: none;
    	letter-spacing: 1px;
    }
    #nav ul li a:hover,
    #nav ul li a:active {
    	color: #326ea1;
    }
    #nav ul li#current a {
    	background: #DBDBDB url(images/nav-current.jpg) repeat-x;
    }
    
    #nav ul li.current_page_item a {
    	background: #DBDBDB url(images/nav-current.jpg) repeat-x;
    }
    
    /* Main Column */
    .three-col #main {
    	margin: 10px 190px 0 200px;
    }
    .two-col #main {
    	margin: 10px 5px 0 200px;
    }
    
    #main h1 {
    	margin: 10px 10px 0 10px;
    	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
    	color: #444;
    	padding: 15px 0 2px 0px;
    	border-bottom: 1px solid #dadada;
    }
    
    /* Sidebar */
    #sidebar {
    	float: left;
    	width: 195px;
    	margin-top: 10px;
    }
    /* right column */
    #rightcolumn {
    	float: right;
    	width: 190px;
    	margin-top: 10px;
    }
    #rightcolumn h1, #sidebar h1 {
    	margin: 10px 5px 0 5px;
    	padding: 5px 5px;
    	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    	color: #444;
    }
    
    /* sidemenu */
    ul.sidemenu {
    	text-align: left;
    	margin: 7px 8px 8px 10px; padding: 0;
    	border-top: 1px solid #E5E5E5;
    	text-decoration: none;
    }
    ul.sidemenu li {
    	list-style: none;
    	padding: 4px 0 4px 5px;
    	margin: 0 2px;
    	border-bottom: 1px solid #E5E5E5;
    }
    * html body ul.sidemenu li {
    	height: 1%;
    }
    ul.sidemenu li a {
    	text-decoration: none;
    	color: #326ea1;
    	border: none;
    }
    ul.sidemenu li a:hover {
    	color: #383d44;
    	border: none;
    }
    
    /* footer-wrap */
    #footer-wrap {
    	clear: both;
    	width: 910px;
    	font-size: 95%;
    	padding: 20px 0;
    	text-align: left;
    	background: url(images/footer-bottom.jpg) no-repeat center bottom;
    }
    #footer-wrap a {
    	text-decoration: none;
    	color: #666666;
    	font-weight: bold;
    }
    #footer-wrap a:hover {
    	color: #000;
    }
    #footer-wrap p {
    	padding: 10px 0;
    }
    #footer-wrap h2 {
    	color: #666666;
    	margin: 0;
    	padding: 0 10px;
    }
    
    /* footer */
    #footer {
    	clear: both;
    	color: #666;
    	margin: 0 auto 10px auto;
    	width: 850px;
    	padding: 5px 0;
    	text-align: center;
    	background: #F8F7F7;
    	border-top: 1px solid #F2F2F2;
    }
    
    /* alignment classes */
    .float-left  { float: left; }
    .float-right { float: right; }
    .align-left  { text-align: left; }
    .align-right { text-align: right; }
    
    /* display and additional classes */
    .clear { clear: both; }
    
    /* post */
    .post-by {
    	font-size: .95em;
    	padding-top: 0;
    }
    .post-footer {
    	background: #F5F5F5;
    	padding: 5px; margin: 20px 10px 0 10px;
    	font-size: 95%;
    	color: #666666;
    }
    .post-footer .date{
    	margin: 0 10px 0 5px;
    }
    .post-footer a.comments {
    	margin: 0 10px 0 5px;
    }
    .post-footer a.readmore {
    	margin: 0 10px 0 5px;
    }
  • bsi

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

    akmeghdad عزیز
    بابت تغییر اندازه قالب ممنون ولی همش به هم ریخت و نشد.
    من بعضی از قاب ها را دیدم که افکت های جالبی برای عکس ها گذاشتند.
    مثلاْ در همان قالبی که گفته بودم
    http://seobilgi.com/test/index.php?wptheme=MarketPlace3Col
    دور عکس افکت گذاری شده و یا در بعضی ها از سایه استفاده شده.
    این کد در فایل استایل در کدام قسمت قابل تغییر است؟

  • bsi

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

    اینم یک سایت دیگه که به عکس ها افکت سایه داده.
    http://1fathi.wordpress.com

    میخواستم بدونم من چهطوری میتونم به هر قالبی که خواستم این افکت را اضافه کنم؟

  • bsi

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

    ممنون من خودم پيدا کردم.
    كدش در img { بود و اون افكت هم توسط يك عكس gif بود. ;-)

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



برچسب‌ها

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