ساختن گرافیک برای منوها

1 reply [Last post]
AFSHIN-P30's picture
AFSHIN-P30
Offline
تازه کار
Joined: ۰۹/۱۸/۱۳۸۷
Posts:
ساختن گرافیک برای منوها

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

من می خواستم که برای منو های قالب پیشفرض یه چهارچوب گرافیکی تهیه کنم. ممنون می شم اگه کمکم کنید.

آقای موسوی در اینجا در مورد اینکار توضیحی داده اید

(هر بلوک یک id در استایل دارد که می تونید اونو بصورت جداگلنه ارزش دهی
کنید. اگر سرس صفحه رو ببینید id بلوک دلخواه رو می تونید پیدا کنید.

مثلا id بلوک کاربران آنلاین :  

block-user-3# هست) و سپس باید کلاس اونو توی Css بسازم.

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

ممنون میشم اگه یک مثال از این کلاس css را برای من بنویسید. میدونم وقتتون تنگه اما اگه این لطف را بکنید ممنون می شم

من می خوام منویی مثل

menu 

 برای مثلا بلاک

<div id="block-user-0" class="clear-block block block-user">

(منوی  وارد شدن کاربر) بسازم.

قسمت بالایی این منو از سه قسمت: tcat_right   ,  tcat_main  , tcat_left تشکیل شده. که قسمت وسط باید تکرار عرضی بشه.

سپس بدنه ی منو. که از سه قسمت: thead_r  ,  thead_bg   ,  thead_l  تشکیل شده که قسمت راست تکرار طولی و قسمت وسط تکرار کلی و قسمت چپ نیز تکرار صولی داشته باشد.

و در آخر هم که قسمت پایینی منو که از سه قسمت : tfoot_right  ,  tfoot_main   ,  tfoot_left   تشکیل شده و قسمت وسط باید تکرار عرضی بشه.


ممنون میشم اگه این نمونه کد css را برای این بلوک برای من بنویسید تا من برای همه ی بلوکهام این کار را انجام بدم.

پیشاپیش متشکرم...

AFSHIN-P30's picture
AFSHIN-P30
Offline
تازه کار
Joined: ۰۹/۱۸/۱۳۸۷
Posts:
خواهشا هر کدام از دوستان می دونند کمک کنند

من الان چندین روزه که این پست را دادم

دوستان واقعا کسی نمی تونه به من کمک کنه؟

من خیلی با css ها ور رفتم ولی فقط تونستم بکگراند بلوکها را عوض کنم اونم با یه عکس

من جه طوری می تونم برای قسمت تایتل و محتوا و پایین بلوک ( برای هرکدام) سه تا عکس بذهرم؟ به این صورت:

این سه عکس برای قسمت بالای بلوک استفاده شود (تایتل)

background: url(images/tcat_main.jpg) top left repeat-x;

background: url(images/tcat_left.jpg) top left no-repeat;

background: url(images/tcat_right.jpg) top right no-repeat;


این قسمت برای قسمت محتوای بلوک:

background: url(images/thead_bg.gif) top left repeat;

background: url(images/thead_l.gif) top left repeat-y;

background: url(images/thead_r.gif) top right repeat-y;


این قسمت هم برای قسمت پایینی بلوک:

background: url(images/tfoot_main.jpg) top left repeat-x;

background: url(images/tfoot_left.jpg) top left no-repeat;

background: url(images/tfoot_right.jpg) top right no-repeat;

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

© irdrupal 2007. All rights reserved. IRDRUPAL.ORG Company .