تبلیغات
 
 
آهنگ - المنت ها در طراحی سایت

المنت ها در طراحی سایت

نویسنده : نریمان آهنگ شنبه 26 مرداد 1392 12:27 ب.ظ  •  دیدگاه ها : ()  

اگر بخواهیم در یک تمپلیت پوزیشن ایتم ها را جابه جا کنیم، یا به عبارت ساده تر چه کدی
باعث شده که منو در یک قسمت خاص باشه؟

آیا کنترل کننده پوزیش ها grid.css است؟
مثلاً در این تمپلیت اگر بخوایم منو برود به راست گوشه بالا بدون کمترین فاصله و و عکس های زیرش بیان به چپ چه تغییری
در کد باید بدیم؟

دوستان من , این خاصیت هایی که شما میگین هر کدام برای یه جایی درست شدن .

مثلا از خاصیت margin میتونید برای چهار جهت بالا و پائین و چپ و راست (خارجی ) یک شی استفاده کنید . بطور مثال یک دایو . div
و از خاصیت padding میتوانید بر عکس مارجین همین 4 جهت رو به سمت ( داخلی ) یک شی استفاده کنید . میشه گفت همون دایو .div

و اما از جهت های بالا و پائین و چپ و راست میتونید جهت رفتن به چهار طرف استفاده کنید و محدود به داخلی و خارجی شی نمیشه و جهت حرکت شی است .

حالا بریم سر اصل مطلب position ها جهت نما نیست که بهش دستور بدی سمت راست و چپ بروند . کار این اتریبیوت اینه که موقعیت ها رو نسبت به والد و فرزند تشخیص میده .

یعنی اگه یه div والد داشته باشیم برای اینکه ثابت کنم تو صفحه که اسکرول هم بخوره جابجا نشه میتونید از خاصیت این اتریبیوت position : fixed ; استفاده کنید .
و برای ثابت بودن بدون اینکه تو صفحه شناور باشه از position : absolute ; استفاده میکنیم .
و برای اینکه نسبت به والدش باشه ( یعنی اگه والدش سمت چپ بود و ارتفاع 700 عرض 200 داشت تو همین عرض و ارتفاع و جهت شناور بشه ... position :relative; استفاده میکنیم.
و اخرین گزینه که position : static ; است گزینه پیش فرض خود اتریبیوت است که اگه انتخاب نشه اینو خود مرورگر براش تشخیص میده .

و پاسخ جناب عزیز اولی :
برای اینکه منوی بالا را به سمت راست برین از اتریبیوت : float : right ; استفاده کنید .

طراحی سایت

و همچنین برای بردن اسلایدر به سمت چپ از : float : left ; استفاده کنید .


اگر نیاز به موقعیت دهی بود از position ها میتونید کمک بگیرید ... تمام



آخرین ویرایش: - -

سه شنبه 4 اردیبهشت 1397 02:12 ق.ظ

You actually revealed it really well!
rx pharmacy viagra cheap online pharmacy no prescription can you buy viagra at cvs get viagra no prescription buy online viagra buying viagra buy real viagra online without prescription where can i get viagra online buy viagra uk cheap viagra super active
جمعه 3 فروردین 1397 01:39 ب.ظ

Great content. Thanks.
we use it 50 mg cialis dose wow look it cialis mexico canadian drugs generic cialis acquisto online cialis click here cialis daily uk only now cialis 20 mg tadalafilo prezzo di cialis in bulgaria ou trouver cialis sur le net how do cialis pills work
یکشنبه 27 اسفند 1396 08:57 ب.ظ

Many thanks! Plenty of material.

cialis canada we like it cialis price cialis generico en mexico brand cialis nl enter site natural cialis cialis venta a domicilio generic cialis at walmart cialis arginine interactio generic low dose cialis cialis great britain
شنبه 18 شهریور 1396 04:06 ق.ظ
It's really a nice and helpful piece of info. I'm happy that you just shared this
helpful information with us. Please keep us informed like this.
Thank you for sharing.
سه شنبه 17 مرداد 1396 02:46 ب.ظ
I believe what you wrote was actually very logical.
But, what about this? what if you added a little information? I mean, I don't wish to tell you how to run your blog, but suppose you added a title to maybe grab
folk's attention? I mean آهنگ - المنت ها در طراحی سایت is kinda boring.
You should glance at Yahoo's front page and watch how they create article titles to grab viewers
to click. You might add a video or a related pic
or two to grab readers interested about everything've
got to say. Just my opinion, it would bring your posts a
little livelier.
یکشنبه 15 مرداد 1396 05:47 ب.ظ
I relish, result in I discovered exactly what
I used to be having a look for. You have ended my four day long hunt!

God Bless you man. Have a great day. Bye
شنبه 7 مرداد 1396 11:31 ق.ظ
I enjoy what you guys are usually up too. This sort of clever work and reporting!
Keep up the wonderful works guys I've you
guys to blogroll.
شنبه 26 مرداد 1392 01:20 ب.ظ
سلام وبلاگ زیبایی داری بیا به آدرس زیر ثبتش کن تا من و تعداد بسیار زیادی بازدید کننده بتونن هر روز بهت سر بزنند و به انجمن وبلاگ نویسان ایران بپیوندی ضرر نمیکنید ممنون
http://fabner.net
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر