shayan

درخواست کمک در زمینه ی css

12 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

محل قرار گیری تایتل سایدبار سایت من یخورده ساده هست

و میخوام چند تا عکس بهش اضافه کنم

قالبم حالت رسپانسیو داره

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

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

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

در هر صورت من تگ تیتر سایدبارم رو توی HTML پیدا نکردم که بهش دو تا دیو بدم و این دو عکس طراحی شده برای چپ و راست سایدبار رو تو استایل

بهش معرفی کنم

به نظرم روشش هم همینه !

حالا اگر شما روش دیگه دارید بگید استفاده میکنم

من میخوام سایدبارم اینجوری بشه

13915916501.png

این دو تا عکس رو هم با نام های sidebar-left.png و sidebar-right.png تو پوشه images قالبم قرار دادم

پیشاپیش از پاسخگوییتون ممنونم

آدرس سایت:

http://www.yaranenamaz.com

ویرایش شده در توسط shayan
0

به اشتراک گذاری این پست


لینک به پست

خوب می تونید از خاصیت تصویر پس‌زمینه‌ی CSS استفاده کنید.


http://www.w3schools.com/css/css_background.asp

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

اینو میدونم که چجوری میشه عکس گذاشت عزیز

مشکلم رو که مطرح کردم چیه !

ویرایش شده در توسط shayan
0

به اشتراک گذاری این پست


لینک به پست

شما می خوای 2تا عکس بزاری دو طرف عکس که خاصیت گرد بودن گوشه ها حفظ بشه؟ یه کم بیشتر توضیح بدین.

4

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

اینو میدونم که چجوری میشه عکس گذاشت عزیز

مشکلم رو که مطرح کردم چیه !

خوب منم جواب رو دادم دیگه عزیز! طرح شما خیلی سادست، و از سایت هم دیدم که الان طرح رو با رنگ پس‌زمینه آبی ایجاد کردن، الآن یک راه حل اینه که شما با خاصیت مولتی بک‌گراند که در CSS3 پشتیبانی می‌شه، دو تا تصویر (تصویر قهوه‌ای رنگ سمت راست و گل سمت چپ) رو بندازید روی همین رنگ پس زمینه و دیگه نیازی به اضافه کردن المنتی هم نیست. اما اگر اصرار به این راه حل دارید، در صورتی که ابزارکتون پویا هست (از مدیریت قابل تغییره)، باید توی فایل functions.php دنبالش بگردید.

ویرایش شده در توسط Anisi
2

به اشتراک گذاری این پست


لینک به پست

شما می خوای 2تا عکس بزاری دو طرف عکس که خاصیت گرد بودن گوشه ها حفظ بشه؟ یه کم بیشتر توضیح بدین.

بله

دقیقا

0

به اشتراک گذاری این پست


لینک به پست

اگه نسخه های پایین ie براتون مهم نیست از border-radius استفاده کنید.

2

به اشتراک گذاری این پست


لینک به پست

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

که با تغییر عرض سایدبار به مشکلی بر نخوره

نمیدونم شما چه برداشتی از منظور من داشته اید !!!!

0

به اشتراک گذاری این پست


لینک به پست

خوب منم جواب رو دادم دیگه عزیز! طرح شما خیلی سادست، و از سایت هم دیدم که الان طرح رو با رنگ پس‌زمینه آبی ایجاد کردن، الآن یک راه حل اینه که شما با خاصیت مولتی بک‌گراند که در CSS3 پشتیبانی می‌شه، دو تا تصویر (تصویر قهوه‌ای رنگ سمت راست و گل سمت چپ) رو بندازید روی همین رنگ پس زمینه و دیگه نیازی به اضافه کردن المنتی هم نیست. اما اگر اصرار به این راه حل دارید، در صورتی که ابزارکتون پویا هست (از مدیریت قابل تغییره)، باید توی فایل functions.php دنبالش بگردید.

میشه یه کد پیشنهاد کنی؟؟

0

به اشتراک گذاری این پست


لینک به پست

میشه یه کد پیشنهاد کنی؟؟


background: #0077FF url(left.png) left center no-repeat, url(right-sign.png) right center no-repeat;

4

به اشتراک گذاری این پست


لینک به پست

این کد جواب نداد !!


background: #0077FF url("images/sidebar-left.png") left center no-repeat, url("images/sidebar-right.png") right center no-repeat;

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

اینطوری امتحان کنید:


url("images/sidebar-left.png") no-repeat scroll left center, url("images/sidebar-right.png") no-repeat scroll right center #0077FF

ویرایش شده در توسط Anisi
3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط amirsa
      سلام
      من محصولات متغیر رو در ووکامرس که وارد میکنم،(محصول ممکنه 2 یا 3 صفت داره که باید انتخاب بشه)
       توی فروشگاه ووکامرس بصورت حد اقل و حداکثر قیمت ها نشون داده میشه
      مثلا کالا دونوع 10 و  20 تومانی هست.صفت آ 15 تومن برای مشتری هایی که بخوان.تو فروشگاه قیمت رو بصورت 10-35 نشون میده که بیشتر از قیمت اصلی است.من میخوام همون 10 و 20 رو نشون بده
      این مشکل انرژی زیادی ازم گرفته ممنون میشم راهنماییم کنید 
    • توسط arianemun
      سلام عرض ادب به کاربران وردپرس پارسی ، من یک مشکلی دارم در افزونه ای ، افزونه woocomerce product finder یک افزونه ای است طبق تنظیمات و چیز هایی که برای محصول ووکامرسی تعریف میکنیم با انتخواب گزینه ها توسط کاربر محصول مورد نظر خودش رو پیدا میکنه، تنها مشکلی که این افزونه یا میشه گفت ضعفی که داره تفاوت محصول برجسته رو با محصول ساده متوجه نمیشه یعنی اگر تو اون دسته یک محصول برجسته باشه و یک محصول ساده اون ها رو از هم تفکیک نمیکنه من میخواستم این قابلیت رو به این افزونه اضافه کنم که کاربر وقتی محصولش رو پیدا کرد هم محصول ساده ها رو ببینه و محصول برجسته شده ! ممنون میشم کمک کنید .
       
      لینک افزونه استفاده شده
    • توسط صالح طالبی
      باسلام خدمت شما عزیزان
      بنده این تکه کد رو که در اصل افزونه نمایش آخرین های انجمن بود برای وردپرس به صورت کد در خود فانکشن قالب دراوردم:
      function ipslatest_main($query) { if ( is_home() && $query->is_main_query() ) { $db_user = 'root'; $db_name = 'ipsdb'; $db_pass = ''; $db_host = 'localhost'; $prefix = get_option('ipslatest_db_prefix'); $url = 'http://localhost/IPS'; $limit = '5'; $title = ''; $width = '300'; $direction = 'rtl'; $translations = array('عنوان','بازدید','پاسخ ها','ارسال شده به وسیله'); $db = new wpdb( $db_user, $db_pass, $db_name,$db_host ); $q = $db->get_results( 'SELECT topic_id,author_name FROM '.$prefix.'forums_posts ORDER BY pid DESC LIMIT '.$limit ); echo '<div id="ipslatest-mainTitle" style="width:'.$width.'">'.$title.$position.'</div>'; echo '<table id="ipslatestTopics" border=0 style="padding:10px;width:'.$width.'">'; echo '<tr><td class="ipslatest-row-views">'.$translations[2].'</td><td class="ipslatest-row-answers">'.$translations[1].'</td><td class="ipslatest-row-sender">'.$translations[3].'</td><td class="ipslatest-row-title">'.$translations[0].'</td> </tr>'; if (is_array($q) || is_object($q)) { foreach ($q as $key => $row) { $topicDetails = $db->get_row('SELECT title,tid,views,posts FROM '.$prefix.'forums_topics WHERE tid='.$row->topic_id); $userMemberID = $db->get_row('SELECT member_group_id FROM '.$prefix."core_members WHERE name='".$row->author_name."'"); $userShowingData = $db->get_row('SELECT prefix,suffix FROM core_groups WHERE g_id='.$userMemberID->member_group_id); echo '<tr id="ipstopic"> <td class="ipslatest-row-views-content"> <span>'.$topicDetails->views.' </span></td> <td class="ipslatest-row-answers-content"><span>'.$topicDetails->posts.'</span></td> <td id="ipslatest-row-sender-content">'.$userShowingData->prefix.$row->author_name.$userShowingData->suffix.'</td> <td class="ipsTitle"> <a rel="follow" href="'.$url.'topic/'.$topicDetails->tid.'-'.strtolower(str_replace(" ","-",$topicDetails->title)).'">'. strip_tags($topicDetails->title) .' </a> </td> </tr>'; } /*}*/ } echo '</table>'; } } به صورت خودکار خود افزونه از کد زیر برای نمایش اون در اول پست های سایت و یا در آخر پست های سایت استفاده میکنه کد ها هم به این شکله:
      add_action( 'wp', 'ipslatestMain' ); function ipslatestMain( $query ) { $position = "bottom"; if($position === "bottom") $acton = "loop_end"; elseif ($position === "top") $acton = "loop_start"; add_action($acton,"ipslatest_main"); } الان بدون هیچ مشکلی نمایش میده در پایین پست ها ولی من میخام این نمایش رو در یه قسمت دیگه از قالب انجام بدم و چجوری میتونم این فانکشن و تابع رو نمایش بدم؟؟؟
      نام افزونه هم در ضمن ipsuite-latest-topics هست و من از حالت افزونه فقط خارجش کردم و در خود قالب و فانکشن اون اوکی کردم.
      فقط مشکل اینه که نمیخام در بالای پست یا پایین پست ها نمایش بدم و میخام در جایی که خودم تعیین میکنم تابع رو نمایش بدم؟!!!
      ممنون میشم راهنمایی بفرمایید.
    • توسط سعید فرزادی پور
      با عرض سلام
      من به مشکلی خوردم که راه حل اون رو نمیدونم
      در هدر سایت یک نویگیشن بار دارم که منوی اصلی سایتم به صورت دراپ داون در این نویگیشن بار وجود داره ، قال سایت من shaply هستش و استفاده از ویجت ها در body بازه ، من با استفاده از یک ویجت اسلایدر در بالاترین قسمت و زیر هدر سایت که ارتفاع اونم 55 پیکسل هستش اسلایدر بزرگ ایجاد کردم ، و حالا زمانی که میرم روی دراپ داون ها متاسفانه تا قبل از اسکرول کردن به پایین ، زیر منو ها به زیر اسلایدر میرن ، اما بعد از اسکرول کردن به پایین این مشکل حل شده و منو ها و زیر منو ها نمایش داده میشن ، هرچه z-index رو افزایش دادم نتیجه ای نداشت ، چطور میتونم این مشکل رو حل کنم ؟
      و سوال دوم این که در این تم منو ها اول به پایین و بعد به راست باز میشن و من میخوایم سایت رو به صورت فارسی داشته باشم و میخوام اول به پایین و بعد به چپ باز بشن منو ها , چه تغییری میتونم در css ایجاد کنم ؟
    • توسط mrasoul
      اینکه من بخوام به قالبی که خریدم یه صفحه ایی رو اضافه کنم میشه بحث غیر قانونی که بایگانیش می کنید ؟
      اگه یک قالبی که میخرید یه امکانی و نداشته باشه و شما بخوای بهش اضافه کنی حتما باید بری پیش پشتیبان قالب و هزینه کنی برات بهش اضافه کنه؟ خوب اگه میتونست که اضافه می کرد .