hamidreza_np

سوالاتی درباره طراحی قالب (css&html)

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

درود دوستان

من یه قالب پس اس دی خودم طراحی کردم و با اندک اطلاعاتی از اچ تی ام ال و سی اس اس شروع به تبدیل این قالب به html کردم و بعد از اون میخوام به وردپرس تبدیلش کنم!

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

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

http://nicepatogh.net/test/Nicepatogh/

واینم عکس پی اس دی و قالب نهایی که میخوام در بیارم

y5g6wie70gs0xv5353hz.png

همونطور که توی عکس میبینید عنوان منو کناری همون مطلب اختصاصی و یا منو سمت چپ یا همون منوی 2 عکسشون روی بالای کل بلاک قرار داره و اون حال گرافیکی که بهش دادم خیلی واضع و مشخصه!

سوال من اینه چطوری من این عکس عنوان رو بالای این بلوک قرار بدم جوری که اون حالت مشخص باشه؟

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

میخواستم ببینم این حالت رو چطوری باید ایجاد کنم؟

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

سپاس استادان عزیز

0

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


لینک به پست

سلام

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

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

حالا برای پس زمینش اگر رنگ پس زمینه کلت سفید هست که میتونی همینطوری جدا کنی چون معلوم نمیشه ولی اگر رنگ پس زمینه فرق داره ، عکس منورو طوری جدا کن که بدون پس زمینه باشه و با فرمت png ذخیره کن که پس زمینه نداشته باشه و به راحتی با css میشه جایگذاری کرد

البیته پیشنهادم اینه تا میتونی کم عکس استفاده کن و با css همه این کارارو کن

در مورد سوال دوم هم نفهمیدم میخوای اون بیرون زدگیا نباشه و با زیرش میزون باشه ؟

خب اگه اینه که width هرو دورو در css یه اندازه قرار بده و اگر میخوای مثل عکس باشه کم و زیاد کن خودت تاثیرش رو میبینی

در مورد تبدیل به wp هم توی انجمن جستجو کن چندین بار تاپیک زده شده

موفق باشی

4

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


لینک به پست

سلام

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

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

حالا برای پس زمینش اگر رنگ پس زمینه کلت سفید هست که میتونی همینطوری جدا کنی چون معلوم نمیشه ولی اگر رنگ پس زمینه فرق داره ، عکس منورو طوری جدا کن که بدون پس زمینه باشه و با فرمت png ذخیره کن که پس زمینه نداشته باشه و به راحتی با css میشه جایگذاری کرد

البیته پیشنهادم اینه تا میتونی کم عکس استفاده کن و با css همه این کارارو کن

در مورد سوال دوم هم نفهمیدم میخوای اون بیرون زدگیا نباشه و با زیرش میزون باشه ؟

خب اگه اینه که width هرو دورو در css یه اندازه قرار بده و اگر میخوای مثل عکس باشه کم و زیاد کن خودت تاثیرش رو میبینی

در مورد تبدیل به wp هم توی انجمن جستجو کن چندین بار تاپیک زده شده

موفق باشی

درود

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

http://nicepatogh.net/test/Nicepatogh/images/title-block.png

ولی طبق عکس پی اس دی که میبینید نمیتونم بزارم توی قالب یا به عبارتی بالای بلوک

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

من برای این کار margin:auto; و سایز width رو هم زیاد میکنم ولی فقط از سمت چپ بزرگ میشه و بیرون میزنه وه سمت راست به این شکل در نمیاد

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

سپاس برا کمک

0

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


لینک به پست

ببینید تمام جابجایی ها رو میشه با margin انجام داد. میتونید المان هایی که نیاز به جابجایی دارن رو توی مثلا یک div قرار بدید و بعد تغییر margin بدید. توجه کنید که با margin منفی هم میتونید کار کنید.

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط pouyamahmoudi
      با عرض سلام ، وقت بخیر و خسته نباشید
      قالب وردپرس من با وجود واکنش گرا بودن در نسخه موبایل یک مشکل داره 
      مشکل اینه که به صورت یه صفحه خالی با رنگ پس زمینه سایت میاد و باید صفحه رو بکشم به سمت راست تا محتویات نمایش داده بشه 
      لطفا جهت حل این مشکل راهنمایی کنید
      با سپاس

    • توسط arianemun
      سلام عرض ادب به کاربران وردپرس پارسی ، من یک مشکلی دارم در افزونه ای ، افزونه woocomerce product finder یک افزونه ای است طبق تنظیمات و چیز هایی که برای محصول ووکامرسی تعریف میکنیم با انتخواب گزینه ها توسط کاربر محصول مورد نظر خودش رو پیدا میکنه، تنها مشکلی که این افزونه یا میشه گفت ضعفی که داره تفاوت محصول برجسته رو با محصول ساده متوجه نمیشه یعنی اگر تو اون دسته یک محصول برجسته باشه و یک محصول ساده اون ها رو از هم تفکیک نمیکنه من میخواستم این قابلیت رو به این افزونه اضافه کنم که کاربر وقتی محصولش رو پیدا کرد هم محصول ساده ها رو ببینه و محصول برجسته شده ! ممنون میشم کمک کنید .
       
      لینک افزونه استفاده شده
    • توسط reza_yki
      سلام من ابزارکی نوشتم که کاربر بتونه به وسیله select option به صورتی multi بتونه چندین دسته رو انتخاب کنه همه چیز درست و بدون مشکل کار میکنه فقط یه مشکل هست اونم اینه که وقتی ابزارک رو برای اولین بار فعال میکنی خطای زیر رو میده وباید یه دونه دسته رو انتخاب و ذخیره کنی تا ابزارک به صورت صحیح کارکنه لطفا راهنماییم کنید.
      Warning: in_array() expects parameter 2 to be array, string given in E:\Program Files\xampp\htdocs\wordpress\wp-content\themes\mymag\functions\widgets\widgets.php on line 29  
      اینم سورس کد:
      <?php public function form( $instance ) { $title = ! empty( $instance['title'] ) ? $instance['title'] : esc_html__( 'عنوان ابزارک', 'text_domain' ); $args = array( 'hide_empty' => 0, 'type' => 'post', 'taxonomy' => 'category', 'orderby' => 'name', 'hierarchical' => true, ); $cats = get_categories( $args ); $instance['cat_id'] = isset( $instance['cat_id'] ) ? ( $instance['cat_id'] ) : '1'; $count_cat = isset ($instance['cat_id']) ? count($instance['cat_id']) : '1' ; $tab_number = isset( $count_cat ) ? absint( $count_cat ) : 1; ?> <p> <label for="<?php echo $this->get_field_name( 'title' ); ?>"><?php _e( 'Title:' ); ?></label><br> <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" /> </p> <p> <label for="<?php echo $this->get_field_id('tab_number'); ?>"><?php _e( 'تعداد زبانه:'); ?></label><br> <input id="<?php echo $this->get_field_id('tab_number'); ?>" name="<?php echo $this->get_field_name('tab_number'); ?>" type="number" min="0" class="my_widget_number" value="<?php echo $tab_number; ?>" size="3" /> </p> <label for="<?php echo $this->get_field_name( 'cat_id' ); ?>"><?php _e( 'انتخاب دسته بندی : ' ); ?></label> <select id="<?php echo $this->get_field_id( 'cat_id' ); ?>" name="<?php echo $this->get_field_name( 'cat_id[]' ); ?>" multiple="multiple" style="width: 100%; margin: 10px auto; height: auto;"> <?php foreach( $cats as $cat ): ?> <option value="<?php echo esc_attr(__($cat->term_id)); ?>"<?php selected(in_array($cat->term_id, $instance['cat_id'])); // selected($cat->term_id,$cats_id) ?>><?php echo esc_attr(__($cat->name)); ?></option> <?php endforeach; ?> </select> <p> <input type="text" value="<?php echo esc_attr(__(implode(',', $instance['cat_id']))); ?>"> </p> <?php }  
    • توسط سعید فرزادی پور
      با عرض سلام
      من به مشکلی خوردم که راه حل اون رو نمیدونم
      در هدر سایت یک نویگیشن بار دارم که منوی اصلی سایتم به صورت دراپ داون در این نویگیشن بار وجود داره ، قال سایت من shaply هستش و استفاده از ویجت ها در body بازه ، من با استفاده از یک ویجت اسلایدر در بالاترین قسمت و زیر هدر سایت که ارتفاع اونم 55 پیکسل هستش اسلایدر بزرگ ایجاد کردم ، و حالا زمانی که میرم روی دراپ داون ها متاسفانه تا قبل از اسکرول کردن به پایین ، زیر منو ها به زیر اسلایدر میرن ، اما بعد از اسکرول کردن به پایین این مشکل حل شده و منو ها و زیر منو ها نمایش داده میشن ، هرچه z-index رو افزایش دادم نتیجه ای نداشت ، چطور میتونم این مشکل رو حل کنم ؟
      و سوال دوم این که در این تم منو ها اول به پایین و بعد به راست باز میشن و من میخوایم سایت رو به صورت فارسی داشته باشم و میخوام اول به پایین و بعد به چپ باز بشن منو ها , چه تغییری میتونم در css ایجاد کنم ؟
    • توسط hamid_diablo
      سلام دوستان
      من وردپرس رو روی لوکال هاست نصب کرده بودم
       
      تا چند روز پیش مشکلی نداشتم تا اینکه یه پوسته جدید نصب کردم و بعد از اون متاسفانه وردپرس بالا نیامد (صفحه سفید ظاهر شد )
       
      فقط قالب صحیفه رو نمایش میده بدون پیشخوان!!!
       
      وردپرس و پاک کردم و دوباره روی لوکال هسات نصب کردم اما مشکل برطرف نشد !
      ممنون میشم راهنماییم کنید