تبلیغات
کلوپ تابستانی انیمه ^^ یامیو و آکاری - کد قالب + جزوه اچ تی ام ال به روش من ^^

کد قالب + جزوه اچ تی ام ال به روش من ^^

پنجشنبه 28 مرداد 1395 02:32 ب.ظ


by : Yαgαmï Yαмıчσ


یـــــو برو بچ قالب بالا رو کسی نمیخواد ؟؟
کسی خواست بگه براش متن عکس رو عوض میکنم ^^
قالب به دست کیمیا جان رسید :)
+ چون کلا قضیه سفارش و این چیزا خاتمه یافته اون وبمم حذف کردم
ولی جزوه اچ تی ام ال رو گذاشتم ادامه مطلبه بدون رمز شاید کمکتون کنه :)

(: ساخت کد قالب :)

+ خوب اول باید یه وب بزنید برای تست قالب (چیز واجبی نیست ولی مطمئنا این جوری راحت ترید)

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


+ حالا کد قالب رو بازکنید یه نگاهی بهش بندازید ببینید کلا چی حالیتون میشه !!! (سعی کنید قالبی ک به عنوان نمونه انتخاب کردید صرفا کد قالب باشه و چیزای اضافی - مثل کد صفحه ورودی و ... - نداشته باشه ! و همین طور قالبتون دست نویس باشه - یعنی از سایت هایی مثل پیچک و آوازک و اینجور چیزا نباشه - !)

+ بگردید و آدرسای عکس رو از تو قالب پیدا کنید . URL (آدرس عکس) ها رو باز کنید و ببینید عکس هایی ک پیدا کردید چ جایی تو قالب نمایش داده میشه !

+ و حالا میتونید عکساهایی رو جایگزین کنید ....

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

+ همینطور میتونید متن هایی ک برای عنوان نظرات ، امکانات وب ، آمار و ... هست رو پیدا کنید و متن خودتون رو جایگزین کنید ...

+ حتی میتونید رنگ هارو هم تغییر بدید برای نمونه کد رنگ سیاه : 000# و کد رنگ سفید : FFF# (کد های رنگ شش رقمی هستن ولی کد هایی ک ارقام شبیه هم دارن رو میشه سه رقمی نوشت )

+ برای پیدا کردن کد رنگ میتونید از محیط فتوشاپ و --> از این سایت <-- کمک بگیرید !

++ بعد از جایگزین کردن قالب رو به عنوان قالب جدید ذخیره کنید تا نمونتون خراب نشه !

+ تغییرات رو مشاهده کنید و سعی کنید کنید مشکلات رو برطرف کنید !

+ ببینید چه اتفاق هایی تو کجاهای قالب افتاده اینجوری میتونید کارایی کد های مختلف رو بفهمید !

++ تو قالب اندازه ستون ها (width) و جایگاه ستون ها (left یا right یا center) و هماهنگی اندازه عکس ها با ستون ها نقش خیلی مهمی داره ...
نمیدونم چ جوری واضح تر توضیح بدم :/

++ برای آشنایی با بقیه کد ها میتونید از --> اینجا <-- استفاده کنید .

+ توی اون سایت توضیحات خوبی هست ولی کلا سوالی ... مشکلی ... چیزی داشتین بپرسین !


تا سوال :)
آخـــریـن دســـتکاری: سه شنبه 23 شهریور 1395 02:15 ب.ظ



نمایش نظرات 1 تا 30

POWERED BY YAMIYO