تبلیغات
ڪد هاے نوار آدرس ِ رژ صورتے

مرگ ارزو - ...!!!!!!!

مرگ ارزو

ایــنجـآ بــہ مـَرز ♀ بـے تفـاوتــے ♀ رسیـد

طراح قالب: آوازک

...!!!!!!!
  
 

وعده قبل ازدواج :

 
 
 عمل به وعده، بعد ازدواج :
 
 
 
 

تصاویر زیباسازی ، کد موسیقی ، قالب وبلاگ ، خدمات وبلاگ نویسان ، تصاویر یاهو ، بلاگر www.RoozFun.Com
تصاویر زیباسازی ، کد موسیقی ، قالب وبلاگ ، خدمات وبلاگ نویسان ، تصاویر یاهو ، بلاگر www.RoozFun.Com

تصاویر زیباسازی ، کد موسیقی ، قالب وبلاگ ، خدمات وبلاگ نویسان ، تصاویر یاهو ، بلاگر www.RoozFun.Com

سلام

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

قالب وبلاگ خود را خودتان طراحی كنید و یك قالب كاملا شخصی برای خود داشته باشید

چنانچه مایل باشید میتوانید قالب های طراحی شده خود را برای سایت بهاربیست بفرستید

و قالبتان با نام وبلاگ خود شما در این سایت قرار گیرد

چنانچه قالب های طراحی شده توسط شما بیش از 10 قالب شود یك بخش اختصاصی

برای قالب های طراحی شده توسط شما در سایت بهاربیست ساخته میشود و

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

با نام و یاد خدا آموزش ویرایش تصاویر قالب وبلاگ را شروع میكنیم

نرم افزار معروف فوتوشاپ را حتما بر روی سیستم خود نصب كرده و داشته باشید

برای طراحی عكس میتوانید از هر كس و یا هر نرم افزار دیگری كه دوست دارید كمك بگیرید

در این بخش میخواهیم قالبی كه در تصویر زیر مشاهده میكنید را ویرایش كرده و شخصی كنیم

قالب وبلاگ جدید ساده شیك كلاسیك آبی بهاربیست www.bahar-20.com

ابتدا فایل زیر را دانلود كرده و بر روی كامپیوتر خود داشته باشید

برای دانلود بر روی دانلود فایل راست كلیك كرده و گزینه Save Target as را فشار دهید

سپس آدرسی كه میخواهید فایل در آنجا قرار گیرد را انتخاب و Save كنید

دانلود فایل

 

فایلی كه بر روی كامپیوتر شما قرار گرفته به اسم themes.htm میباشد

بر روی این فایل راست كلیك كنید و موس خود را بر روی گزینه Open with ببرید

بعد از باز شدن منوی كشویی گزینه Choose program را فشار دهید

در صفحه باز شده گزینه Notepad را پیدا كرده و انتخاب كنید

سپس روی دكمه OK كلیك كنید

صفحه ای كه پیش رو دارید همان قالب فوق است كه در نمای كدهای HTML قرار گرفته است

تعجب نكنید ، شما در ویرایش قالب وبلاگ خود دقیقا همین كدها را قرار میدهید

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

برای جست و جو در این صفحه در قسمت بالا از منوی Edit گزینه Find را انتخاب كنید

عبارت زیر را در بخش باز شده وارد كنید

http://Bahar-20.com/ftp/themes/webmasters/70/70-1.jpg

سپس دكمه Find Next را فشار دهید

عبارتی كه جست و جو كردید همان تصویری است كه شما باید طراحی كرده و تغییر دهید

برای تغییر این تصویر و شخصی سازی قالب ابتدا باید تصویری كه باید تغییر بدید را در قالب پیدا كنید

( كه این كار را از طریق جست و جو كه در بالا گفته شد انجام دادیم )

سپس تصویر یافته شده را بر روی كامپیوتر خود Save كنید

( برای این كار تصویر را در یك صفحه اینترنت اكسپلور باز كرده و

بر روی آن راست كلیك كنید و گزینه Save Picture را فشار دهید )

سپس نرم افزار فوتوشاپ را باز كنید و تصویر ذخیره شده را در نرم افزار فوتوشاپ باز كنید

بعد از باز كردن تصویر میتوانید بر روی آن تغییرات دلخواه را انجام دهید

چنانچه با نرم افزار فوتوشاپ آشنایی ندارید بخش آموزش فوتوشاپ را مطالعه كنید

تصویر خود را هر طور كه دوست دارید تغییر دهید مثلا من اینگونه تغییر دادم

 

 

شما میتوانید حتی این تصویر را حذف كرده و تصویری هم اندازه تصویر قالب وبلاگ بسازید

فقط دقت كنید حتما اندازه تصویری كه میسازید به اندازه تصویر قالب اصلی باشد

در غیر این صورت قالب شما كاملا بهم میریزد

برای اینكه قالب های دیگر را نیز تغییر دهید به روش زیر عمل كنید

 فایل زیر را دانلود كرده و بر روی كامپیوتر خود داشته باشید

برای دانلود بر روی دانلود فایل راست كلیك كرده و گزینه Save Target as را فشار دهید

سپس آدرسی كه میخواهید فایل در آنجا قرار گیرد را انتخاب و Save كنید

دانلود فایل

 

فایلی كه بر روی كامپیوتر شما قرار گرفته به اسم themes.htm میباشد

بر روی این فایل راست كلیك كنید و موس خود را بر روی گزینه Open with ببرید

بعد از باز شدن منوی كشویی گزینه Choose program را فشار دهید

در صفحه باز شده گزینه Notepad را پیدا كرده و انتخاب كنید

سپس روی دكمه OK كلیك كنید

حالا همینطور این صفحه كدهای html را رها كرده و كد قالب وبلاگی كه میخواهید تغییر دهید را

جایگزین كدهای این فایل كنید یعنی كدی كه در ویرایش قالب وبلاگ شما است را بجای كدهای

این صفحه قرار داده و سیو كنید

حالا تصویری كه میخواهید تغییر دهید را پیدا كرده ، سیو كرده ، با نرم افزار فوتوشاپ تغییر داده و ...

خوب ، حالا تصویر شما آماده است تا در قالب وبلاگتان قرار گیرد

برای این كار باید تصویر خود را در یك فضای اینترنتی آپلود كنید

برای آپلود تصویر به سایت http://www.tinypic.com  رفته و روی گزینه Browse  كلیك كنید

تصویر خود را انتخاب و روی گزینه سبز رنگ UPLOAD NOW كلیك كنید

چند لحظه صبر كنید تا تصویر شما آپلود شود

سپس در صفحه جدید كدی كه در قسمت چهارم یعنی Direct Link for Layouts را انتخاب كنید مثل كد

http://i40.tinypic.com/ws8xsn.jpg

 

حالا كد تصویر خود را كه شبیه به كد بالاست بجای كد تصویر قبل در صفحه كدهای قالب كه پیدا كرده بودید قرار دهید

در این لحظه دقت كنید كه كد تصویر قبلی به طور كامل حذف شود و بقیه كدها تغییری نكند

همیشه كد تصویر در بین دو علامت ' قرار دارد

دقت كنید این علامت از طرفین كد حذف نشود ، همچنین وقتی كد جدید را وارد كردید

دقت كنید بین كد و علامت ' هیچ گونه فاصله ای نباشد كه اگر باشد تصویر در قالب وبلاگتان باز نخواهد شد

بعد از اینكه كد تصویر جدید را به درستی جایگزین كد تصویر قبل كردید از منوی File گزینه Save را فشار دهید

كه قالب جدید شما در رایانه شخصی خودتون Save شود

حالا همه كدها را انتخاب كنید

( برای این كار در وسط كدها راست كلیك كرده و گزینه Select all را فشار دهید )

بعد از انخاب همه كدها بر روی كدها راست كلیك كرده و گزینه Copy را فشار دهید

سپس به بخش ویرایش قالب خود رفته و همه كدها را پاك كنید

حالا در وسط صفحه سفید راست كلیك كرده و گزینه Paste را فشار دهید

اكنون قالب جدید را ثبت و باز سازی كنید

وبلاگ خود را باز كنید و قالب جدید و شخصی خودتان را ببینید

چنانچه از ایرادی در قالب دیدید باید تصویر قالب خود را ویرایش كرده و مجدد از قسمت آپلود به بعد را تكرار كنید

 

RE: نحوه ی گذاشتن عکس پس زمینه برای قالب

با سلام دوست عزیز برای گذاشتن عکس به عنوان پس زمینه ی قالب باید به مسیر زیر برید

کد:
catalog/view/theme/Your Theme/image

و عکسی را که میخ واهید به عنوان پس زمینه قرار بدید با فرمت png در این پوشه قرار بدید سپس به مسیر زیر رفته

کد:
catalog/view/theme/Your Theme/stylesheet

و در دو فایل stylesheet-rtl و stylesheet را باز کرده و دایو body که در همان چند خط اول هستش را پیدا کنید و دستور زیر را اضافه کنید

کد:
background: #fcfbfb url('../image/bg.jpg') no-repeat center top;

دقت کنید که به جای bg.jpg نام عکس و پسوندی را که عکس شما داره را وارد کنید و در صورتی که در دایو گفته شده دستور background-color وجود داشت آن را پاک کرده و رنگ آن را به جای #fcfbfb وارد می نمایید.

 

 

 

 

 

 

 

 

 

 

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

اما به دلیل اینکه اکثر این عکس ها به این دو سایت لینک داده شده اند شاید دوست داشته باشید که آن عکس را طوری قرار دهید که به سایت شما لینک داده شود .

 

نحوه ی کار رو نمیخوام زیاد توضیح بدم فقط این رو بگم که در پایین شما 2 تا فایل رو می تونید دانلود کنید و با تغییراتی که در اون می تونید انجام بدین یک آرم در گوشه ی وبتون به نمایش بگذارید که به سایت خودتون لینک داده شده است !

 

دریافت فایل : javascript-code-1.zip [988 بایت] ( تعداد دانلود: 28)
رمز عبور : template.p30games.org

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

.......................................
res = "<div style=\" z-index:1000; position:absolute; left:0px; top:0px; border-width:0px; \">"
res += "<img src=\"GIF URL\" width=\"170\" height=\"170\" "
res += "border=\"0\" usemap=\"#muslims2\" /><map name=\"muslims2\" id=\"muslims2\"> "
res += "<area shape=\"poly\" alt=\"توضیحات عکس \" coords=\"1,1,1,169,169,1\" "
res += "href=\"http://template.p30games.org\" target=\"_blank\" /></map></div>"
.......................................
res = "<div style=\" z-index:1000; position:absolute; right:0px; top:0px; border-width:0px; \">"
res += "<img src=\"GIF URL\" width=\"170\" height=\"170\" "
res += "border=\"0\" usemap=\"#muslims1\" /><map name=\"muslims1\" id=\"muslims1\"> "
res += "<area shape=\"poly\" alt=\"توضیحات عکس\" coords=\"1,1,169,1,169,169\" "
res += "href=\"http://template.p30games.org\" target=\"_blank\" /></map></div>"
.........................................

خب توضیحاتی در رابطه با تغییراتی که باید انجام بدین . ابتدا یک عکس در سایز 170*170 و با فرمت GIF طراحی و آپلود کنید . سپس یکی از فایل ها را با استفاده از Notepad باز کنید و آدرس عکس را به جای عبارت " GIF URL " قرار دهید . سپس به جای " توضیحات عکس " متنی را برای توضیحات عکس بنویسید .  در خط 7 هم می توانید آدرس وب خود را قرار دهید . سپس فایل را با فرمت .js ذخیره کنید و در فضایی مثل پرشین گیگ یا پارسا اسپیس آپلود کنید .

سپس آدرس آن را در کد زیر وارد کنید و این کد را به صورت کامل در قالب وب خود قرار دهید تا عکس مورد نظر در گوشه ی وب شما به نمایش بیاید.

<a href="http://www.pic1.iran-forum.ir/"><img src="http://www.pic1.iran-forum.ir/images/up2/07111590249882517588.gif" border="0" alt

 

 

 

 

 

سلام دوستان
امروز می خوام بگم که چه طوری می تونین یک آیکون در کنار آدرس وبلاگتان در آدرس بار مرورگر ایجاد کنید.

1-نخست یک آیکون 10x10 یا 15x15 طراحی کنید.
-می توانید به صورت حرفه ای از طریق این سایت ، آیکون را طراحی کنید.
http://www.favicon.cc/

2-حال آیکون ساخته شده را آپلود کنید.
-برای آپلود از این سایت های می توانید استفاده کنید:
http://www.pic.iran-forum.ir/
http://up.iranblog.com/
http://20uploads.com/

خوب حال که عکس را آپلود کردید به قسمت ویرایش قالب بروید و بهتر است بعد از کد <head> این کد را وارد کنید:
<link href="link aks upload shode shoma" rel="shortcut icon">

خوب آیکون شما آماده شد و بعد از تایید به وبلاگتان بروید و بعد از لودشدن کامل آیکون وبتان را می بینید.

Heartدوستان هرکی مطالب من رو می پسندد روی اعتبار کلیک کند.Heart



 



[ شنبه 15 بهمن 1390 ] [ 06:59 ب.ظ ] [ arezoo ♪ ♥ ] [ ★*✖?kiss me✖★*() ]