انجمن


راهنمایی در موردنحوه گذاشتن تصویر در هدر هر پست ؟  (۴ نوشته)

  • lordad

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

    سلام
    کسی کد گذاشتن تصویر در هدر هر مطلب ( پست ) رو میدونه ؟
    مثل قالب زیر
    تصویر
    اینم قالب خودم .

    /* begin Box, Post */
    .art-post
    {
      position: relative;
      min-width: 35px;
      min-height: 35px;
      margin: 0;
    }
    
    .art-post-body
    {
      position: relative;
      padding: 17px;
    }
    
    .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc,.art-post-cr, .art-post-cl
    {
      position: absolute;
    }
    
    .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl
    {
      width: 54px;
      height: 54px;
      background-image: url('images/post_s.png');
    }
    
    .art-post-tl
    {
      top: 0;
      left: 0;
      clip: rect(auto, 27px, 27px, auto);
    }
    
    .art-post-tr
    {
      top: 0;
      right: 0;
      clip: rect(auto, auto, 27px, 27px);
    }
    
    .art-post-bl
    {
      bottom: 0;
      left: 0;
      clip: rect(27px, 27px, auto, auto);
    }
    
    .art-post-br
    {
      bottom: 0;
      right: 0;
      clip: rect(27px, auto, auto, 27px);
    }
    
    .art-post-tc, .art-post-bc
    {
      left: 27px;
      right: 27px;
      height: 54px;
      background-image: url('images/post_h.png');
    }
    
    .art-post-tc
    {
      top: 0;
      clip: rect(auto, auto, 27px, auto);
    }
    
    .art-post-bc
    {
      bottom: 0;
      clip: rect(27px, auto, auto, auto);
    }
    
    .art-post-cr, .art-post-cl
    {
      top: 27px;
      bottom: 27px;
      width: 54px;
      background-image: url('images/post_v.png');
    }
    
    .art-post-cr
    {
      right: 0;
      clip: rect(auto, auto, auto, 27px);
    }
    
    .art-post-cl
    {
      left: 0;
      clip: rect(auto, 27px, auto, auto);
    }
    
    .art-post-cc
    {
      position: absolute;
      top: 27px;
      left: 27px;
      right: 27px;
      bottom: 27px;
      background-image: url('images/post_c.png');
    }
    
    a img
    {
      border: 0;
    }
    
    .art-article img, img.art-article, .art-block img, .art-footer img
    {
      border: solid 2px #0E1D25;
      margin: 7px;
    }
    
    .art-metadata-icons img
    {
      border: none;
      vertical-align: middle;
      margin: 2px;
    }
    
    .art-article table, table.art-article
    {
      border-collapse: collapse;
      margin: 1px;
    }
    
    .art-article th, .art-article td
    {
      padding: 2px;
      border: solid 1px #0E1D25;
      vertical-align: top;
      text-align: left;
    }
    
    .art-article th
    {
      text-align: center;
      vertical-align: middle;
      padding: 7px;
    }
    
    pre
    {
      overflow: auto;
      padding: 0.1em;
    }
    
    /* end Box, Post */

    خیلی ممنون

  • lordad

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

    لطفا کمک کنید خیلی ضروریه ....

  • NESTED

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

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

  • lordad

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

    نه منظورم این نبود
    منظورم اینه که تصویر هدر همه پستها یک جور باشه
    مهم اینه که زیر عنوان هر پست یک تصویر یکسان باشه .

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