پرسش و پاسخ در HTML ، XHTML ، CSS

AMCH

عضو جدید
بله باید همینکار رو انجام بدین ...
هرچند نمیدونم دقیقا دارین چطوری بک گراند میدین ؟! .. چون بک گراند رو نمیبینم نمیتونم اظهار نظر درستی داشته باشم ، اما معمولا برای بک گراند منو ، از یه عکس با یه بعد یک پیکسلی استفاده میشه و با استفاده از ویژگی repeat میتونید یه بک گراند کامل داشته باشین ..

در هر صورت روش همینی هست که گفتین


واقعا متوجه منظورتون نمیشم ! عکسی که طراحی میکنید به خودی خود تغییر سایز نمیده ، مگر اینکه به لینکی که میگین استایل خاصی داده باشین ..


خیلی ممنون از توضیحاتتون
راستش من تازه شروع کردم به طراحی سایت و دارم به عنوان تمرین صفحه اول سایت سازمان سنجش رو طراحی میکنم,منظورم از بک گراند هم ,همون بک گراند قسمت منو و متن های اصلی سایت سازمان سنجشه,اگه یه نگاه بهش بندازید خیلی ممنون میشم,ضمنا اگه پیشنهادی به عنوان تمرین طراحی سایت دارید استقبال میکنم.
راستی منظورتون رو از جمله ی " معمولا برای بک گراند منو ، از یه عکس با یه بعد یک پیکسلی استفاده میشه و با استفاده از ویژگی repeat میتونید یه بک گراند کامل داشته باشین ..

متوجه نشدم, از یه عکس با یه بعد یک پیکسلی استفاده میشه یعنی چی؟؟؟
بازم ممنون:gol:
 

AMCH

عضو جدید
بله باید همینکار رو انجام بدین ...
هرچند نمیدونم دقیقا دارین چطوری بک گراند میدین ؟! .. چون بک گراند رو نمیبینم نمیتونم اظهار نظر درستی داشته باشم ، اما معمولا برای بک گراند منو ، از یه عکس با یه بعد یک پیکسلی استفاده میشه و با استفاده از ویژگی repeat میتونید یه بک گراند کامل داشته باشین ..

در هر صورت روش همینی هست که گفتین


واقعا متوجه منظورتون نمیشم ! عکسی که طراحی میکنید به خودی خود تغییر سایز نمیده ، مگر اینکه به لینکی که میگین استایل خاصی داده باشین ..



خیلی ممنون از توضیحاتتون
راستش من تازه شروع کردم به طراحی سایت و دارم به عنوان تمرین صفحه اول سایت سازمان سنجش رو طراحی میکنم,منظورم از بک گراند هم ,همون بک گراند قسمت منو و متن های اصلی سایت سازمان سنجشه,اگه یه نگاه بهش بندازید خیلی ممنون میشم,ضمنا اگه پیشنهادی به عنوان تمرین طراحی سایت دارید استقبال میکنم.
راستی منظورتون رو از جمله ی "
معمولا برای بک گراند منو ، از یه عکس با یه بعد یک پیکسلی استفاده میشه و با استفاده از ویژگی repeat میتونید یه بک گراند کامل داشته باشین ..
متوجه نشدم, از یه عکس با یه بعد یک پیکسلی استفاده میشه یعنی چی؟؟؟
بازم ممنون :gol:
 

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
تمرین طراحی سایت میکنید ؟!!!!!
این خیلی عالیه که دارید html یاد میگیرین . ببین گلم ، تا جایی که متوجه شدم دارید سعی میکنید سایت سازمان سنجش رو بچینید ...
حدس میزنم دارید با نوت پد کار میکنید ؟!! خب این مدل کار خیلی حوصله میخواد ..
به هرحال ، زمانی که یه الگو برای کارتون دارید ، مثل الان (سایت سنجش ) باید به دقت بهش نگاه کنید و اون رو ذهنی طبقه بندی کنید . تصمیم با شماست که از div استفاده میکنید یا table ، اصول کار یکی هست
اگه از جدول استفاده میکنید سعی کنید تا حد امکان از مرج کردن اجتناب کنید . هر صفحه رو به هزار روش میتونید پیاده سازی کنید ، اهمیت چندانی ندارن ، فقط اصولی کار کنید

اون جمله ای که گفتم و متوجه نشدین ، برای پیاده سازی پویا بود . اینکه شما یه عکس رو به طور کامل توی صفحه تون استفاده کنید ، مجبور میشین برای هر صفحه بسته به سایز ، مجدد عکس طراحی کنید .. این موضوع سبب میشه تعداد عکس هایی که در نهایت روی سرور بارگزاری میکنید زیاد باشن و هم سرعت رو کاهش بدن و هم حجم بیخودی اشغال شه . پس هر عکس رو میتونید تا حد ممکن به قطعات مجزا تفکیک کنید و توی صفحاتتون اونا رو کنار هم بچینید . مثلا حاشیه های یک مستطیل رو جدا در نظر میگیرید و اونچه داخلش وسیع و تکراری وجود داره رو یک قطعه ش رو برمیدارید و به عنوان عکس پس زمینه قرار میدین و بعد از گزینه های reapeat x ، repeat y و ... استفاده میکنید ..
 

syronz

عضو جدید

خیلی ممنون از توضیحاتتون
راستش من تازه شروع کردم به طراحی سایت و دارم به عنوان تمرین صفحه اول سایت سازمان سنجش رو طراحی میکنم,منظورم از بک گراند هم ,همون بک گراند قسمت منو و متن های اصلی سایت سازمان سنجشه,اگه یه نگاه بهش بندازید خیلی ممنون میشم,
ضمنا اگه پیشنهادی به عنوان تمرین طراحی سایت دارید استقبال میکنم.
راستی منظورتون رو از جمله ی "
معمولا برای بک گراند منو ، از یه عکس با یه بعد یک پیکسلی استفاده میشه و با استفاده از ویژگی repeat میتونید یه بک گراند کامل داشته باشین ..
متوجه نشدم, از یه عکس با یه بعد یک پیکسلی استفاده میشه یعنی چی؟؟؟
بازم ممنون :gol:

اگه تازه شروع کردید به این سایت ها یه سری بزنید
http://www.w3schools.com/
به زبان انگلیسیه و تمام امور مربوط به طراحی سایت رو پوشش میده با تمرین های عالی و کویز

http://neopersia.org
آموزش html و css به زبان فارسی

http://www.code.he.net
با مثال های فراوان
 

AMCH

عضو جدید
تمرین طراحی سایت میکنید ؟!!!!!
این خیلی عالیه که دارید html یاد میگیرین . ببین گلم ، تا جایی که متوجه شدم دارید سعی میکنید سایت سازمان سنجش رو بچینید ...
حدس میزنم دارید با نوت پد کار میکنید ؟!! خب این مدل کار خیلی حوصله میخواد ..
به هرحال ، زمانی که یه الگو برای کارتون دارید ، مثل الان (سایت سنجش ) باید به دقت بهش نگاه کنید و اون رو ذهنی طبقه بندی کنید . تصمیم با شماست که از div استفاده میکنید یا table ، اصول کار یکی هست
اگه از جدول استفاده میکنید سعی کنید تا حد امکان از مرج کردن اجتناب کنید . هر صفحه رو به هزار روش میتونید پیاده سازی کنید ، اهمیت چندانی ندارن ، فقط اصولی کار کنید

اون جمله ای که گفتم و متوجه نشدین ، برای پیاده سازی پویا بود . اینکه شما یه عکس رو به طور کامل توی صفحه تون استفاده کنید ، مجبور میشین برای هر صفحه بسته به سایز ، مجدد عکس طراحی کنید .. این موضوع سبب میشه تعداد عکس هایی که در نهایت روی سرور بارگزاری میکنید زیاد باشن و هم سرعت رو کاهش بدن و هم حجم بیخودی اشغال شه . پس هر عکس رو میتونید تا حد ممکن به قطعات مجزا تفکیک کنید و توی صفحاتتون اونا رو کنار هم بچینید . مثلا حاشیه های یک مستطیل رو جدا در نظر میگیرید و اونچه داخلش وسیع و تکراری وجود داره رو یک قطعه ش رو برمیدارید و به عنوان عکس پس زمینه قرار میدین و بعد از گزینه های reapeat x ، repeat y و ... استفاده میکنید ..

سلام
از راهنماییهاتون بینهایت ممنونم:gol:
به جای نوت پد از چی میتونم استفاده کنم؟چرا حوصله میخواد؟
کدی یا عکسی,از قسمت قسمت طراحی کردن بک گراند و بعد هم چطور استفاده کردنش دارید که من هم یاد بگیرم؟
مرسی ,موفق باشید
 

AMCH

عضو جدید

AMCH

عضو جدید

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
سلام
از راهنماییهاتون بینهایت ممنونم:gol:
به جای نوت پد از چی میتونم استفاده کنم؟چرا حوصله میخواد؟

سلام :gol:
برای شروع Html اغلب از نوت پد استفاده میشه . اما چیدمان های تخصصی به طور معمول توی Visual Studio صورت میگیره
اول اینکه توی نوت پد که کار میکنی ، نتیجه رو توی مرورگر باید ببینی ، دوم هم اینکه همه چیز رو باید کامل تایپ کنی !! برای همین گفتم حوصله زیادی میخواد گلم


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

سعی میکنم یه مثال ساده برات آماده کنم .. اما در کل توضیحاتی که دادم برای کار توی اون محیط بود ، نه نوت پد :confused::redface:
پایدار باشید ..
 

AMCH

عضو جدید
راهنمایی در سایز بک گراند div

راهنمایی در سایز بک گراند div

سلام دوستان
یه سوالی دارم,اگه بک گراند یه div رو از طریق دستورbackground-image عکسی قرار بدیم که قبلا تو فتوشاپ طراحیش کردیم و اون بک گراند اندازش بزرگتر از div باشه,در اینصورت عکس بک گراند به طور کامل نشون داده نمیشه وفقط قسمتهایی از بک گراند که تو div جا میشه نشون داده میشه,,چطور میتونم اندازه ی بک گراندو جوری تنظیم کنم که به اندازه ی div ی که براش تعریف کردم بشه و نصفه نشون داده نشه؟راه حلی داره یا اینکه باید تو فتوشاپ اندازه ی بک گراندو اونقدر تغییر بدم تا اندازه ی div مربوطش شه؟؟؟میخوام بدون استفاده از تگimg این کار رو انجام بدم.خواهش میکنم اگه راه حلی دارید زودتر کمکم کنید,کارم واقعا گیره:cry:. منتظرم ممنون
 

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
سلام عزیزم
ببینید شما اگر به div مورد نظر خودتون سایز بدین (توی استایل height و width) و توی فتوشاپ هم به عکس مورد نظرتون همین سایز رو بدین (در هردوبخش به پیکسل) هیچ مشکلی پیش نمیاد.

مثلا سایز عکستون 100 * 100 باشه ، برای div تعریف میکنید :

کد:
[FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]div [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]:100px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]:100px;"></[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]div[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]

 

AMCH

عضو جدید
سلام عزیزم
ببینید شما اگر به div مورد نظر خودتون سایز بدین (توی استایل height و width) و توی فتوشاپ هم به عکس مورد نظرتون همین سایز رو بدین (در هردوبخش به پیکسل) هیچ مشکلی پیش نمیاد.

مثلا سایز عکستون 100 * 100 باشه ، برای div تعریف میکنید :

کد:
[FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]div [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]:100px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]:100px;"></[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]div[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]


سلام
مرسی عزیزم
قبلا گفتم دارم بره تمرین ,سایت سنجش رو طراحی میکنم,چون نمیدونم اندازه ی DIV هاش چقدره حالا بک گراندایی که برای هر DIV طراحی میکنم بزرگتر در میاد و اندازه ی DIV های سایت سنجش نیستن,هی باید برگردمو تو فتوشاپ اندازه ها رو تغییر بدم!میخواستم بدونم راه حلی براش هست؟تو کدای HTMLخود سنجش هم سایزا نیستن ,تو فایل CSS سایت نوشته شدن.راستی از تیکه تیکه طراحی کردن بک گراندا و بعدش تکرارشون تو سایت که قبلا گفتی فایل آموزشی ,چیزی نداری؟:redface:بازم ممنون
 

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
خوووووب ! بالاخره من فرصت کردم یه مثال کوچولو واست بیافرینم !


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



ببین برای ساخت همچین شکلی ، مستطیل به سه قسمت چپ و راست و یه پیکسل از اون بخش وسط که در حقیقت داره تکرار میشه تقسیم میشه . به این صورت :

(تیکه سمت چپ )

(تیکه سمت راست )

(تیکه تکرار شده در وسط )

خب ، حالا میرسیم به نوشتن کد توی html . شما ابتدا این سه تا عکس رو توی فولدر image هاتون قرار میدین . بعد :

کد:
[FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]table[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="100%"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]cellpadding[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="0"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]cellspacing[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="0">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]tr[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 33px">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]-- قسمت سمت چپ--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 3px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Left.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: no-repeat;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]--قسمت وسطی--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 964px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Bg.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: repeat-x;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]--قسمت سمت راست--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 3px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Right.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: no-repeat;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]tr[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]table[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]


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



حالا طول این مستطیل میتونه بزرگتر یا کوچیکتر باشه ، اهمیتی نداره ، برای تغییرش کافیه width بخش وسط رو تغییر بدین



 
  • Like
واکنش ها: AMCH

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
من نمیدونم شما دقیقا داری چیکار میکنی که اینقدر تغییرات لازم داری !

ببین عکس ها رو از خود سایت ذخیره کن ، با توجه به سایز عکس ها div هاتو بچین


در اون مورد هم توی همون تاپیک برات توضیح دادم :
http://www.www.www.iran-eng.ir/show...-صفحات/page2?p=4713099&viewfull=1#post4713099
 
  • Like
واکنش ها: AMCH

AMCH

عضو جدید
خوووووب ! بالاخره من فرصت کردم یه مثال کوچولو واست بیافرینم !


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



ببین برای ساخت همچین شکلی ، مستطیل به سه قسمت چپ و راست و یه پیکسل از اون بخش وسط که در حقیقت داره تکرار میشه تقسیم میشه . به این صورت :

(تیکه سمت چپ )

(تیکه سمت راست )

(تیکه تکرار شده در وسط )

خب ، حالا میرسیم به نوشتن کد توی html . شما ابتدا این سه تا عکس رو توی فولدر image هاتون قرار میدین . بعد :

کد:
[FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]table[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="100%"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]cellpadding[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="0"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]cellspacing[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="0">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]tr[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 33px">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]-- قسمت سمت چپ--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 3px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Left.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: no-repeat;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]--قسمت وسطی--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 964px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Bg.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: repeat-x;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]<%[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400][FONT=Consolas][SIZE=2][COLOR=#006400]--قسمت سمت راست--[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][FONT=Consolas][SIZE=2]%>
[/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]="[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: 3px; [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: url('Images/Right.png'); [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000][FONT=Consolas][SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]: no-repeat;">
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]td[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]tr[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000][FONT=Consolas][SIZE=2][COLOR=#800000]table[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff][FONT=Consolas][SIZE=2][COLOR=#0000ff]>
[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]


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



حالا طول این مستطیل میتونه بزرگتر یا کوچیکتر باشه ، اهمیتی نداره ، برای تغییرش کافیه width بخش وسط رو تغییر بدین




سلام
خیلی ممنون عزیز,لطف کردی ;)
 

AMCH

عضو جدید
تغییر اندازه و جای نشانه های کنار لیست های ul

تغییر اندازه و جای نشانه های کنار لیست های ul

سلام دوستان
چطور میشه وقتی با html یه لیست ul تعریف میکنم, اندازه و جای اون نشونه های دایره یا مربع یا شکلای دیگشو تغییر داد؟وقتی لیست تعریف میکنم نشونه ها بالاتر از متن مربوطشون هستن و فاصلشون هم زیاده.میشه تغییرشون داد؟ ممنون ;)
 

seifollahy

عضو جدید
اندکی در احوالات html

اندکی در احوالات html

دوستان یک سوال داشتم ..محدودیت های زبان html چیه؟ یعنی چرا نمیشه تنها با html یک وب سایت کامل طراحی کرد؟
میشه بگی علتش اینه که قابلیت ارتباط با پایگاه داده رو نداره؟
اگه به html در حوزه وظایفی که براش تعیین شده نگاه کنیم هیچ محدودیتی نداره. بر خلاف اون چیزی که خیلیا فکر می کنن در واقع html یه زبان برنامه نویسی نیست بلکه یه زبان نشانه گذاریه به همین خاطره که نمیشه باهاش یه وب سایت کامل بسازی و حتما باید از css برای استایل بندیش استفاده بشه و با php ترکیب بشه تا بشه ازش یه سایت پویا درآورد.
 

shakibonline

عضو جدید
سلام دوستان.
تگ <center> توی HTML5 پشتیبانی نمی شه ، درسته ؟
حالا باید چیکار کرد ، تگ جایگزینی براش هست؟
فرض کنید می خوام یه table یا div رو بیارم وسط ، باید چیکار کنم؟
 

sama.kzm

عضو جدید
2 سوال:فوری!

2 سوال:فوری!

سلام.
لطفا یکی جواب این 2 سوال رو برای من بنویسه!ممنون
1- صفحه HTML بنویسید که در آن متن گزارشی با فهرست عنوان بندی شده آن وجود داشته باشد که با انتخاب هر عنوان به محل آن در متن رفته و آنجا امکان برگشت به فهرست وجود داشته باشد.
2- صفحه HTML بنویسید که در آن جدولی قرار دارد و در خانه های ردیف اول تعدادی تصویر و در ردیف دوم توضیح تصویرها قرارد دارد. با انتخاب هر تصویر به صفحه دیگری می رویم که توضیحات بیشتری درباره آن تصویر در خود دارد.
:)
 

A.S.Roma

عضو جدید
کاربر ممتاز
سلام دوستان.
تگ <center> توی HTML5 پشتیبانی نمی شه ، درسته ؟
حالا باید چیکار کرد ، تگ جایگزینی براش هست؟
فرض کنید می خوام یه table یا div رو بیارم وسط ، باید چیکار کنم؟
بهش Width بدید سپس با CSS و با استفاده از دستور زیر بیاریدش وسط :
margin:0 auto;
 

programe_p

عضو جدید
css calender

css calender

سلام.چطور میشه یک box که 3 button در یک ردیف داره را طوری طراحی کرد که وقتی روی هرکدام از button ها که کلیک کنیم 12 ماه سال مثل calender در ردیف پایین خودش نشان بده؟؟؟میشه من و راهنمایی کنید....
 

Mkvisual

عضو جدید
این کار با جاوااسکریپت و رویداد onClick انجام میشه ...
با سی اس اس نمیشه ...
 

Mkvisual

عضو جدید
این کار با جاوااسکریپت و رویداد onClick انجام میشه ...
با سی اس اس نمیشه ...
 

Mkvisual

عضو جدید
منظورتون واضح نیس :(
شما شروع کن ... هر جا اشکال داشتید بپرسید ...
اما یه اسکریپت php هست که تقویم داره ...
http://www.easyphpcalendar.com/
تقویم شمسی هم تو نت ریخته ...
 

Maryam IT

عضو جدید
سلام
من میخوام یه پرتال دانشگاهی ایجاد کنم و باید با دکمه های رادیویی یه لیست از اسامی دانشگاهها درست کنم که وقتی کاربر یکی از گزینه ها رو انتخاب کرد و دکمه submit رو زد یه پیج باز بشه و اطلاعات مربوط به دانشگاه انتخاب شده در اون پیج باشه...
چطوری باید این کارو بکنم؟میشه راههنمایی کنید؟
اینم بخشی از کد منه
<form align="left" method="post" action="script.url">
<tr><td><input type="radio" name="type" id="دانشگاه اصفهان" />
<lable for="دانشگاه اصفهان">دانشگاه اصفهان</lable >
<br/></td></tr>
<tr><td> <input type="radio" name="type" id="دانشگاه صنعتی اصفهان" />
<lable for="دانشگاه صنعتی اصفهان">دانشگاه صنعتی اصفهان </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه صنعتی شریف" />
<lable for="دانشگاه صنعتی شریف">دانشگاه صنعتی شریف </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه تهران" />
<lable for="دانشگاه تهران">دانشگاه تهران </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه فردوسی مشهد" />
<lable for="دانشگاه فردوسی مشهد">دانشگاه فردوسی مشهد </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه شیراز" />
<lable for="دانشگاه شیراز">دانشگاه شیراز </lable>
<br/></td></tr>
<tr><td><INPUT TYPE=SUBMIT VALUE="submit" onclick="ui.ac.ir"><br/></td></tr>
</form>
 

Mkvisual

عضو جدید
سلام
من میخوام یه پرتال دانشگاهی ایجاد کنم و باید با دکمه های رادیویی یه لیست از اسامی دانشگاهها درست کنم که وقتی کاربر یکی از گزینه ها رو انتخاب کرد و دکمه submit رو زد یه پیج باز بشه و اطلاعات مربوط به دانشگاه انتخاب شده در اون پیج باشه...
چطوری باید این کارو بکنم؟میشه راههنمایی کنید؟
اینم بخشی از کد منه
<form align="left" method="post" action="script.url">
<tr><td><input type="radio" name="type" id="دانشگاه اصفهان" />
<lable for="دانشگاه اصفهان">دانشگاه اصفهان</lable >
<br/></td></tr>
<tr><td> <input type="radio" name="type" id="دانشگاه صنعتی اصفهان" />
<lable for="دانشگاه صنعتی اصفهان">دانشگاه صنعتی اصفهان </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه صنعتی شریف" />
<lable for="دانشگاه صنعتی شریف">دانشگاه صنعتی شریف </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه تهران" />
<lable for="دانشگاه تهران">دانشگاه تهران </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه فردوسی مشهد" />
<lable for="دانشگاه فردوسی مشهد">دانشگاه فردوسی مشهد </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه شیراز" />
<lable for="دانشگاه شیراز">دانشگاه شیراز </lable>
<br/></td></tr>
<tr><td><INPUT TYPE=SUBMIT VALUE="submit" onclick="ui.ac.ir"><br/></td></tr>
</form>

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

Mkvisual

عضو جدید
سلام.
لطفا یکی جواب این 2 سوال رو برای من بنویسه!ممنون
1- صفحه HTML بنویسید که در آن متن گزارشی با فهرست عنوان بندی شده آن وجود داشته باشد که با انتخاب هر عنوان به محل آن در متن رفته و آنجا امکان برگشت به فهرست وجود داشته باشد.
2- صفحه HTML بنویسید که در آن جدولی قرار دارد و در خانه های ردیف اول تعدادی تصویر و در ردیف دوم توضیح تصویرها قرارد دارد. با انتخاب هر تصویر به صفحه دیگری می رویم که توضیحات بیشتری درباره آن تصویر در خود دارد.
:)

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

me.fatima

عضو جدید
کاربر ممتاز
سلام
من میخوام یه پرتال دانشگاهی ایجاد کنم و باید با دکمه های رادیویی یه لیست از اسامی دانشگاهها درست کنم که وقتی کاربر یکی از گزینه ها رو انتخاب کرد و دکمه submit رو زد یه پیج باز بشه و اطلاعات مربوط به دانشگاه انتخاب شده در اون پیج باشه...
چطوری باید این کارو بکنم؟میشه راههنمایی کنید؟
اینم بخشی از کد منه
<form align="left" method="post" action="script.url">
<tr><td><input type="radio" name="type" id="دانشگاه اصفهان" />
<lable for="دانشگاه اصفهان">دانشگاه اصفهان</lable >
<br/></td></tr>
<tr><td> <input type="radio" name="type" id="دانشگاه صنعتی اصفهان" />
<lable for="دانشگاه صنعتی اصفهان">دانشگاه صنعتی اصفهان </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه صنعتی شریف" />
<lable for="دانشگاه صنعتی شریف">دانشگاه صنعتی شریف </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه تهران" />
<lable for="دانشگاه تهران">دانشگاه تهران </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه فردوسی مشهد" />
<lable for="دانشگاه فردوسی مشهد">دانشگاه فردوسی مشهد </lable>
<br/></td></tr>
<tr><td><input type="radio" name="type" id="دانشگاه شیراز" />
<lable for="دانشگاه شیراز">دانشگاه شیراز </lable>
<br/></td></tr>
<tr><td><INPUT TYPE=SUBMIT VALUE="submit" onclick="ui.ac.ir"><br/></td></tr>
</form>

با اجازه Mkvisual

سلام دوست گرامی

اگر تو دریم ویور دارید اینکارو انجام میدید که آسونه...
همین کد که هست وارد میکنید.
بعد یه صفحه ی جدید در فایل ایجاد میکنید . مثلا اسمشو میذاریم : save.php
بعد صفحه save.php رو باز میکنیم و این کد رو در قسمت کد ( یعنی body ) وارد کنید :

PHP:
<?php
         $name=$_POST["university"];
         print($name);
         
?>

باید تمام گزینه های دانشگاه رو یک نام یکسان بدید . مثلا من دادم university و همچنین برای قسمت value
باید نام دانشگاه رو وارد کنید.....

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

Similar threads

بالا