فیلم های آموزشی تالار در اینجا ببینید

 

با عرض سلام و احترام خدمت شما کاربران بزرگوار.

زین پس دوستان می توانند فیلم های آموزشی تالار را در این تاپیک دریافت وآموزش ببینند ،این آموزش توسط من به صورت هفتگی یا دوره ای بارگذاری می شود .

موفق باشین

پرسش و پاسخ آموزش وبلاگ نویسی+فیلم آموزشی 

 

 

تغییر هدر در فایل css

1-قالب وبلاگ رو باز کنید(در راسخون می رید قسمت مدیریت قالب----> ویرایش قالب جاری)

 

2-توی کد قالب ، فایل css رو پیدا میکنید(میتونید به وسیله زدن crtl+f) اون رو جستجو کنید

 

3-آدرس کامل این فایل رو در مرورگر وارد کنید و همانطور که میبینید کدهای css نمایش داده میشن .

 

4-حالا برنامه rapid css 2014 باز کنید و کد های css رو در اون کپی کنید حالا دنبال هدر

 

(header ) بگردید (میتونید به وسیله زدن crtl+f) هدر را جستجو کنید بعد از پیدا کردن هدر

 

.هدری که خودتون قبلا طراحی کردید را با اون جایگزین کنید( قطعا باید از قبل هدر جدیدتون رو

 

در جایی آپلود کرده باشید و آدرس آپلود شده ی اون رو به جای آدرس هدر قبلی بزارید)

 

    توجه : آدرس هدر اصلی ممکنه به صورت کامل نباشه یعنی ممکنه  مختصر شده باشه header.jpg رو بگردید که پیدا کنید

 

5- آدرس فایلcss  رو که از قالب پیدا کرده بودید رو نگاه کنید مثلا فرض کنید

 

آدرس  http://pichak.net/themes/55/09/image/style.css  باشه .

 

از ابتدا تا اول style.css  رو کپی کنید مثلا در اینجا میشه

 

http://pichak.net/themes/55/09/image/  حالا از ابتدای فایل css بگردید

 

دنبال کلمه url (میتونید به وسیله زدن crtl+f) و آدرس کپی شده

 

رو قبل از کلمه ی رو به روی آن کپی کنید . مثلا اگه ('url('body.gif را

 

در این مثال پیدا کنیم باید تبدیل بشه به ('url(http://pichak.net/themes/55/09/image/body.gif

 

نکته : برای راحتی کار در پیدا کردن url ها کافیست از کلید میانبر ctrl+f استفاده کنید

 

و کلمه ی url را در پنجره ی جستجوی آن بنویسید و بعد از انجام تغییرات لازم ،

 

گزینه ی find nex  را بزنید تا url بعدی را پیدا کنید و این کار را آنقدر ادامه دهید

 

تا خطای cannot find دیده شود . 

 

6-حالا از قسمت save برنانه rapid css  قالب وبلاگتونو با فرمت css سیو کنید

 

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

 

نکته : برای آپلود فایل میتوانید از سایت http://uploadazad.com/ استفاده کنید

 

نکته:در مورد سایز هدر باید بگم که میتونید هنگامی که هدر اولیتونو پیدا کردین قبل از جایگزینی

 

با هدر جدیدتون اونو سیو کنین و سایزشو بینید (میتونید با بازکردنش با برنامه paint سایزشو ببینید)

 

و هدر جدیدتونو با اون سایز طراحی کنید.

برای فهمیدن سایز هدر راهای مختلفی هست از که ما یکیشو در این فیلم به شما آموزش میدیم:

 

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

 

(میتونید با بازکردنش با برنامه paint سایزشو ببینید) و هدر جدیدتونو با اون سایز طراحی کنید.

 

یافتن هدر

 

1-قالب وبلاگ رو باز کنید(در راسخون می رید قسمت مدیریت قالب-> ویرایش قالب جاری)

 

2-توی کد قالب ، فایل css رو پیدا میکنید(میتونید به وسیله زدن crtl+f) اون رو جستجو کنید

 

3-آدرس کامل این فایل رو در مرورگر وارد کنید و همانطور که میبینید کدهای css نمایش داده میشن .

 

4-حالا دنبال هدر (header) بگردید(میتونید به وسیله زدن crtl+f) اون رو جستجو کنید.

 

5- آدرس header رو که از قالب پیدا کرده بودید رو نگاه کنید مثلا فرض کنید آدرس  

 

header.jpg  باشه .این آدرسو(header.jpg) در جلوی آدرس css خودتون

 

بجای style.css قرار دهید به عنوان مثال در این فیلم ما header-aviny-93.jpg را

 

به جای style-aviny-93.css جایگزین کردیم و آدرس 

 

http://file.rasekhoonblog.com/ghaleb/aviny/style-aviny-93.css را به آدرس

 

مقابل تغییر دادیم:http://file.rasekhoonblog.com/ghaleb/aviny/header-aviny-93.jpg

 

 

 

تغییر فوتر در فایل css

 

1-قالب وبلاگ رو باز کنید(در راسخون می رید قسمت مدیریت قالب-> ویرایش قالب جاری)

 

2-توی کد قالب ، فایل css رو پیدا میکنید(میتونید به وسیله زدن crtl+f) اون رو جستجو کنید

 

3-آدرس کامل این فایل رو در مرورگر وارد کنید و همانطور که میبینید کدهای css نمایش داده میشن .

 

4-حالا برنامه rapid css 2014 باز کنید و کد های css رو در اون کپی کنید حالا دنبال

 

فوتر (footer ) بگردید (میتونید به وسیله زدن crtl+f) فوتر را جستجو کنید بعد از پیدا کردن

 

فوتر.فوتری که خودتون قبلا طراحی کردید را با اون جایگزین کنید( قطعا باید از قبل فوتر جدیدتون

 

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

 

توجه : آدرس فوتر اصلی ممکنه به صورت کامل نباشه یعنی ممکنه مختصر شده

 

باشه footer.jpg رو بگردید که پیدا کنید

 

5- آدرس فایلcss  رو که از قالب پیدا کرده بودید رو نگاه کنید مثلا فرض کنید

 

آدرس  http://pichak.net/themes/55/09/image/style.css  باشه

 

. از ابتدا تا اول style.css رو کپی کنید مثلا در اینجا میشه

 

http://pichak.net/themes/55/09/image/  حالا از ابتدای

 

فایل css بگردید دنبال کلمه url (میتونید به وسیله زدن crtl+f) و

 

آدرس کپی شده رو قبل از کلمه یرو به روی آن کپی کنید .

 

مثلا اگه ('url('body.gif را در این مثال پیدا کنیم باید تبدیل بشه به

 

('url(http://pichak.net/themes/55/09/image/body.gif

 

نکته : برای راحتی کار در پیدا کردن url ها کافیست از کلید میانبر ctrl+f استفاده کنید و کلمه ی url را در

 

پنجره ی جستجوی آن بنویسید و بعد از انجام تغییرات لازم ، گزینه ی find nex  را بزنید تا url بعدی

 

را پیدا کنید و این کار را آنقدر ادامه دهید تا خطای cannot find دیده شود . 

 

6-حالا از قسمت save برنانه rapid css  قالب وبلاگتونو با فرمت css سیو کنید و در یک

 

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

 

نکته : برای آپلود فایل میتوانید از سایت http://uploadazad.com/ استفاده کنید

 

 

 

تغییر تاپ ساید در فایل css

 

1-قالب وبلاگ رو باز کنید(در راسخون می رید قسمت مدیریت قالب-> ویرایش قالب جاری)

 

2-توی کد قالب ، فایل css رو پیدا میکنید(میتونید به وسیله زدن crtl+f) اون رو جستجو کنید

 

3-آدرس کامل این فایل رو در مرورگر وارد کنید و همانطور که میبینید کدهای css نمایش داده میشن .

 

4-حالا برنامه rapid css 2014 باز کنید و کد های css رو در اون کپی کنید

 

 حالا دنبال تاپ ساید(top_side ) بگردید (میتونید به وسیله زدن crtl+f) تاپ ساید

 

را جستجو کنید بعد از پیدا کردن تاپ ساید . تاپ سایدی که خودتون قبلا طراحی کردید

 

را با اون جایگزین کنید( قطعا باید از قبل تاپ ساید جدیدتون رو در جایی آپلود کرده باشید

 

 و آدرس آپلود شده ی اون رو به جای آدرس تاپ ساید قبلی بزارید)

 

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

 

شده باشه top_side.jpg رو بگردید که پیدا کنید

 

5- آدرس فایلcss  رو که از قالب پیدا کرده بودید رو نگاه کنید مثلا فرض کنید آدرس

 

 http://pichak.net/themes/55/09/image/style.css  باشه .

 

از ابتدا تا اول style.css  رو کپی کنید مثلا در اینجا میشه

 

http://pichak.net/themes/55/09/image/  حالا از ابتدای فایل css بگردید

 

دنبال کلمه url (میتونید به وسیله زدن crtl+f) و آدرس کپی شده

 

رو قبل از کلمه ی رو به روی آن کپی کنید . مثلا اگه ('url('body.gif

 

را در این مثال پیدا کنیم باید تبدیل بشه به ('url(http://pichak.net/themes/55/09/image/body.gif

 

نکته : برای راحتی کار در پیدا کردن url ها کافیست از کلید میانبر ctrl+f استفاده کنید

 

و کلمه ی url را در پنجره ی جستجوی آن بنویسید و بعد از انجام تغییرات لازم

 

، گزینه ی find nex  را بزنید تا url بعدی را پیدا کنید و این کار را آنقدر

 

ادامه دهید تا خطای cannot find دیده شود . 

 

6-حالا از قسمت save برنانه rapid css  قالب وبلاگتونو با فرمت css سیو کنید

 

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

 

را با css قبلی قالب وبلاگتون جایگزین کنید.

 

نکته : برای آپلود فایل میتوانید از سایت http://setfa.net/استفاده کنید

 

 

ساخت تاپ ساید جدید در فایل css

 

 1-قالب وبلاگ رو باز کنید(در راسخون می رید قسمت مدیریت قالب----> ویرایش قالب جاری)

 

2-حالا برنامه rapid css 2014 باز کنید و کد های css رو در اون کپی کنید

3-دنبال کد های تاپ ساید های موجود (موضوعات،آرشیو،درباره ی وبلاگ،امکانات دیگر،و ...) بگردید پس از پیدا کردن قسمت menu های کد ها را تا قسمت کدهای مورد استفاده در تاپ ساید(کد های اسکریپت،نوای وبلاگ،کد های آرشیو،کده ای موضوعاتو ...) کپی نمایید و در جایی که می خواهید پیست نمایید.

 

4- کدی را که می خواهید بعد از قسمت menu ها قرار بدید

 

 5-قسمت پایینی کد های تاپ ساید های قبلی را که مشابه هم هستند کپی و زیر قسمت تاپ ساید جدیدتون قرار بدید.

معمولا به صورت زیر می باشد:

 

</div>                                         

<div class="menu ya s ya foot ya … "></div>

 

6-حالا کد های جدید را با قبلی ها جایگزین کنید

 

 

عرض سلام و احترام.

متوجه شدیم که سایت آپارات قابلیت استفاده از فیلم های پسندیده شده که به صورت پشت سر هم به نمایش در می آمدند را دیگر کدش را ارائه نمی کند و این قابلیت را حذف کرده است.

یک راه حل بسیار ساده به شما بزرگواران نشان می دهیم:

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

سپس از کد زیر که قبلاً توسط ما ایجاد شده بود می توانید استفاده کنید و با جایگذاری نام کاربری خود به جای این نام کاربری دوباره بتوانید از این قابلیت استفاده کنید.

<div id="aparat14215997822661170"></div><script type="text/JavaScript" src="http://www.aparat.com/video/video/scr/type/user/username/نام کاربری /cnt/20/align/ver/bg/FFFFFF/height/300/width/400/id/aparat14215997822661170"></script></div>

 

همان طوری که دیدید فیلم های کانال عوض شدند و فیلم های نام کاربری جدید ظاهر شدند.

 

 

 

عرض سلام و احترام

در کد نویسی از کد <br/> یا <br>( هیچ فرقی نمیکنه، هر چند باید فرق داشته باشه) برای ایجاد فاصله استفاده می شود به عنوان مثال شده که برای شما پیش بی آید که بخواهید بین عکس لوگو و متن توضیحات وبلاگ یک فاصله ای ایجاد کنید اما تو کد نویسی که نمی شه با زدن enter !!!! فاصله ایجاد کرد در این مواقع از کد<br/> استفاده می کنیم.

به تصاویر زیر دقت نمایید:

قبل از استفاده از کد <br/> :

بعد از استفاده از کد <br/> که فاصله ایجاد شده با فلش مشخص شده است:

نکته: هر چه قدر تعداد <br/> را بیشتر بزنیم فاصله بیشتر ایجاد می شود.

 

 

 

عرض سلام و احترام.

حتما برای شما هم پیش آماده است که بخواهید مطلبی و یا قسمتی را به یک رنگ دیگری در بیاورید مثلا بخواهید قسمت درباره نویسنده را به یک رنگ دیگری مانند رنگ قرمز در بیاورید.

برای این کار از کد زیر باید استفاده کرد.

 

<span style="color:رنگی که می خواهید آن رنگی شود;">متن و یا قسمتی که می خواهید رنگش عوض شود </span>  

 

کد رنگ ها رو می توانید از لینک یر دریافت کنید:

http://sirgani.blogsky.com/1385/03/05/post-175/