• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

قالب وبلاگ سه رنگ طراحی توسط ایران انجمن

Mahdi Askari

مدير فنی
خب خواستم قبل عید تمومش کنم و به عنوان عیدی تقدیم کنم اما به علت مشکلاتی که به وجود آمد تمام نشد و امروز تمومش کردم و براتون میذارم
توضیحات قالب و آموزش های لازم رو همین جا قرار میدم براتون


1- دارای قابلیت تغییر رنگ قالب وبلاگ

2- با تغییر رنگ قالب سه روز در کوکی ها ذخیره شده و با باز شدن صفحه سایت رنگ انتخابی لود میشه

3- حجم سبک قالب در حالی که سه رنگ درون یک قالب گذاشته شده

4- حذف بلاک درباره ما و عکس وبلاگ

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

6- قرار دادن قسمتی برای دوستان و یا حامیان وبلاگ

7- قرار دادن فرم تماس با ما به صورت تمام جی کوئری و بدون انتقال به صفحه جدید

8- قرار دادن دکمه های اشتراک گذاری مطلب ( فیس-بوک ، تویتر، لینکداین ، و ارسال این پست به ایمیل یک دوست)

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

رنگ سبز:
green.png

رنگ آبی:
blue.png

رنگ قرمز:
red.png



دمو زنده رو هم میتونید در اینجا مشاهده کنید

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

اما آموزش هایی که لازم هست:

1- اگر نیاز به داشتن چند رنگ در قالب ندارید و میخواید که فقط یک قالب با رنگ مورد نظر باشه در قسمت سورس ها میتونید فایل های سی اس اس رنگ های دیگه رو حذف کنید
این قسمت را در قالبتان ویرایش کنید:


کد:
<link rel="stylesheet" href="http://iranrazmi.ir/theme/3rang/sabz.css"  type="text/css"  />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="http://iranrazmi.ir/theme/3rang/abi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="http://iranrazmi.ir/theme/3rang/red.css" />



2- فک نکنم بخواید رنگ دیگه ای اضافه کنید اگه خواستید بگید تا آموزشش رو بذارم

3- اگر خواستید درباره وبلاگ به صورت اولیه و مانند قبل باشه در بلاک های سمت راست این کد رو قرار بدید
کد:


کد:
<div id=rightmenu>
<div class=Topblock><div class=Topblock2>

        
<b>درباره وبلاگ</b> </div></div>

<div class=block><div class=li-Sid2><BlogProfile>  
<BlogPhoto><div style="text-align:center;"><img src="<-BlogPhotoLink->"></div></BlogPhoto>
<br><-BlogAbout-></BlogProfile></div></div>
<div class=bottomblock></div></div>


4- برای ویراش دوستان ابتدا لوگو را به 40*40 تغییر سایز دهید و در قسمت فوتر دنبال این کد ها بگردید و ویرایش کنید
کد:



کد:
<a href="[COLOR=#FF0000]http://iranjoman.com[/COLOR]" target="_blank" title="[COLOR=#FF0000]iranjoman[/COLOR]"><font color="000000">  [COLOR=#FF0000]iranjoman  -  iranian family[/COLOR] <img src="[COLOR=#FF0000]http://iranrazmi.ir/theme/3rang/logo.png[/COLOR]" border="0"> </a></font>
<br><br>

قسمت هایی که فارسی بود رو انگلیسی نوشتم تا کد ها به صورت درست نمایش داده بشه
iranjoman-iranian family: متنی که کنار لوگو نمایش داده میشه
iranjoman: متنی که وقتی ماوس روش بره نمایش داده میشه
http://iranjoman.com :لینک سایت دوستتان
http://iranrazmi.ir/theme/3rang/logo.png : لینک لوگو دوستتان


امیدوارم تونسته باشم با این قالب عیدی خوبی داده باشم . چون عیدی من به دوسان همین قالب هستش

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


موفق باشید
کد ها پیوست شد:گل:




 

پیوست ها

  • 3rang.txt
    10.5 کیلوبایت · بازدیدها: 7
آخرین ویرایش:

admin

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

موفق باشید
 

Mahdi Askari

مدير فنی
بسیار عالی و قابل ستایش است کار با ارزشتون مهدی عزیز.
من کمتر دیدم که قالبی با قابلیت انتخاب رنگ برای سیستم های وبلاگدهی ساخته بشه.
و همچنین کارتون از لحاظ تخصصی و موارد فنی بسیار عالی هست :گل:

موفق باشید

از بهترین لحظات زندگی آن هنگام است که مدیر کل اینچنین اندر کار های یک کاربر تمجید و تعریف میکند:خنده2:
ایول مهدی پلنگ:ایرانجمن:
راستشو بگو از کجا کش رفتی:خنده2:

کار خودمه فقط استایل سوییچر کار وی بی ایرانه:70:
توقع داشتی استایل سوییچر رو هم خودم درست کنم؟:خنده2:
بعدشم چرا همه فک میکنن که من همه کارام دزدیه:10:
قدیما گذشت:نیش:


آفرین مهدی. جای تقدیر داره کارت.

من بهت افتخار میکنم
10.gif

ممنونم منصور جان:5:
 
آخرین ویرایش:

سایه

کاربر ويژه
آفرین آقا مهدی:دست::دست::دست:

خسته نباشید
مشتاقانه منتظر کارهای دیگر شما هستیم:icestar:
البته به شرطی که آموزشش رو هم بذاریداااااااااااااا:atish:
 

Mahdi Askari

مدير فنی
آفرین آقا مهدی:دست::دست::دست:

خسته نباشید
مشتاقانه منتظر کارهای دیگر شما هستیم:icestar:
البته به شرطی که آموزشش رو هم بذاریداااااااااااااا:atish:

آموزش طراحی قالب یعنی اینکه زبان برنامه نویسی تحت وب رو یاد بگیرید و با اون بنویسید
منظور از آموزش رو من متوجه نمیشم:17:
 

ahmadfononi

معاونت انجمن
با سلام
ایول مهدی ، خیلی کارت عالیه
از اون تغییر رنگ هم خوشم اومد.
خیلی عالیه :گل:
 

سنجاقي

متخصص بخش گفتگوی آزاد
یه چیزی بگم نخندیدا...:113:
فکر کردم طراحی کابینت آشپزخونه است... ببخشید...:غش::غش:
رنگاش قشنگه...:18:
 

Mahdi Askari

مدير فنی
با سلام
ایول مهدی ، خیلی کارت عالیه
از اون تغییر رنگ هم خوشم اومد.
خیلی عالیه :گل:


ممنون احمد جان:5:
عالی شده بهتون تبریک میگم:دست::گل:

ممنونم میترا خانم:گل:
یه چیزی بگم نخندیدا...:113:
فکر کردم طراحی کابینت آشپزخونه است... ببخشید...:غش::غش:
رنگاش قشنگه...:18:

طراحی کابینت :خنده2:
کجاش نوشته کابینت آخه :نیش:




پس چرا خبری از انتقاد های کوبنده نیستش:64::آه:
 

سنجاقي

متخصص بخش گفتگوی آزاد
ممنون احمد جان:5:


ممنونم میترا خانم:گل:


طراحی کابینت :خنده2:
کجاش نوشته کابینت آخه :نیش:




پس چرا خبری از انتقاد های کوبنده نیستش:64::آه:

اصلا جالب نبود...:91:
خیلی زشته...:18:
از اول درستش کن...:101:

این هم قسمت کوبنده اش...:تنبیه::تنبیه::تنبیه::تنبیه:
 

سایه

کاربر ويژه
آموزش طراحی قالب یعنی اینکه زبان برنامه نویسی تحت وب رو یاد بگیرید و با اون بنویسید
منظور از آموزش رو من متوجه نمیشم:17:

منظورم کاملا و دقیقا آموزش گام به گام و مرحله به مرحله هست.:بله:
آموزش زبان HTML
آموزشcss
کدهای اختصاصی
java script
....
به صورت مرحله به مرحله و با مثال به طوری که بتونیم همزمان با آموزش پیش بریم و اگه سوالی داشتیم در همون مرحله عنوان کنیم.
شما یا یک بزرگوار دیگه لطف کنه آموزش بده:گل:
بالاخره شما هم از ی جایی شروع کردین دیگه:104:
 

ahmadfononi

معاونت انجمن
با سلام
سایه خانم
در این تالار ها : برنامه نویسی زبان های برنامه نویسی (تحت وب و ویندوز) بعضی هاشون آموزش های گام به گام دارند.
مثلا برای Html یا سایر زبان ها تاپیک هایی هست که آموزش هایی ازشون دارند.
برای آموزش یا میتونید از سایت های آموزشی استفاده کنید یا از CD های آموزشی.
البته از نظر من اول اگر بخواهید یاد بگیرید باید علاقه داشته باشید چون اگر علاقه نداشته باشید و بخواهید کاری رو انجام بدید شاید نتونید یاد بگیرید.
موفق و موید باشید :گل:

منظورم کاملا و دقیقا آموزش گام به گام و مرحله به مرحله هست.
آموزش زبان HTML
آموزشcss
کدهای اختصاصی
java script
....
به صورت مرحله به مرحله و با مثال به طوری که بتونیم همزمان با آموزش پیش بریم و اگه سوالی داشتیم در همون مرحله عنوان کنیم.
شما یا یک بزرگوار دیگه لطف کنه آموزش بده
بالاخره شما هم از ی جایی شروع کردین دیگه
 

shakira

متخصص بخش پزشکی
آقا مهدی!:احترام:

ضمن تشکر از تلاشهای شما، صمیمانه تبریک عرض میکنم.
:گل:

بسیار زیبا و قابل تقدیر است.
:2:

:گل:
 

R0xanA

متخصص بخش گرافیک و مالتی مدیا
عالی و قشنگ و مبتکرانه بود:icestar::icestar:

انتقاد کنم دلت نشکنه:kamyar:

قسمت قهوه ای پایین و اگه طوسی کنی با همه رنگا و قالبات ست میشه:mehdi:

هدر هم فقط با قالب سبز ست شده:50:

بازم مثه اوندفعه دکمه ادامه مطلب و خوشملترش کن:سوت:
 

Mahdi Askari

مدير فنی
اصلا جالب نبود...:91:
خیلی زشته...:18:
از اول درستش کن...:101:

این هم قسمت کوبنده اش...:تنبیه::تنبیه::تنبیه::تنبیه:

حرص نخورید آیدا خانم:30:
کوبندگیش کم بود:50:
hakira;330158
آقا مهدی!
29.gif


ضمن تشکر از تلاشهای شما، صمیمانه تبریک عرض میکنم.
33.gif


بسیار زیبا و قابل تقدیر است.
768719_nhsatkt0wbyybq9t.gif


33.gif



خیلی ممنونم از شما مهدیه خانم:19::5:
عالی و قشنگ و مبتکرانه بود:icestar::icestar:

انتقاد کنم دلت نشکنه:kamyar:

قسمت قهوه ای پایین و اگه طوسی کنی با همه رنگا و قالبات ست میشه:mehdi:

هدر هم فقط با قالب سبز ستشده:50:

بازم مثه اوندفعه دکمه ادامه مطلب و خوشملترش کن:سوت:

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

R0xanA

متخصص بخش گرافیک و مالتی مدیا
فوتر از پی اس دی درومد و عکس شده امکان ویرایش وجود نداره
3.gif

دکمه ادامه مطلب هم زیاد مهم نیستش در کد های قالب قرار دادم و از سی اس اس فراخوانی نکردم
به همین دلیل هر کس خواست خودش میتونه اونو ویرایش کنه و این سلیقه ای هستش
هدر هم با همه جور شده که
6.gif










خوب psd نباشه میشه رنگش و تغییر داد :ایرانجمن:

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

Mahdi Askari

مدير فنی
خوب psd نباشه میشه رنگش و تغییر داد :ایرانجمن:

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

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